摘要: VUE项目,用IE浏览器打开,浏览器报错:SCRIPT1046: strict 模式下不允许一个属性有多个定义 出现这种报错,往往是代码标签里面有重复的属性,之前在Chrome下打开一直是正常的,但是换成IE11版本会报错,那是因为IE容错率比较低,要求代码严格性,所以需要找出代码的标签里重复的选项 阅读全文
posted @ 2021-06-21 16:27 溪风0509 阅读(676) 评论(0) 推荐(0)
摘要: 在vue.config.js中引入sass全局配置后报错vue.config.js代码如下: module.exports = { devServer: { port: 3333, open: true }, css: { loaderOptions: { sass: { data: `@impor 阅读全文
posted @ 2019-12-14 13:21 溪风0509 阅读(11611) 评论(1) 推荐(2)
摘要: 项目使用vue cli4.1.1搭建后 项目列表如下: 1、配置vue (vue.config.js) 2配置Eslint的格式化(项目使用的是VSCode编辑器) 安装三个插件 Vetur高亮语法 Prettier用 3.打开vscode 文件--》首选项--》设置 接着打开.elintrc.js 阅读全文
posted @ 2019-12-14 11:26 溪风0509 阅读(827) 评论(0) 推荐(0)
摘要: 在项目开发中,为了让px自动转换成rem,定义了一个全局的样式,代码如下: $ratio: 375/10; @function pr($px) { @return $px / $ratio + rem; } 然后在vue文件里引入的时候: <style scoped lang="scss" rel= 阅读全文
posted @ 2019-11-21 14:14 溪风0509 阅读(1050) 评论(0) 推荐(0)
摘要: 1.字体图标准备 https://www.iconfont.cn/下载项目中需要的SVG图标 https://icomoon.io/app/#/select 在这个网站导入下载好的SVG图标,生成字体图标 这边的fonts是通过style.css来引用的,我习惯把style.css改成icon.cs 阅读全文
posted @ 2019-11-06 11:37 溪风0509 阅读(162) 评论(0) 推荐(0)
摘要: 在使用vue-cli 4.0的时候,npm run build的后,打开dist文件夹,打开index.html后,页面空白,控制台报错。如下图: 解决办法: 在项目中添加vue.config.js文件,内容如下: 第一次尝试: 打包报错: ERROR Invalid options in vue. 阅读全文
posted @ 2019-11-01 17:13 溪风0509 阅读(4101) 评论(0) 推荐(0)
摘要: 最近用Vue写了个移动端项目,真机测试时,发现const top = document.documentElement.scrollTop的值为0,而在PC端却能正常获取到,查了下资料,发现解决办法也不是很难,就一句话。 解决办法: const top = document.documentElem 阅读全文
posted @ 2019-10-25 10:08 溪风0509 阅读(1744) 评论(0) 推荐(0)
摘要: scoped的作用: 实现组件的私有化,表示当前style属性只作用于当前模块,不对其他组件样式造成污染。 scoped的原理: 通过在style上删除scoped以及增加scoped属性时,观察DOM结果可以发现,VUE在编译的时候,会在标签上加上唯一的标识,以达到私有化,从而保证样式只作用于当前 阅读全文
posted @ 2019-10-17 10:44 溪风0509 阅读(338) 评论(0) 推荐(0)
摘要: let是块级的 var是函数级 (JS以前只有全局的和函数级的) 泄密: 提升: 临时失效区 代替立即执行 const使用 const这个常量并不是指对象本身不可以修改,而是指常量所指的内存地址不可以修改。 var let的物理指针可以随意修改,而const不行,但物理指针的那个对象是可以修改的。 阅读全文
posted @ 2019-10-12 17:53 溪风0509 阅读(146) 评论(0) 推荐(0)
摘要: 简介: Express.js框架是目前最流行的node.js后端框架之一,相当于jQuery与JavaScript直接的关系; (功能类似的后端框架还有Koa.js,egg.js.hapi.js) 安装:(全局配置) 1.以管理员身份执行命令提示符 2.输入npm install express-g 阅读全文
posted @ 2019-10-10 22:43 溪风0509 阅读(231) 评论(0) 推荐(0)