- 博客(82)
- 收藏
- 关注
RSS订阅原创 原生微信小程序——右上角分享指定页面和图片
当用户点击小程序右上角分享小程序时，如果我们没有设置，会默认分享当前小程序的名称和当前页面，例如下面：此时客户要求每次用户点进来小程序都跳转到小程序的首页，而且无论用户在哪一个页面分享小程序，分享的都是固定的图片。...
2022-06-17 10:14:22
4456
1
原创 原生微信小程序自定义组件以及组件间通讯
当我们在开发项目时，有时候会发现，在不同的页面中会用到相同的功能模块，,此时我们就可以将这些相同的部分提取出来并且单独设为一个"页面",然后在要应用到它的地方引用就可以了， 在vue 、react 等框架中，组件化开发的概念相信大家都很熟悉了，下面我来介绍介绍原生微信小程序如何定义组件，如果有纰漏欢迎大家指正。...
2022-06-10 18:14:39
2198
1
原创 微信小程序中实现过滤器
在使用vue中，我们知道直接使用fliter就可以实现过滤器的功能，但是在原生微信小程序中没有这个概念，官方给出了一种 WXS 脚本语言，下面我来介绍一下在小程序中如何使用它来实现过滤器功能。 ...
2022-06-08 11:19:43
5391
2
原创 浅拷贝和深拷贝
我们知道，在大部分编程语言中，变量会被存在两个地方，栈和堆。而在 javascript 中，栈中存储的是值类型的数据和引用类型的地址，引用类型的真正数据是被存储在堆中。
2022-05-27 15:49:52
418
原创 一篇文章带你了解 JSON.stringfy和JSON.parse 的用法
相信大家对于 JSON.stringify 和 JSON.parse 一定不陌生，我们在使用本地储存的时候经常使用（存：localstorage.setItem(“key”,JSON.stringify( obj ) 取： JSON.parse(localstorage.getItem(“key”))，下面让我们看看这个方法的其他参数用法。目录1.JSON.stringify 方法的第一个参数——将对象转
2022-05-26 10:32:28
860
原创 vue2.x组件间传值（父传子、子传父、兄弟组件间）
vue2.x父组与件子组件之间的通讯，vue框架最显著的特点就是组件化开发，比如，实现一个添加功能，在父组件中有一个添加按钮，点击添加按钮弹出一个窗口(弹窗为子组件)，当输入完表单信息保存时，就需要将数据传给其他组件执行其他逻辑。
2022-05-16 16:21:17
494
原创 foreach、filter、find、some、every、map、reduce方法对比
foreach、filter、find、some、every、map、reduce等常用循环方法方法实例对比
2022-04-12 14:40:33
776
1
原创 基于vue框架使用canvas实现井字棋小游戏
引言：最近实现了一个图片上传压缩的功能，使用了canvas，所以学习一下canvas的语法，实现一个井字棋小游戏，这个小游戏可以人人对弈，如果大家有兴趣，可以对代码进行迭代，比如采用极大值极小值搜索法来实现人机对弈或者机机对弈。废话少说，先看演示效果:点击此处预览效果1. 创建画布<div id="app" > <div style="border: solid 1px #000000 ;width: 600px;height: 600px;" @click="getLo
2022-04-06 11:06:28
4085
原创 微信小程序实现图片压缩上传（base64格式）
1.从本地相册或者相机拍照选择图片；chooseImage (){ wx.chooseImage({ count: 1, //图片尺寸原图和压缩图 sizeType: ['original', 'compressed'], //从相册选图和使用相机 sourceType: ['album', 'camera'], success (res) { // tempFilePath可以作为img标签的src属性显示图片 const tem
2022-04-06 09:48:58
8124
7
原创 浏览器对javascript单线程的执行机制与Event loop执行模型
浏览器对javascript单线程的执行机制与Event loop执行模型
2022-01-26 11:33:24
1249
原创 Vue中ref的三种用法
序言 最近在开发Vue项目，发现了一个ref的使用场景：将父组件中的值传递给子组件并且调用子组件的方法。获取dom元素获取子组件中的data调用子组件中的方法1.获取dom元素通过`this.$refs.name`获取dom元素// HTML<div ref="myref">123</div>// JSlet myDOM = this.$refs.myref;co
2022-01-24 17:26:19
25396
2
原创 ES6中filter的使用场景
1.filter的使用场景：假如有一个对象数组A，获取数组中的指定类型的对象放到B数组中我们在ES5先进行for循环遍历数组，再进行if 判断，如果数组中某个对象的类型符合要求，push 到一个新数组中var students=[ {name:"vue",type:"lesson"}, {name:"react",type:"lesson"}, {name:"java",type:"lessonone"}, {name:"node",typ
2022-01-13 17:44:34
692
1
原创 js中对字符串处理的一些方法（join、split、subString、substr、slice、replace）
目录1.array.join(separator)2.stringObject.split(separator,times)3.stringObject.subString(start,end)4.stringObject.substr(start , length)5.stringObject.slice(start,end)1.array.join(separator)用途：将一个数组array中的元素以分隔符separator拼接，返回一个字符串；注意：separator参数非
2021-12-29 15:42:56
972
原创 vue里使用pdf.js实现pdf文件的预览功能
引言：经过上一篇文章的测试，发现了以下问题：兼容性不好不适用多语言场景（不能共用一套）会出现跨域问题难于监控阅读状态不能控制下载状态在基于vue开发的移动项目中，如果预览的pdf数量不是很多的话，是可以使用 vue-pdf 的，因为在实际开发测试中，ios系统依次预览多个pdf文件会出现白屏的现象，android系统不会出现。但是此时也很难监控阅读状态，所以最后采用pdf.js来实现业务需求。目录：实现效果1.下载pdfjs 2.放在项目中位置 3.在页面中使用 4.出现问题
2021-12-17 15:38:43
2903
1
原创 实现微信小程序和手机app（基于vue）PDF预览功能
引言：最近在做微信小程序和手机端app开发（基于vue），实现一个pdf预览功能。需求：点击pdf列表，跳转到预览pdf页面，页面上强制阅读10s后，显示一个按钮返回，更新阅读状态；要求：不能调用本地浏览器预览，不能让用户下载pdf，强制阅读10s后才可返回；准备：pdf在线文档：“http://cn.createpdfonline.org/pdffiles/test(20211215094117).pdf”1.微信小程序端方式一：webview<web-view src="htt
2021-12-15 17:45:18
8854
1
原创 Antd改变Modal弹窗header颜色并且随主题颜色在线改变
1.改变Modal弹窗颜色在Antd中，Modal弹窗默认颜色为白色，我们为Modal外层添加一层div，即可如下修改弹窗头部属性：<style lang="less" scoped> /deep/ .ant-modal-header{ background-color: #40a9ff; } /deep/ .ant-modal-title{ color: white; }</style>2.颜色随主题改变我们有时候需要颜色随着主题的改
2021-09-08 15:06:39
5664
1
转载 [Antd-vue] Warning: You cannot set a form field before rendering a field associated with the value.
[Antd-vue] Warning: You cannot set a form field before rendering a field associated with the value.在用ant-design-vue的框架中，使用到了这种场景，就是点击编辑按钮，弹出modal模态框，渲染modal模态框中的form表单页面，并给表单赋值，但是在给表单赋值的时候，总是会报错。错误提示： Warning: You cannot set a form field before rendering
2021-09-08 11:45:18
1095
原创 Vue中插槽的使用
Vue插槽一、概念要了解 slot 插槽 , 首先需要了解自定义组件，以及组件中的模板举例：自定义一个组件名 tag1//组件模板为var tag1mes = { template:`<dl> <dt>狮子</dt> <dd>是一种生存在非洲与亚洲的大型猫科动物</dd> </dl>`}...定义一个局部组件components:{ tag1:tag1mes}...在结构中加入这
2021-08-16 16:13:40
329
原创 免费的图片服务器https://sm.ms
https://sm.ms是一个免费的图片服务器，上传图片即可返回图片的网络url，这样就省的自己维护和搭建专门的图片服务器了。
2021-04-15 10:42:32
4087
原创 js篇章——每日三题
1.编写一个过滤字符串列表并返回仅包含您的朋友姓名的列表的程序。如果名称中恰好有4个字母，则可以确定它必须是您的朋友！否则，可以确定他不是…例如：输入= [“ Ryan”，“ Kieran”，“ Jason”，“ Yous”]，输出= [“ Ryan”，“ Yous”]function friend(friends){ //your code here return friends.filter(n => n.length === 4)}//或者function friend(fr
2021-03-25 17:45:01
124
原创 神坑，vue中 router-view 无法渲染的问题！！！！！！
在创建路由实例对象时，路由规则数组是 routes 而不是 routers！！！！！！！！//创建路由实例对象 const router = new VueRouter({ //routes是路由规则数组 routes: [ //每个路由规则都是一个配置对象，其中至少包含 path 和 component 两个属性 //path 表示当前规则匹配的 hash 地址 //component 表示当前路由规则对应要展示的组件,接收的是对象 {pat
2020-11-04 16:25:59
5123
原创 vue-router的基本使用
基本使用步骤：引入相关库文件（可在vue官网下载） <script src="https://unpkg.com/vue-router/dist/vue-router.js"></script>添加路由链接 <!--router-link是vue中提供的标签，默认会被渲染为a标签--> <!--to属性默认会被渲染为 href 属性--> <!--to属性的值默认会被渲染为#开头的hash地址--> <rou
2020-11-04 15:58:31
121
1
原创 前端面试问题总结1
1.块级元素和行级元素的区别区别一：块级：块级元素会独占一行，默认情况下宽度自动填满其父元素高度； 行级：行内元素不会独占一行，相邻的行内元素会排列在同一行，其宽度随内容的变化而变化；区别二：块级：块级元素可以设置高度； &nbs
2020-10-31 10:54:10
171
转载 vue中需要理解的几个概念
一、对于MVVM的理解MVVM 是 Model-View-ViewModel 的缩写Model代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑。View 代表视图模型，它负责将数据模型转化成UI 展现出来。View 层不负责处理状态，View 层做的是数据绑定的声明、 指令的声明、 事件绑定的声明。ViewModel监听数据的改变和控制视图行为、处理用户交互，它就是一个同步View 和 Model的对象，连接Model和View。在MVVM架构下，View 和 Model 之间并
2020-10-24 14:09:12
196
原创 宝塔面板干什么用的
以前我没接触宝塔面板的时候，我也不太清楚它是干嘛的。只知道它是管理和运维网站的。后来随着我的知识的积累，逐渐发现我在搭建网站方面，已经离不开它了。没有用宝塔面板之前，我是这样搭建网站的：用xshell等远程连接软件连接云服务器 》手工安装PHP运行环境（LNMP+LAMP）或Java运行环境 》安装WordPress》网站预览这样最大的缺点就是费时费力，我很有可能在安装LNMP或者LAMP的过程中报错或者安装浪费比较多的时间。而且我不太好管理LNMP和LAMP等环境下部署的网站，比如备份网站程序，部署
2020-10-19 10:03:20
3908
2
原创 JavaScript中DOM操作训练——数据的增删改查
题目概述：已知有一套JSON格式的人员数据表基于该表，实现网页方式的列表显示、计算年龄、重新加载等功能================================================环境支持：IE 7+ Firefox================================================技术范畴：JavaScript JSON DOM CSS================================================详细说明：
2020-10-18 19:00:42
752
转载 jQuery发送Ajax请求
概述Ajax用于浏览器与服务器通信而无需刷新整个页面，服务器将不再返回整个页面，而是返回少量数据，通过JavaScript DOM更新一部分节点。期间数据传输可采用xml，json等格式，Ajax最早用于谷歌的搜索提示。其实不刷新整个页面便可与服务器通信的方法有很多，比如Flash，Java applet，iframe等，但Ajax是目前最为常见的一种。我们可以使用JavaScript扩展对象XMLHttpRequest实现Ajax，对于这种方法在这里不做介绍，下面直接了解jQuery实现Ajax的几
2020-10-16 13:04:54
168
原创 找出一个数组出现最多的字符
应用链表思想，以键值的形式，存进对象；<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>一个数组中，出现次数最多的字符，及其位置</title></head><body> <script type="text/javascript"> var arr=["a","x","b","d","m"
2020-10-16 10:46:41
299
原创 ajax创建对象、请求、响应、callback
什么是 AJAX ？AJAX = 异步 JavaScript 和 XML。AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。1. ajax创建对象创建 XMLHttpRequest 对象所有现代浏览器（IE7+、Firefox、Chrome、Safari 以及 Opera）均内建 XMLHttpReq
2020-10-12 20:30:27
352
原创 jQuery中的排他思想
隐式迭代 给所有的按钮都绑定了点击事件；当前的元素变化背景颜色；其余的兄弟去掉背景颜色 隐式迭代；案例分享：<body> <button>快速</button> <button>快速</button> <button>快速</button> <button>快速</button> <button>快速</button> .
2020-10-11 21:23:51
187
原创 jQuery常用API
1. jQuery 对 css 的操作修改多个属性：$(’.类名或者#id名’).css({width:100，height：100})；通过添加类名改变样式：$(’.类名或者#id名’).addClass(‘类名’)，不影响之前的类名，在原有基础上添加新类；移除类：$(’.类名或者#id名’).removeClass(‘类名’)；切换类：$(’.类名或者#id名’).toggleClass(‘类名’)；案例演示：<body> <div id="divv"><
2020-10-11 21:21:49
138
原创 jQuery的基本使用（jQuery与DOM转换）
我们在使用 jQuery 之前需要导入jQuery的库，在 jQuery 官网即可下载；DOM对象和 jQuery 对象的对比<body> <div></div> <span></span> <script> // 1. DOM 对象： 用原生js获取过来的对象就是DOM对象 var myDiv = document.querySelector('div'); // my
2020-10-11 20:30:21
206
原创 JavaScript本地储存：localStorage、sessionStorage、cookie
javaScript有三种数据存储方式，分别是：sessionStoragelocalStoragecookier1. sessionStoragesessionStorage仅在当前会话下有效，关闭页面或浏览器后被清除；setItem(key,value) 设置数据getItem(key) 获取数据removeItem(key) 移除数据clear() 清除所有值<script> // 添加数据 window.sessionStorage.setIte
2020-10-11 10:44:01
6965
9
原创 JavaScript立即执行函数的两种方式
立即执行函数定义：不需要调用，直接执行；语法规则：(function(形参a){})(形参a)(function(形参a){}(实参a))案例演示：<script type="text/javascript"> //不需要调用，直接执行 //第一种形式 (function(){ console.log(2) })() (function(a,b){ console.log(a+b) })(1,2) //
2020-10-11 09:37:58
342
原创 JavaScript实现在两个页面中传递参数
传参页面.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <form action="接收另一个界面参数.html"> 用户名：<input type="text" name="uname"/> <input type="su
2020-10-10 16:04:03
770
原创 JavaScript应用定时器实现倒计时
案例分享：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> 手机号码：<input type="text" /> <button>获取短信验证码</button> <script type="text/javascript">
2020-10-10 15:57:52
213
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人