04 2020 档案
摘要：继续上一篇 https://www.cnblogs.com/chenyingying0/p/12798050.html 安装一些组件 cnpm i postcss-loader autoprefixer babel-loader babel-core 提示缺少依赖，安装便是 cnpm i @babe
阅读全文
摘要：1、如果之前有全局安装过vue-2，先卸载掉 cnpm uni -g vue-cli 2、安装vue-cli3 cnpm install -g @vue/cli 3、可以使用vue ui 进入图形界面创建项目 4、也可以使用命令行进行创建
阅读全文
摘要：1、进入项目目录 2、保证npm和vue已经安装 npm -v 查看npm是否安装 vue -V 查看vue是否安装 3、npm install 安装依赖 4、npm run dev 【vue是向下兼容的，可以导入不高于当前vue版本的项目】
阅读全文
摘要：vue地址栏#长这样 地址栏中，经常出现#，是什么作用，能不能去掉？ 地址栏有两种模式： hash模式：地址栏包含#，#之后的不被获取 history模式：具有对url历史进行修改的功能 在微信支付，分享url作为参数传递时，url不能满足需求，因此在实际项目中，一般是修改为history模式 hi
阅读全文
摘要：从基础知识到JSWebAPI： DOM操作 BOM操作 事件绑定 AJAX请求（包含http协议） 存储 DOM可以理解为：浏览器把拿到的html代码，结构化成一个浏览器能识别并且js可操作的一个模型 DOM节点操作： <!DOCTYPE html> <html lang="en"> <head>
阅读全文
摘要：什么是异步？ <script> //异步 console.log(1); setTimeout(function(){ alert(2); },1000); console.log(3); //同步，存在阻塞 console.log(1); alert(2);//不点击确定，不会打印3 consol
阅读全文
摘要：作用域和闭包-执行上下文： 变量提升（写代码时千万不要先使用再定义） <script> console.log(a);//undefined var a=10; fn('cyy',18); function fn(name,age){ age=20; console.log(name,age);//
阅读全文
摘要：构造函数： function Foo(name,age){ this.name=name; this.age=age; this.class='class-1'; } var f=new Foo('cyy',18); 构造函数--扩展： 所有的引用类型都是构造函数 var a={} 是 var a=
阅读全文
摘要：变量类型和计算 值类型和引用类型 // 值类型 var a=100; var b=a; a=200; console.log(a+','+b);//a:200 b:100 //引用类型 var m={age:18}; var n=m; n.age=22; console.log(m.age+','+
阅读全文
摘要：js动画--鼠标点击出现爱心 只需将如下JS代码放到</body>之前就好了 <script type='text/javascript' src='//api.dujin.org/js/aixintexiao.js'></script> 完整代码： <!DOCTYPE html> <html la
阅读全文
摘要：使用thinkphp做一个后台系统，把session中的id传给header模板 切换多个子账户的时候，发现模板传递的参数因为缓存原因并不能更新，浏览器使用ctrl+f5或者清空历史记录都无法处理缓存 解决方案： 在登出操作中，清空模板缓存
阅读全文
摘要：1、安装插件 cnpm install --save vue-lazyload 2、引入组件 src/main.js 3、页面中使用懒加载，把 :src 换成 v-lazy 效果图
阅读全文
摘要：1、关于路径简写：@是一个简写，指代src目录 设置简写的文件 build/webpack.base.config.js 2、我们也可以自己给常用的目录添加简写 3、在 src/main.js 中给主页添加index.scss样式，使用简写的路径表示 4、配置路由 src/app.vue <temp
阅读全文
摘要：在移动端使用fixed布局存在兼容性问题，因此使用absolute布局来代替 效果演示 src/app.vue里打好框架 <template> <div id="app" class="g-container"> <div class="g-header-container"> 头部导航 </div
阅读全文
摘要：vue的swiper组件 https://www.npmjs.com/package/vue-awesome-swiper 1、安装 swiper 和 vue-awesome-swiper 插件 cnpm install swiper vue-awesome-swiper --save （截图里只安
阅读全文
摘要：1、安装插件 cnpm install --save-dev node-sass sass-loader@6.0.7 --save-dev 表示开发时用到的插件 sass-loader版本号其实没有限制，我这里用的是这个版本，你可以用不同版本，部分用法可能不一样，自己去找文档看 安装完成之后并不需要
阅读全文
摘要：1、安装插件 cnpm install --save fastclick 2、在 src/main.js 中引入插件
阅读全文
摘要：1、安装插件 cnpm install --save babel-polyfill 2、在 src/main.js 中引入插件
阅读全文
摘要：1、全局安装vue-cli cnpm install --global vue-cli 2、创建一个基于webpack模板的新项目 vue init webpack cyymall （你可以根据实际需求来填写，反正我一般都这么设置） 最后一步没有选择 npm install，是因为国内用npm太慢了
阅读全文
