随笔分类 - vue.js
摘要：VueLazyload 在 Vue 2 中是可以使用的，但需要注意版本兼容性和正确配置： 安装插件 首先，通过 npm 安装 vue-lazyload。为了确保与 Vue 2 兼容，需要安装特定版本： npm install vue-lazyload@1.2.4 --save 在 Vue 2 项
阅读全文
摘要：遇到部分用户反馈，搜索框input里总是少一个字，仔细询问后，发现是在手写输入法的时候才存在这个问题 看了下代码，搜索框有做根据输入字符变化，实时推送推荐关键字和商品的功能，所以用的是uni-app的input事件，input事件必须要输入法确认后才会触发，所以没法获取最后一个未确定的字符 解决方法
阅读全文
摘要：1.对象刷新： 通过使用vue.$set方法，实现动态添加/修改对象属性 语法：vue.$set(对象名，键名，值) Vue.$set(this.postForm,'set_last_buyday','属性值')//第一种写法用vue.$set this.$set(this.postForm,'se
阅读全文
摘要：1.安装vue-pdf npm install --save vue-pdf 2.页面js注册组件 import pdf from 'vue-pdf' components: { pdf } 3.页面使用组件 <pdf src="" ></pdf> 注意事项： 1.插件引入后在本地可以预览，打包更新
阅读全文
摘要：单个页面无法直接通过CSS设置body的样式，所以要禁止页面滚动只能通过js来实现，代码如下 RemoveScroll () { document.body.style.overflow = "hidden"; } 允许页面滚动 AddScroll () { document.body.style.
阅读全文
摘要：函数在嵌套后，this指向了内层的函数，导致无法获取外部定义的数据，也无法修改。 看下面一段代码。 var obj = { name: 'wang', friends: [ 'zhang', 'li' ], loop: function () { 'use strict'; this.friends
阅读全文
摘要：需求：头部搜索模块默认如下图1，但是当滚动条移动到下方看不见导航栏时，需要将搜索模块简化并吸附到顶部如下图2 图1： 图2： 解决方案：监听滚动事件，通过给搜索模块顶级元素增减class来切换样式 html和css: <!--isFixed默认未false,如果滚动监听触发事件使得isFixed为t
阅读全文
摘要：1、全局安装vue-lazyload 2、在main.js配置文件引入 3、在组件中使用时，将img标签的src换成v-lazy： 未使用懒加载前的代码： 使用懒加载后的代码： 4、在不同的页面中显示不同的加载占位图的写法 5、背景图使用懒加载的写法
阅读全文
摘要：在使用vue-cli脚手架构建项目时，组件的使用步骤大致是：创建组件component，编写模板template，抛出组件给项目export，引入组件import,抛出组件给页面export。 一、创建组件 在componets文件夹里创建新的组件文件newVue.vue，注意后缀名为.vue 注意
阅读全文
摘要：vue中methods、computed、watch的区别： 总结： 如果一个值依赖多个属性（多对一）或需要缓存数据，用computed更加方便。 如果一个值变化后会引起一系列操作，或者一个值变化会引起一系列值的变化（一对多），用watch更加方便一些。 不符合上述两种的函数，则使用methods就
阅读全文
摘要：要理解事件冒泡机制，就得先了解事件。 浏览器是事件驱动型的，根据用户的行为触发不同的事件，根据事件执行相应的操作。我们较为熟悉的事件有三大类型：鼠标键盘事件、页面事件、表单相关事件。 鼠标键盘事件：onclick、ondbclick、onmousedown、onmouseup、onmouseover
阅读全文
摘要：一、main.js 1、 main.js 程序入口文件，初始化vue实例，并引入使用需要的插件和各种公共组件. new Vue代表新建vue对象 el官方解释：为实例提供挂载元素。值可以是 CSS 选择符，或实际 HTML 元素，或返回 HTML 元素的函数。这里就通过index.html中的<di
阅读全文
摘要：引入LESS： 第一步：安装less-loader 第二步：全局安装less 第三步：main.js 全局引入 第四步：在组件中设置style标签的lang="less" 第二步：在你的 webpack 配置中： module.exports = { module: { rules: [ // ..
阅读全文
摘要：在安装sass的时候，npm报错：A complete log of this run can be fund in: 如下图 解决方法： 全局更新 npm install npm -g 或者用淘宝镜像命令 cnpm install npm -g
阅读全文
摘要：一、当json数据使用base64加密后，ajax无法直接请求加密后的字符串密文，需要用数组包裹密文 原始json数组内部数据： 备注：原始json本来是用放在一个数组内部的[{"a":"b","c":"d"},{"e":"f","g":"h"}] 原始密文： 数组包裹密文后： 二、请求到了json
阅读全文
摘要：1、beforeCreate（新对象诞生） 它创建一个Vue类的对象来处理DOM元素。对象的这个生命阶段可以通过beforeCreated 挂钩来访问 。 可以在这个钩子中插入我们的代码，在对象初始化之前执行。 2、created 创建完成 在这个生命阶段，对象及其事件完成初始化。 created
阅读全文
摘要：1、将需要引入的外部js文件，改成下图的格式，将需要引入的内容放在一个函数内，并通过export暴露出来。 2、在vue里引入该模块 通过import引入，然后写入方法里，再按需求调用
阅读全文
摘要：1、按下面的路径找到对应的配置文件 /build/webpack.prod.conf.js 2、CSS压缩--OptimizeCSSPlugin 注释掉图中的代码 3、JS压缩--UglifyJsPlugin 注释掉图中的代码 4、html压缩--HtmlWebpackPlugin，将 minify
阅读全文
摘要：CommonJs规范 1、CommonJs规范的出发点：JS没有模块系统、标准库较少、缺乏包管理工具；为了让JS可以在任何地方运行，以达到Java、C#、PHP这些后台语言具备开发大型应用的能力； 2、在CommonJs规范中： 一个文件就是一个模块，拥有单独的作用域； 普通方式定义的变量、函数、对
阅读全文
浙公网安备 33010602011771号