- 博客(14)
- 收藏
- 关注
RSS订阅原创 vue中自定义指令和自定义过滤器
vue中自定义指令和自定义过滤器自定义指令自定义指令有两种定义形式：1 . 全局自定义指令2 . 局部自定义指令举个聚焦输入框的例子，如下：全局自定义指令//在main.js中用 vue.directive()// 注册一个全局自定义指令 `v-focus`Vue.directive('focus', { // 当被绑定的元素插入到 DOM 中时…… inserted: function (el) { // 聚焦元素 el.focus() }})局部自定
2021-01-13 14:19:27
148
原创 Vue项目使用CDN优化加载
在Vue项目中，引入到工程中的所有js、css文件，编译时都会被打包进vendor.js，浏览器在加载该文件之后才能开始显示首屏。若是引入的库众多，那么vendor.js文件体积将会相当的大，影响首开的体验。解决方法是，将引用的外部js、css文件剥离开来，不编译到vendor.js中，而是用资源的形式引用，这样浏览器可以使用多个线程异步将vendor.js、外部的js等加载下来，达到加速首开的目的。外部的库文件，可以使用CDN资源，或者别的服务器资源等。下面，以引入vue、vuex、vue-rout
2021-01-09 16:31:24
250
原创 vue项目做过哪些优化？有没有对首屏做过优化
vue项目做过哪些优化？有没有对首屏做过优化*1）代码层面的优化 v-if 和 v-show 区分使用场景computed 和 watch 区分使用场景v-for 遍历必须为 item 添加 key，且避免同时使用 v-if长列表性能优化事件的销毁 addEventlisenter 事件监听图片资源懒加载路由懒加载第三方插件的按需引入优化无限列表性能服务端渲染 SSR or 预渲染（2）Webpack 层面的优化Webpack 对图片进行压缩减少 ES6 转为 ES5 的冗余
2021-01-09 15:25:16
330
原创 vue双向绑定原理
vue双向绑定原理这是前端面试vue时候必问的一道题目可以这么回答：vue.js是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调。具体步骤：第一步： 需要observer的数据对象进行递归遍历，包括子属性对象的属性，都加上 setter和getter这样的话，给这个对象的某个值赋值，就会触发setter，那么就能监听到了数据变化第二步： compile解
2021-01-09 10:13:24
99
原创 vue动画
vue动画1.基本解释：vue提供了 transition的封装组件，所有关于过度的动画都是通过transition组件设置的。在vue中自带类过渡动画<transition></transition>，如果是列表即用v-for则用<transitiongroup></transitiongroup>几种能够能够过度的场景条件渲染 (使用 v-if)条件展示 (使用 v-show)动态组件组件根节点。2.我们会用到的类官网提供了一些clas
2021-01-05 10:14:30
397
1
原创 vuex总结
1.vuex简介 vuex 是一个专门为 vue 构建的状态管理工具，主要是为了解决 多组间之间状态共享问题。强调的是集中式管理，（组件与组件之间的关系变成了组件与仓库之间的关系。2. vuex的组成结构示意图vuex的特点是把数据单独隔离，形成一棵树状图。单独隔离就意味着它有自己的生态系统。输入和输出，其中action作为数据的输入，state作为数据的输出。如下图：vuex里有这么一个规则：只能在mutaions里修改state，actions不能直接修改statemuta
2021-01-04 11:58:59
148
原创 js执行机制详解
JavaScript执行机制详解如下。1.javaScript是一门单线程语言 即 按照顺序当前事件完成才能进行下一件 。首先我们知道 js中的代码从上往下执行 按照单线程的理解 如果中途某个事件发生异常就会造成堵塞 不进行下一事件 为了解决这个问题 引入了同步任务和异步任务的理念在同步任务执行结束后再进行异步任务 那具体是怎么实现的呢 。见下表。2.Event Loop（事件循环）是javaScript的执行机制（1）首先判断任务是同步任务还是异步任务 同步进入主线程运行，异步进入Event T
2021-01-03 09:11:37
316
2
原创 微信小程序发布流程
微信小程序发布流程一个小程序从开发完到上线一般要经过 预览-> 上传代码 -> 提交审核 -> 发布等步骤。1.预览使用开发者工具可以预览小程序，帮助开发者检查小程序在移动客户端上的真实表现。点击开发者工具顶部操作栏的预览按钮，开发者工具会自动打包当前项目，并上传小程序代码至微信的服务器，成功之后会在界面上显示一个二维码。使用当前小程序开发者的微信扫码即可看到小程序在手机客户端上的真实表现。2.上传代码同预览不同，上传代码是用于提交体验或者审核使用的。点击开发者工具顶部操作
2020-12-25 09:57:14
1220
原创 微信小程序登录授权详解
微信小程序登录授权详解由于微信官方修改了getUserInfo接口，现在一进入小程序无法自动弹出授权界面，所以需要我们自己写一个微信授权界面使用button按钮去触发该接口。1.实现思路① 先调用wx.login获取登录凭证(code),然后通过code进而换取用户登录态信息，包括用户的唯一标识(openid)及本次登录的会话密钥(session_key)等。② 获取用户信息，先调用wx.getSetting获取用户当前的设置，判断用户是否授权过。如果已经授权，则直接调用getUserInfo获
2020-12-23 09:19:23
2534
原创 2020-12-19
微信小程序中用promise封装wx.request请求。const API_BASE_URL = 'https://api.it120.cc'const request = (url, method, data) => { let _url = API_BASE_URL + url return new Promise((resolve, reject) => { wx.request({ url: _url, method: method,
2020-12-19 20:54:46
92
1
原创 小程序自定义组件，使用自定义组件。
在微信小程序中，我们可以将页面内的功能模块抽象成自定义组件，以便在不同的页面中重复使用；也可以将复杂的页面拆分成多个低耦合的模块，有助于代码维护。自定义组件在使用时与基础组件非常相似。创建自定义组件1.类似于页面，一个自定义组件由 json wxml wxss js 4个文件组成。先创建四个文件组成自定义组件。2.在 json 文件中进行自定义组件声明（将 component 字段设为 true 可将这一组文件设为自定义组件）：{“component”: true}3.在 wxml 文件中编写
2020-12-19 11:29:28
300
1
转载 小程序中的事件总结
微信小程序中的事件总结事件的绑定点击事件:Tap长按事件:longTap触摸事件:touchstart、touchend、touchmove、touchcancel其他事件:submit input 等其中，点击事件、长按事件、触摸事件都属于冒泡事件，其他事件属于非冒泡事件。案例wxml文件view1view2view312345js文件view1Click:function(){console.log(“触发了view1”)},view2Click: func
2020-12-18 09:15:45
140
原创 微信小程序
小程序开发工具准备1.申请小程序账号（appid）https://developers.weixin.qq.com/miniprogram/dev/framework/quickstart/getstart.html#%E7%94%B3%E8%AF%B7%E5%B8%90%E5%8F%B72.下载并安装微信开发者工具https://developers.weixin.qq.com/miniprogram/dev/framework/quickstart/getstart.html#%E5%AE
2020-12-17 09:40:56
212
原创 2020-08-30
码云上面You do not have permission push to this repository出现这个bug,该怎么解决？
2020-08-30 17:51:33
47
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人