随笔分类 -  js

摘要:之前项目是pc端是使用router的方式实现置顶的 //main.js router.afterEach((to, from, next) => { window.scrollTo(0, 0) }) 但是改了移动端就没有效果了,稍微查了一下,好像说是要body里才有用。 可能与我使用了vux-ui有 阅读全文
posted @ 2019-11-25 23:44 WayneLiu123 阅读(1968) 评论(0) 推荐(0)
摘要:匹配中文字符的正则表达式: [u4e00-u9fa5] 评注:匹配中文还真是个头疼的事,有了这个表达式就好办了 匹配双字节字符(包括汉字在内):[^x00-xff] 评注:可以用来计算字符串的长度(一个双字节字符长度计2,ASCII字符计1) 匹配空白行的正则表达式:ns*r 评注:可以用来删除空白 阅读全文
posted @ 2019-09-27 19:57 WayneLiu123 阅读(348) 评论(0) 推荐(0)
摘要:网站很多代码,普遍是使用正则 然而,对于3000,4500这些却是不适用的 改进版的正则是,但是仍然有点问题(例如45200) 正则看的有点头大,一般情况下,使用自带的方法就好 测试: https://segmentfault.com/q/1010000004651380 https://www.c 阅读全文
posted @ 2019-09-27 19:52 WayneLiu123 阅读(866) 评论(0) 推荐(0)
摘要:在前端开发的过程中,我们常常会用到iframe去在我们的页面中引用一个子页面,而父子页面又常常会有交互。在同域情况下,子页面如果想要访问父页面中的window对象中的方法的话,直接在当前页面中使用window.parent就可以啦。但是在跨域情况下就会受到种种限制。 如图所示,我用node在本地起了 阅读全文
posted @ 2019-09-24 15:59 WayneLiu123 阅读(59309) 评论(2) 推荐(1)
摘要:为什么要使用href=”javascript:void(0);” javascript:是伪协议,表示url的内容通过javascript执行。void(0)表示不作任何操作,这样会防止链接跳转到其他页面。这么做往往是为了保留链接的样式,但不让链接执行实际操作, <a href="javascrip 阅读全文
posted @ 2019-06-18 15:43 WayneLiu123 阅读(3962) 评论(0) 推荐(0)
摘要:1.ECMAScript 6.0(以下简称ES6)。 2.ECMAScript 和 JavaScript 的关系是,前者是后者的规格,后者是前者的其中一种实现。 3.对ES6支持的浏览器:超过 90%的 ES6 语法特性都实现了。 4.Node(nodejs)是 JavaScript 的服务器运行环 阅读全文
posted @ 2019-06-04 11:11 WayneLiu123 阅读(973) 评论(0) 推荐(0)
摘要:一,定义:对象是JavaScript的一个基本数据类型,是一种复合值,它将很多值(原始值或者其他对象)聚合在一起,可通过名字(name/作为属性名)访问这些值。即属性的无序集合。 关键是name属性名可以是什么类型,以下是一些测试(不完整): 二,创建对象的方法 1.在{}内直接创建键值对,如上测试 阅读全文
posted @ 2019-05-31 18:03 WayneLiu123 阅读(265) 评论(0) 推荐(0)
摘要:作为一个菜鸟,兼只会依葫芦画瓢的搬砖it狗,并没有系统学习过vue。 在最近项目中,发现了一个奇怪的问题: 使用vant-ui 的field 当请求数据,将赋值时,this.form.unitPrice = res.unitPrice时,在NetWork中看到 res.unitPrice是float 阅读全文
posted @ 2019-05-14 23:27 WayneLiu123 阅读(4885) 评论(0) 推荐(0)
摘要:有一移动端项目,使用的vant-ui。可是vant自带的Uploader似乎不支持一次选择多张图片上传的功能。 于是乎:在https://www.npmjs.com/查找发现找到 vue-upload-component 组件,功能基本都有,评价也不错,目前有1500多个star。 因为是国人开发的 阅读全文
posted @ 2019-05-14 22:50 WayneLiu123 阅读(6988) 评论(0) 推荐(0)
摘要:这是很基础的知识,but,对于一只未系统学习过js,只略懂搬砖的跨界狗,还是经常犯错: 场景:移动端上拉加载更多。 初始数组合并后来请求的数组。 使用concat方法,不过要主要: 使用concat,不会改变数组本身,容易犯 a.concat(b),就以为a中合并了b的数据 var a=[1,2,3 阅读全文
posted @ 2019-05-11 17:50 WayneLiu123 阅读(1516) 评论(0) 推荐(0)
摘要:页面切换到默认显示顶部 方法一 使用前端路由,当切换到新路由时,想要页面滚到顶部,或者是保持原先的滚动位置,就像重新加载页面那样。 vue-router 能做到,而且更好,它让你可以自定义路由切换时页面如何滚动。 在路由配置中使用scrollBehavior 如下例子, 使得每次进入页面都在页面顶部 阅读全文
posted @ 2019-04-24 16:08 WayneLiu123 阅读(4011) 评论(0) 推荐(0)
摘要:vant-ui 的 Uploader 上传图片时,用到formData 不过append数据到fd后,是不能在console通过fd.upImgs 或者 fd['upImgs']打印出来的,类似下图 原因是:控制台看到的是FormData原型,存储的数据没有以对象属性的方式体现,可以理解为类的私有字 阅读全文
posted @ 2019-04-24 15:51 WayneLiu123 阅读(1805) 评论(0) 推荐(0)
摘要:如果默认生成的 HTML 文件不适合需求,可以创建/使用自定义模板。 一是通过 inject 选项,然后传递给定制的 HTML 文件。html-webpack-plugin 将会自动注入所有需要的 CSS, js, manifest 和 favicon 文件到标记中。 自定义的myIndex.htm 阅读全文
posted @ 2019-04-17 18:59 WayneLiu123 阅读(9460) 评论(0) 推荐(0)
摘要:上篇刚使用了百度统计,由于后端同事没有找到百度统计的api,于是就找了个talkingData平台。。。 平台地址 依旧是先注册 进入应用统计分析 创建应用 获得appid 在vue中埋点 1.index.html文件中,引入统计平台的sdk 2.定义一个埋点函数 在需要统计的.vue页面引入函数 阅读全文
posted @ 2019-04-16 13:20 WayneLiu123 阅读(1623) 评论(2) 推荐(0)
摘要:统计有多少人访问了自己的网站(wap端pc web端都适用),或者更细的统计网站每个页面的访问量,可以使用百度统计 百度统计传送门 按提示注册登录即可 登录后-->管理-->新增网站,配置好后会出现如下的 自有网站列表 在要统计的网站 右侧,点击“获取代码” 拷贝要统计网站的代码 统计vue项目中的 阅读全文
posted @ 2019-04-16 12:09 WayneLiu123 阅读(6559) 评论(0) 推荐(0)
摘要:当input 使用了type='number'后,会出现这个增减数值的按钮,如上所示, 解决办法: 1.type='text' ,改为输入字符串,缺点是要做类型转换,而且移动端不会调出纯数字键盘 2.type='tel',改为电话号码的类型,移动端中也是会调出纯数字键盘的 3.type='numbe 阅读全文
posted @ 2019-04-15 15:30 WayneLiu123 阅读(2866) 评论(0) 推荐(0)
摘要:实现按键就指定内容复制到设备的剪贴版,这里是复制快递单号 html js 安装依赖: "clipboard": "^2.0.4", 封装好的clipboard.js 放在了assets/js/clipboard.js 阅读全文
posted @ 2019-04-10 12:38 WayneLiu123 阅读(2115) 评论(0) 推荐(1)
摘要:一,storage storage只能存储字符串的数据,对于JS中常用的数组或对象却不能直接存储 因此需要借JSON进行类型转化来存储: let obj = { name:'Jim' } sessionStorage.setItem('obj',JSON.stringify(obj)) // 转为s 阅读全文
posted @ 2019-04-10 11:14 WayneLiu123 阅读(2603) 评论(0) 推荐(0)
摘要:由于官方例子中并没有太多详情,因此记录之,方便以后使用。 1.配置 :area-list="areaList",以初始化全部省市区的数据,其中area.js文件在官方可以下载,放于assets/js/area.js 2. onAddrConfirm (e) 获取数据 阅读全文
posted @ 2019-04-10 10:49 WayneLiu123 阅读(19297) 评论(0) 推荐(1)
摘要:http://www.w3school.com.cn/jsref/jsref_getMinutes.asp 由 getMinutes() 返回的值是一个两位的数字。不过返回值不总是两位的,如果该值小于 10,则仅返回一位数字。 在公共方法 common.js中实现时间格式化函数,并处理了有时返回一位 阅读全文
posted @ 2019-04-10 10:15 WayneLiu123 阅读(432) 评论(0) 推荐(0)