摘要：
正则构造方式： var reg = new RegExp('abc','ig'); // 或 var reg = /abc/ig; 常用方法： test： // test() // regexp.test(string) console.log( /\d+/.test('ds21ds') ) // 阅读全文
摘要：
侵删 --end-- 阅读全文
摘要：
提供一种解决方案： beforeRouteLeave （组件内的守卫） 通过某种方式，进入页面B ( 如详情页 )，返回时需跳转到 页面A ( 如首页 )，在 B 页面中添加 守卫钩子： 此处的 if else ，比较容易失误，从而导致进入深循环！ 续： 业务中有特殊场景，通过 触发页面X 进入到 阅读全文
摘要：
ios 环境下，添加click事件时，如果 (1)事件是委托到 document 或 body 上，并且(2)委托的元素是默认不可点击的(如 div, span 等)， click 事件会失效。 方案： 将 click 事件直接绑定到目标元素(即 .target ) 上 将目标元素换成 <a> 或者 阅读全文
摘要：
vue 项目返回上一页，滚动到离开时的位置，网上能找到不少方法，以下尝试一种。 例如，首页有个列表，点击列表进入二级页面，返回的时候保持在原位置。首先在首页的视图外套上 keep-alive , include 表示只针对 name = 'Home' 的组件进行缓存 然后，在首页的 Home 组件内 阅读全文
摘要：
vue 项目中，统一配置 接口api文件 ：sdk.js ，拦截请求并根据实际情况跳转到 登陆页面。但是由于访问不到 vue ，无法使用 this.$router.push 方法。 1. 直接在main.js导出根组件 2. sdk.js中引入 3. 实际业务中使用 end 阅读全文
摘要：
vue移动端项目中，部分机型点击返回上一页的时候，会出现空白，点击或者滑动，页面回复正常。这是由于返回后无法将 body 的高度拉开，使得遮住，触发轻点击，方可消除遮罩针对此问题。 原因在于，html、body都是100%，#app撑起了父元素的高度，但是浏览器默认的滚动scroll并不是#app， 阅读全文
摘要：
文本中直接用 \n ，无法换行，因为 html 不识别 \n，如果只是单纯的用 replace 把 \n 换成 <br/>，只能变成普通的字符串，也还是无法换行。 解决方法有这么几种： 1. 用 innerHTML = " ... " 或者 v-html 来把 <br/> 识别为 html node 阅读全文
摘要：
常用判断方法： 1. typeof typeof 共返回6种数据格式，只能判断区分基本类型： number、string、boolean、undefined、object 以及 function typeof 0; //number typeof true; //boolean typeof "st 阅读全文
摘要：
前端各种宽高，收集于多处 offsetLeft: 只读属性，返回当前元素左上角相对于（HTMLElement.offsetParent）节点的左边界偏移的像素值（不包括元素的边框和父容器的边框）。 offsetTop: 只读属性，返回当前元素相对于其（HTMLElement.offsetParent 阅读全文
摘要：
有些业务中，在使用 @change 回调的时候需要动态获取当前循环下的特定值，但是@change方法一旦传递参数就会覆盖原本的数据，对此，有两种方法解决： -- end -- 阅读全文
摘要：
此次项目需要兼容 andriod 4.4 ，ios 8 . 故此带来了不少兼容问题 1. vue 项目在本地表现正常，打包后出现部分样式丢失。 如果只是小范围的影响，可以用以下注释跳过 webpack 对 css 的压缩计算 /*! autoprefixer: off */ -webkit-box- 阅读全文
摘要：
element-UI 的 el-select 组件里，当 v-model 绑定为对象类型，并对其设定默认值 在 data 中设 form.InWindowPositionType 与 列表的 value 相等 ，则认为对 selected 设置了默认值，但是选择器里的显示结果为 value 值，而非 阅读全文
摘要：
vue项目中，多行文本样式显示省略号，用到了-webkit-box-orient: vertical这个属性，本地正常，打包线上后，该属性丢失。webpack打包时把这个样式过滤掉了。 网上解决方案有以下： 1. 加上这注释命令 2. optimize-css-assets-webpack-plug 阅读全文
摘要：
按照 ivew 提供的方法定制主题，创建一个 less 文件，在其中覆盖变量，再在 main.js 中引入。戳这里 出现报错： 问题貌似是在于 less 版本。。。两种解决方法： 1.打开项目package.json ，将less版本降到3.0以下 比如安装 2.7.3版本。再 install ； 阅读全文
摘要：
考虑这样一种情况，Vue 的父组件根据网络请求获取到数据后，动态更新到子组件的 props 上， // 父组件 <template> <div class="parent"> <chart :info='info'/> </div> </template> 在子组件上把数据直接渲染到模型上即可。 / 阅读全文
摘要：
1.先分栏，点击“视图 - 布局 - 列数：2列”，将屏幕分成左右2页，快捷键： alt+shift+2 2.再克隆需要的文件，点击“文件 - 克隆文件”，并拖放到第二栏。 ( PS：此操作未发现快捷键，可以自行配置：“首选项 - 快捷键设置”，粘贴 ) 阅读全文
摘要：
常见设计稿尺寸为 750px ， 此处以 750 为基准，当屏幕宽度为750px 时设置 html 根节点的 font-size 为 100px，1rem = 100px。故此，将屏幕宽度像素与750 的比值与 100px 相乘，得到最后的 font-size 为 html 的字体大小。后面的样式书 阅读全文