- 博客(36)
- 收藏
- 关注
RSS订阅原创 微信小程序笔记 四！
在中大型的公司里，人员的分工非常仔细：同一个小程序项目，一般会有不同岗位、不同角色的员工同时参与设计与开发。此时出于管理需要，我们迫切需要对不同岗位、不同角色的员工的权限进行边界的划分，使他们能够高效的进行协同工作。
2024-06-21 08:47:45
602
原创 微信小程序笔记 三！
小程序中的 API 是由宿主环境提供的，通过这些丰富的小程序 API，开发者可以方便的调用微信提供的能力，例如：获取用户信息、本地存储、支付功能等。
2024-06-19 08:48:54
463
原创 微信小程序笔记 二！
宿主环境（host environment）指的是程序运行所必须的依赖环境。例如：Android 系统和 iOS 系统是两个不同的宿主环境。安卓版的微信 App 是不能在 iOS 环境下运行的，所以，Android 是安卓软件的宿主环境，脱离了宿主环境的软件是没有任何意义的！
2024-06-19 08:43:22
154
原创 微信小程序笔记 一！
WXML（WeiXin Markup Language）是小程序框架设计的一套标签语言，用来构建小程序页面的结构，其作用类似于网页开发中的 HTML。WXSS (WeiXin Style Sheets)是一套样式语言，用于描述 WXML 的组件样式，类似于网页开发中的 CSS。
2024-06-04 09:43:04
683
原创 Vue非单文件组件和组件嵌套！！
使用Vue.extend(options)创建，其中options和new Vue(options)时传入的那个options几乎一样，但也有点区别；// el:'#root', //组件定义时，一定不要写el配置项，因为最终所有的组件都要被一个vm管理，由vm决定服务于哪个容器。 (1).组件名尽可能回避HTML中已有的元素名称，例如：h2、H2都不行。<h2>学生姓名：{{studentName}}</h2>
2024-05-10 08:51:07
734
原创 Vue 生命周期
常用的生命周期钩子： 1.mounted: 发送ajax请求、启动定时器、绑定自定义事件、订阅消息等【初始化操作】。 2.beforeDestroy: 清除定时器、解绑自定义事件、取消订阅消息等【收尾工作】。 关于销毁Vue实例 1.销毁后借助Vue开发者工具看不到任何信息。 2.销毁后自定义事件会失效，但原生DOM事件依然有效。
2024-05-06 09:11:24
405
原创 Vue笔记 4
自定义指令总结： 一、定义语法： (1).局部指令： directives:{指令名:配置对象} 或 directives{指令名:回调函数} (2).全局指令： Vue.directive(指令名,配置对象) 或 Vue.directive(指令名,回调函数)
2024-04-29 10:13:45
391
原创 Vue笔记 3
vue会监视data中所有层次的数据。 2. 如何监测对象中的数据？ 通过setter实现监视，且要在new Vue时就传入要监测的数据。
2024-04-19 11:43:52
630
原创 Vue笔记 2
数组写法适用于：要绑定多个样式，个数确定，名字也确定，但不确定用不用。Vue未提供别名的按键，可以使用按键原始的key值去绑定，但注意要转为kebab-case（短横线命名）（2）.如果计算属性要被修改，那必须写set函数去响应修改，且set中要引起计算时依赖的数据发生改变。 对象写法适用于：要绑定多个样式，个数不确定，名字也不确定。（1）.配合keyup使用：按下修饰键的同时，再按下其他键，随后释放其他键，事件才被触发。
2024-04-11 08:57:03
782
原创 Vue笔记
想让Vue工作，就必须创建一个Vue实例，且要传入一个配置对象；root容器里的代码依然符合html规范，只不过混入了一些特殊的Vue语法；root容器里的代码被称为（Vue模板）；Vue实例和容器是一一对应的；真是开发中只有一个Vue实例，并且会配合着组件一起使用；{{xxx}}中的xxx要写js表达式，并且xxx可以自动读取到data中的所有属性；一旦data中的数据发生改变，那么页面中用到该数据的地方也会自动更新；：js表达式 和 js代码（语句）
2024-04-03 14:50:00
880
原创 学习Vue的第四天！！
规则：定义指令名称不能使用驼峰和v-，要是用-连接，记得添加引号使用时要v-自定义名称函数写法名称(节点,绑定对象){}对象写法名称:{绑定成功调用bind(节点,绑定对象){},插入到页面调用inserted(节点,绑定对象){},重新解析时调用(值发生改变)update(节点,绑定对象){}1.局部自定义指令directives ,写入Vue实例中2.全局自定义指令Vue.directive ,定义在实例化之前。
2024-03-29 10:40:15
151
原创 学习Vue的第三天！
"nums":{// bind成功绑定时调用},// inserted成功插入页面调用},// update重新解析时(改变)调用},
2024-03-22 11:31:02
221
原创 学习Vue的第二天！！
区别：对于元素只是一次可以选择使用v-if(消耗内存),操作次数多v-show(并没有销毁元素)3、同时使用需要在外层嵌套盒子，在外层进行v-if判断，在内层进行v-for循环。2.先创建Vue实例，随后通过vm.&mount(“#app”)指定el的值。2.函数式：data（）{return { } }1.在vue2中，v-for优先级比v-if高。在vue3中，v-if优先级比v-for高。v-if 做判断，隐藏(是否存在)–>2. v-if和v-for不能同时使用。1.对象式：data：{ }
2024-03-17 18:46:56
382
原创 学习Vue的第一天！
Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。// vue启动时出现的提示,Vue.config.productionTip阻止启动提示。// 注：不要使用箭头函数,搭建脚手架（vue-cli）后，必须使用函数式。// 2.Vue实例.$mount("容器名称，如id或class等")// abc:"我是赵六，今天学习vue"// 1.el:"容器名称，如id或class等"// abc:"我是王五"// 创建一个新的实例化Vue。
2024-03-08 13:30:49
394
原创 ES6 Reflect 与 Proxy
用于拦截 HasProperty 操作，即在判断 target 对象是否存在 propKey 属性时，会被这个方法拦截。此方法不判断一个属性是对象自身的属性，还是继承的属性。target 表示目标对象，ctx 表示目标对象上下文，args 表示目标对象的参数数组。用于拦截 target 对象上的 propKey 的赋值操作。用于拦截 delete 操作，如果这个方法抛出错误或者返回 false ，propKey 属性就无法被 delete 命令删除。用于 target 对象上 propKey 的读取操作。
2024-01-13 13:04:37
329
原创 Generator 函数
3.其中 * 用来表示函数为 Generator 函数，yield 用来定义函数内部的状态。return 方法提供参数时，返回该参数；不提供参数时，返回 undefined。return 方法返回给定值，并结束遍历 Generator 函数。Generator 函数特性，可以通过 yield 关键字，1.一是在 function 后面，函数名之前有个 *；把函数的执行流挂起，为改变执行流程提供了可能。2.函数内部有 yield 表达式。
2024-01-07 18:20:18
354
1
原创 ajax调取接口数据
4、http的连接很简单，是无状态的；HTTPS协议是由SSL+HTTP协议构建的可进行加密传输、身份认证的网络协议，比http协议安全。3、http和https使用的是完全不同的连接方式，用的端口也不一样，前者是80，后者是443。2、http是超文本传输协议，信息是明文传输，https则是具有安全性的ssl加密传输协议。3.响应(获取接口返回值)http.responseText()获得字符串形式的响应数据。2.请求 创建的对象.open(“请求方式”,“url”)4: 请求已完成，且响应已就绪。
2024-01-07 18:12:41
397
1
原创 Es6 导入导出！
import 同一模块，声明不同接口引用，会声明对应变量，但只执行一次 import。9.import只读属性：不允许在加载模块的脚本里面，改写接口的引用指向，即可以改写 import 变量类型为对象的属性值，1.在一个文件或模块中，export、import 可以有多个，export default 仅有一个。3.通过 export 方式导出，在导入时要加{ }，export default 则不需要。7.export 命令导出的接口名称，须和模块内部的变量有一一对应关系。//module模式。
2024-01-01 23:08:26
442
原创 Es6闭包！
①其中一点上面已经有体现了，就是被引用的私有变量不能被销毁，增大了内存消耗，造成内存泄漏，解决方法是可以在使用完变量后手动为它赋值为null；不进入主线程、而进入"任务队列"（task queue）的任务，只有"任务队列"通知主线程，某个异步任务可以执行了，该任务才会进入主线程执行。5.执行栈中所有同步任务执行完毕，此时JS引擎线程空闲，系统会读取任务队列，将可运行的异步任务回调事件添加到执行栈中，开始执行。在主线程上排队执行的任务，只有前一个任务执行完毕，才能执行后一个任务。
2024-01-01 22:52:44
329
原创 Express写接口
但如果接口服务器配置了CORS相关的HTTP响应头，就可以解除浏览器端的跨域访问限制。通过安装和配置cors 中间件，可以很方便地解决跨域问题。Level2的浏览器，才能正常访问开启了CORS的服务端接口（例如：IE10+、Chrome4+、FireFox3.5+）。客户端浏览器无须做任何额外的配置，即可请求开启了CORS的接口。CORS（主流的解决方案，推荐使用） JSONP（有缺陷的解决方案:只支持GET请求）刚才编写的GET和POST接口，存在一个很严重的问题：不支持跨域请求。（3）编写GET接口。
2023-12-24 21:57:09
360
1
原创 Express 中间件
只要有一个请求到达了我们的服务器，必然会经过mw函数的处理，处理完之后就会调用next函数把结果交给之后的中间件或路由。中间件指的就是业务处理过程中的重甲处理过程，并且中间件必须有输入和输出，上一级的输出就是下一级中间件的输入。当一个请求到达Express 的服务器之后，可以连续调用多个中间件，从而对这次请求进行预处理。next函数是实现多个中间件连续调用的关键，它表示把流转关系转交给下一个中间件或路由。客户端发起的任何请求，到达服务器之后，都会触发的中间件，叫做全局生效的中间件。2）全局生效的中间件。
2023-12-24 21:53:05
345
1
原创 path模块处理路径
什么是path路径模块 path模块是Node.js官方提供的、用来处理路径的模块。path.join()方法，用来将多个路径片段拼接成一个完整的路径字符串。path.basename()方法，用来从路径字符串中，将文件名解析出来。使用path.extname()方法，可以获取路径中的扩展名部分。注意在合成路径的时候，'…（1）path.basename()的语法格式。（1）path.extname()的语法格式。path ：必选参数，表示一个路径的字符串。path：必选参数，表示一个路径的字符串。
2023-12-24 21:46:58
368
1
原创 nodejs 模块化
按照确切的文件名进行加载 补全.js扩展名进行加载 补全.json扩展名进行加载 补全.node扩展名进行加载 加载失败，终端报错。①在被加载的目录下查找一个叫做package.json的文件，并寻找 main属性，作为require()加载的入口。如果没有找到对应的第三方模块，则移动到再上一层父目录中，进行加载，直到文件系统的根目录。编程领域中的模块化，就是遵守固定的规则，把一个大文件拆成独立并互相依赖的多个小模块。内置模块是由Node.js 官方提供的模块，内置模块的加载优先级最高。
2023-12-24 21:40:22
305
1
原创 Es6-防抖和节流
防抖和节流函数都是为了限制函数的执行频次，优化函数触发频率过高造成的响应速度跟不上触发频率，出现延迟、假死或者卡顿的现象（例如input,scroll,keyup,keydown,resize等）用户在输入框中连续输入一串字符后，只会在输入完最后一个字符后进行ajax请求，这样可以有效减少请求次数，节约请求资源；window的scroll、resize事件，不断的调整浏览器的窗口大小、或者滚动时会触发事件，防抖只让其触发一次；连续不断的处罚某事件（如点击），只在规定时间内触发一次 //函数节流的实现。
2023-12-24 21:29:49
326
1
原创 【无标题】ES6 class类！！
3.类定义不会被提升，这意味着，必须在访问前对类进行定义，否则就会报错。触发class类方法，实例化一个新的class类。4.类中方法不需要 function 关键字。1.class 的本质是 function。5.方法间不能加分号。
2023-11-12 21:51:19
28
1
原创 Es6原型和原型链！！
既然原型对象也是对象，那原型对象的原型对象，就也是Object.prototype。到这里，就可以回答前面那个问题了，如果某个对象查找属性，自己和原型对象上都没有，那就会继续往原型对象的原型对象上去找，这个例子里就是Object.prototype，这里就是查找的终点站了，在这里找不到，就没有更上一层了（null里面啥也没有），直接返回。既然这个是对象类型的属性，而原型对象也是对象，那么原型对象就也有这个属性，但是原型对象的。的属性，这个属性指向的是一个对象，就是所谓的原型对象。属性，指向它的构造函数。
2023-10-31 19:48:48
54
1
原创 Es6 map与set对象！！！
Set 对象允许你存储任何类型的唯一值，无论是原始值或者是对象引用。(对象或者原始值) 都可以作为一个键或一个值。Map 对象保存键值对。
2023-10-15 21:56:44
31
1
原创 学习ES6的day01
以上两个方法接受两个参数，第一个参数是指定生成的字符串的最小长度， 第二个参数是用来补全的字符串。2.如果参数是 0 至 -1 之间的小数，会进行取整运算， 0 至 -1 之间的小数取整得到 -0 ，等同于 repeat 零次。padStart(总长度,“字符串”)：返回新的字符串，表示用参数字符串从头部（左侧）补全原字符串。padEnd()：返回新的字符串，表示用参数字符串从尾部（右侧）补全原字符串。endsWith()：返回布尔值，判断参数字符串是否在原字符串的尾部。用于判断给定的参数是否为整数。
2023-09-24 21:54:09
29
1
原创 css3，2D转换！！！
skew()方法，包含两个参数值，分别表示X轴和Y轴倾斜的角度，如果第二个参数为空，则默认为0，参数为负表示向相反方向倾斜。translate()方法，根据左(X轴)和顶部(Y轴)位置给定的参数，从当前元素位置移动。rotate()方法，在一个给定度数顺时针旋转的元素。负值是允许的，这样是元素逆时针旋转。matrix 方法有六个参数，包含旋转，缩放，移动（平移）和倾斜功能。还可以单独设置X/Y轴。还可以单独设置X/Y轴。还可以单独设置X/Y轴。还可以单独设置X/Y轴。还可以单独设置X/Y轴。
2023-09-24 21:08:02
26
1
原创 html5的新特性！！
(3). autoplay — 视频加载完成后自动播放。(6).step—给默认数字类型上下箭头提供跳跃的数字。(7). poster — 用户下载时显示的图像。(4). controls — 给视频添加控件。(2). controls — 给音频添加控件。(8). preload — 边加载边播放。(1).placeholder—表单提示文字。(2). required—校验表单不能为空。(5).pattern—表单正则验证。(7). readonly—只读属性。(8). disabled—禁用属性。
2023-09-09 23:26:48
39
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人