随笔分类 - 三：vue相关的
摘要：相关代码地址：https://github.com/13476075014/lcc-ui 从指令上去看具体实现逻辑 yarn initLibsJs 用指令把所有组件都让入一个js文件对外暴露，作为umd规范的入口文件 yarn build:umdjs 用webpack输出上面文件，作为umd规范的
阅读全文
摘要：1.下载源码：https://github.com/vuejs/vue 2.安装依赖，命令行执行：yarn 3.修改package.json的运行脚本scripts里面加上源码map定位的参数，在打包后页面引入使用时可以调试到源码： { "name": "vue", 。。。 "scripts": {
阅读全文
摘要：参考代码：http://www.mipcode.com/m/lcc/HtmlIT7GcDDLpYg4lrgdKMQYm 实现过程整理： 完整过程见下图：
阅读全文
摘要：* 在前端开发中很多时候都会用到webpack来打包处理自己的项目，需要用到一些额外的插件包来实现一些开发需求，下面就是记录一些自己开发中常用的插件 *参考学习webpack地址：https://zhuanlan.zhihu.com/p/363928061 一：clean-webpack-plugi
阅读全文
摘要：1. 设置对象或数组的值：Vue.set（target,key,value) ；2.删除对象或数组中元素： Vue.delete ( target,key) ;3. 数组对象直接修改属性，可以触发视图更新： this.array[0].show = true;4.splice方法修改数组，可以触发视
阅读全文
摘要：一：参考官网文档，写的还是很清楚的：https://cn.vuejs.org/v2/cookbook/debugging-in-vscode.html 二：需要安装的东西和初始项目 2.1 用vue-cli初始化一个vue项目，我这里项目名就叫vue，这里不介绍，不是这个要讲的。问度娘吧。 2.2
阅读全文
摘要：打包生成后的地址： 由于webpack打包图片会设置一个最大的图片大小，超过这个图片大小，就不会转化成base64的，还是直接转换成图片： 所以之前打包的时候没有问题因为我的图片大小是可以转换成base64的，坐下面设置就可以找到： 现在需要更改build文件夹下面的util.js:
阅读全文
摘要：插件地址：https://www.npmjs.com/package/vue-lazyload； 一、使用场景： 在项目中有很多条数的信息，且图片很多的时候，不需要一次把整个页面的图片都加载完，而是在滚动到出现在屏幕才去加载该图片的时候就可以用这个插件。 二、简单使用步骤： 1. 在项目里面 npm
阅读全文
摘要：一：在已经通过axios和vue-cli本地服express通过地址获取到songmid这个参数 在js里面地址和参数如下： 在本地请求，偏于用伪头获取导数据，在webpack.dev.conf.js里面的 devServer 对象 里面的 before(app){ } 方法里面加，具体如下： 二
阅读全文
摘要：github源码地址：https://github.com/13476075014/node-vue/blob/master/mynodeproject/13.sell/sell/src/components/star/star.vue 一：实现的思路： 通过评分的分数，来算出高亮的全星有几颗，有没
阅读全文
摘要：github源码地址：https://github.com/13476075014/node-vue/tree/master/mynodeproject/13.sell/sell 在移动端经常会有加入购物车，小球飞入的动画效果，具体如下图，图片略微拙劣，我自己截自己写的小效果的，，， 一：小球的ht
阅读全文
摘要：由于stylus在引用时，不能像一般的css文件直接在main.js中引用，就算引用了也会只能使用转换后的css，不能使用里面的函数，方法等，原因可能是：在这里引入会被直接编译成css，不能在别的模板中引用一些函数啥的；所以夏敏介绍怎么全局引用。 一：先更改脚手架项目中的build -- webpa
阅读全文
摘要：在vue-cli脚手架项目中，找到build webpack.dev.conf.js 文件，具体位置如下图： 找到文件后添加下面的内容，写在头部： 然后还是在当前文件进行修改，找到 devWebpackConfig 下面的 devServer 的配置进行修改，如下：
阅读全文
摘要：已经上传到github地址：https://github.com/13476075014/node-vue/tree/master/mynodeproject/15.TimeBlog # 个人博客系统> 1.主要用到的技术 ### 后台：node express mongolass ### 前端：v
阅读全文
摘要：一：之前写的老版本的elementui的版本是2.1.0，vue的版本是2.5.2 二：现在加一个新版本的，带删除功能的，elementui的版本2.5.4，这个版本需要vue的版本最低是2.5.16 前端源码地址：https://github.com/13476075014/node-vue/bl
阅读全文
浙公网安备 33010602011771号