- 博客(22)
- 收藏
- 关注
RSS订阅原创 vueaxios的封装,小程序request的封装,uni-app的封装
【代码】vueaxios的封装,小程序request的封装,uni-app的封装。
2022-12-09 11:18:23
448
1
原创 h5的BFC和SEO概念
设置SEO是为了搜索引擎能够快速找到该网页属性值:网站的标题 title 网站的关键字 keyword 网站的描述 description用法:
2022-12-03 14:52:12
325
转载 对Promise的理解
返回一个Promise实例，这个Promise实例的状态转移取决于参数的Promise实例的状态变化。当参数中所有的实例都处于resolve状态时，返回的Promise实例会变为resolve状态。返回一个Promise实例，这个Promise实例的状态转移取决于参数的Promise实例的状态变化。回调函数嵌套调用, 外部回调函数异步执行的结果是嵌套的回调执行的条件，格式上不断地进行缩进。Promise是最早提出和实现的一种解决异步编程的方案，比其他传统的解决方案（回调函数和事件）更合理和更强大。
2022-11-30 10:52:37
414
原创 Vue3常用知识点总结
Vue.js 3.0 "One Piece" 正式版在今年9月份发布2年多开发, 100+位贡献者, 2600+次提交, 600+次PRVue3支持vue2的大多数特性更好的支持Typescript使用Vue3的组合API封装的可复用的功能函数自定义hook的作用类似于vue2中的mixin技术自定义Hook的优势: 很清楚复用功能代码的来源, 更清楚易懂//需求1: 收集用户鼠标点击的页面坐标hooks/useMousePosition.ts/*收集用户鼠标点击的页面坐标*/
2022-11-28 10:40:48
3262
3
原创 微信小程序常见知识点
bind：加自定义事件,如：bind:tap=“执行函数”在小程序中绑定事件可以以bind开头然后跟上事件的类型，如bindtap绑定一个点击事件，对应的值是一个字符串，需要在page构造器中定义同名函数，每次触发事件之后就会执行对应函数的内容。catch：阻止事件冒泡capture-bind：事件捕获2. 事件传参事件传参：data-加自定义=‘自定义‘。参数在在自定义事件中的参数e中获取。
2022-11-27 19:04:48
1816
原创 vue知识点总结
什么是跨域?同源策略:浏览器的一个安全协议，协议主机端口要保持一致，只要有一个不一致，就是跨域请求。同源策略(Same Origin Policy)是一种约定，它是浏览器最核心也是最基本的安全功能。同源策略会阻止一个域的javascrip脚本和另一个域的容进行交互，是用于隔离潜在恶意文件的关键安全机制.当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域解决跨域后台直接不做限制，放开所有请求。优点就是方便，缺点就是不安全。
2022-11-23 21:22:52
378
原创 js常见面试题
6、由于 Promise 的实例，是一个异步操作，所以，内部拿到 操作的结果后，无法使用 return 把操作的结果返回给调用者；3、在 Promise 构造函数的 Prototype 属性上，有一个 .then() 方法，也就说，只要是 Promise 构造函数创建的实例，都可以访问到这个 .then() 方法；7、我们可以在 new 出来的 Promise 实例上，调用 .then() 方法，预先为 这个 Promise 异步操作，指定成功（resolve） 和 失败（reject） 回调函数；
2022-11-20 21:37:54
136
原创 h5和cs3常见面试题
默认值为auto，表示继承父元素的align-items属性，如果没有父元素，则等同于stretch。块状元素....所以，项目之间的间隔比项目与边框的间隔大一倍；怪异盒模型：内容的宽度 = 设置的宽度 - border的宽度 - padding的宽度"（2）浮动：左右两个盒子分别设置为float：left/float：right，说一下对浮动的理解，（什么是浮动，有什么用，怎么用，有什么问题，怎么清除浮动）
2022-11-20 21:28:20
297
原创 js页面的性能优化
1.减少http的请求次数1)对css和js代码进行合并2)对于图片可以用雪碧图(也就是精灵图),对于比较小的图片可以使用base64编码3)对于图标可以使用字体图标2.减少资源体积1)对css、js进行压缩2)对于图片大小要有控制，对于过大的图片需要进行压缩处理3)使用 gzip对静态资源进行压缩，（gzip能对压缩之后的资源再进行压缩）3.加快静态资源请求速度1)使用CDN加速2)利用多个域名来存储静态资源4.使用缓存。
2022-11-16 20:51:29
2124
原创 TypeScript接口和类的使用
在 TypeScript 中，我们使用接口（Interfaces）来定义对象的类型例如：// 定义人的接口sex？: string}id: 1,//只读属性，一旦赋值就不能再改变了age: 20,sex: '男'}类型检查器会查看对象内部的属性是否与IPerson接口描述一致, 如果不一致就会提示类型错误接口里的属性不全都是必需的，有些只是在某些条件下存在，或者根本不存在，带有可选属性的接口与普通的接口定义差不多，只是在可选属性名字定义的后面加一个?符号。
2022-10-31 20:44:22
143
原创 uni-app条件注释的跨端兼容
uni-app将常用的组件、JS API 封装到框架中，开发着按照uni-app规范开发即可保证多平台兼容，大部分业务都可以满足。但是每个平台都有自己的一些特性，因此会存在一些无法跨平台的情况（1）大量写if-else，会造成代码执行性能低下和管理混乱，（2) 编译到不同的终端后二次修改，会让后续的维护升级变得很麻烦uni-app参考C语言的思路，为uni-app提供了条件编译手段，在一个工程里漂亮的完成了平台个性化实现，
2022-10-27 20:22:36
260
原创 微信小程序实现瀑布流
2.遍历数组，通过wx.getImageInfo获取到每个元素图片的宽度和高度(需要配置download的域名)5.别忘给image属性加上mode="widthFix"，高度自适应，保持宽高比。1.由于是左右两排照片而且左右照片每排的每个都有高度,需要先定义变量，4.最后 this.setData，数据驱动视图，在前端渲染这些数据。3.判断这个元素应该是放在左边还是右边(放在数组高度低的一边)我用的是递归的方法，如果要是改用循环的话可能还要复杂一些。
2022-10-23 16:34:57
777
原创 初识微信小程序
for 循环的 array 中 item 的某个 property，该 property 的值需要是列表中唯一的字符串或数字，且不能动态改变。如果需要wx:for嵌套的话，可以wx:for-index="重新定义索引名字" wx:for-item="重新定义元素的变量名字"用 wx:for控制属性来绑定一个数组，来利用数组中的数据来重复渲染页面，默认下标名为index，元素为item，而wxss和css相比，目前支持类选择器，id选择器，元素选择器，伪元素选择器 ::before ::after。
2022-10-20 20:40:45
195
原创 Vue 创建项目
选择路由模式（输入y和n都可以，y代表history模式没有#号，n代表hash模式有#号）按上下键进行跳转 空格键确认 这些都是自己想要的语言（根据自己需求选择)2.在终端中输入vue create 项目名字。选择css预处理器，就是会转化成css的语言。最后一步是是否保存特性（保存y，不保存n）格式化和代码检测的配置，默认的就可以。1.在vscode终端中 新建终端。第一项是vue2版本的默认配置。第二项式vue3版本的默认配置。代码格式检测时机，默认的就行。最后再稍等一会就可以了，
2022-09-26 23:32:10
197
原创 Vue 组件以及插槽
组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可组件化和模块化的不同：模块化：是从代码逻辑的角度进行划分的；方便代码分层开发，保证每个功能模块的职能单一组件化：是从UI界面的角度进行划分的；前端的组件化，就是方便UI组件的重用template: '登录' //这里写html标签});将组件名字 login 当做标签放在body中即可template: '注册'})
2022-09-22 18:39:16
209
原创 Vue 生命周期
从Vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件，统称为生命周期每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。生命周期函数=生命周期事件=生命周期钩子下面是官网的生命周期表。
2022-09-21 21:30:37
123
原创 Vue 过滤器和键盘修饰符
filters这个是实例化Vue的一个参数，和data,methods平级的，里面放的就是我们这个实例的私有过滤器。{{变量 | 过滤器 | 另一个过滤器}} 可以同时使用多个过滤器，后面过滤器的data就是前面表达式传过来的值。//参数1 过滤器名字， 参数2 函数（数据，格式（传递参数））（2）当全局过滤器和局部过滤器重名时，会采用局部过滤器。（3）函数的一个参数都是data，也就是我们要过滤的值。在我们页面显示值之前加一层过滤，展示我们过滤后的值。（5）过滤器函数的返回值就是最终显示的值。
2022-09-20 21:44:56
209
原创 JS对象的深拷贝常用的四种方法
解构赋值（该方法的局限性在于，当值为undefined、function、symbol会在转换过程中被忽略。4.使用对象的合并，即通过Object.assign()方法 （注意：该方法的第一个参数必须是空对象）2.通过JSON.stringify() 和 JSON.parse() 将对象转为。1.for循环完成深拷贝。......
2022-08-30 22:25:51
991
1
原创 JS数组去重常用的七种方法
7.由于 set 中的元素是唯一的，无论是原始值或者是对象引用，所以可以通过将数组转换成 Set 对象来实现去重(Array.from方法可以将 Set 对象转换成数组)6.利用set对象唯一的方法去重 （...拓展运算符有遍历数组和转换成真正的数组的作用）2.利用for循环，然后splice去重（splice会改变原数组的大小）1.创建一个新数组，利用for循环嵌套for循环去重。5.利用includes() 方法去重。4.利用对象的属性不重复的方法去重。3.利用indexOf去重。...
2022-08-30 22:13:01
207
原创 Bootstrap 常用类名
container 类⽤于固定宽度并⽀持响应式布局的容器active将悬停的颜色应用在行或者单元格上success表示成功的操作info表示信息变化的操作warning表示一个警告的操作danger表示一个危险的操作
2022-08-24 20:43:21
759
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人