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