harmsworth的博客

一个喜欢爱学习的博主

javascript最全面对象属性的遍历

属性的遍历前言for...inObject.keys(obj)Object.getOwnPropertyNames(obj)Object.getOwnPropertySymbols(obj)Reflect.ownKeys(obj)总结参考 前言 ES6中共有5种遍历对象属性的方法 for…in ...

2019-01-23 23:36:56

阅读数 30

评论数 0

webpack之自动编译的三种方式

前言 自动编译方式 观察模式 web服务器 webpack中间件 总结 前言 每次编译代码时,需要手动输入yarn run build,挺麻烦的,有没有自动编译的方式呢?还真有,如下三种: 自动编译方式 webpack’s Watch Mode 观察模式 we...

2018-08-26 01:02:05

阅读数 1719

评论数 0

禁止IOS系统Safari浏览器缩放网页

前言 在移动端如何禁止浏览器缩放网页?具体需要添加网页的元数据,即 meta 标签。还需阻止一些事件的默认行为。 演示 允许缩放 禁止缩放(添加 meta 标签) 仅仅在部分安卓浏览器可以生效,IOS的Safari浏览器无法禁止缩放 禁止缩放(添加 meta 标签并阻止一些事件的默认行...

2019-07-17 08:10:29

阅读数 13

评论数 0

js正则保留2位小数

前言 正则校验正数或零,且最多只能保留2位小数,如下: 代码 const validateNum = (num) => { let reg = /^(([1-9][0-9]*)|(([0]\.\d{1,}|[1-9][0-9]*\.\d{1,})))$/ if (!reg.t...

2019-07-15 12:51:18

阅读数 4

评论数 0

js正则只能匹配正整数或零

前言 正则匹配正整数或零很常用,如下: 代码 var reg = /^([0]|[1-9][0-9]*)$/ console.log(reg.test('00')) // false console.log(reg.test('01')) // false console.log(reg.test...

2019-07-15 12:48:42

阅读数 0

评论数 0

meta标签的format-detection的作用

前言 meta 标签中 format-detection 的作用是校验电话号码、邮箱和地址的格式,在 ios 系统中,通过校验的字符串的颜色会变成蓝色,并且有下划线。默认值开启校验。这种对符合规则的字符自动校验的方式让一名前端工程师觉得页面失去了自己的控制,所以在页面关闭这种校验。 效果 &...

2019-07-12 08:03:34

阅读数 1

评论数 0

cookie的httpOnly属性

cookie的httpOnly属性 前言 cookie 有一个 httpOnly 属性,可以设置一个 只能在服务端设置的cookie 的键值对,即禁止客户端修改携带 httpOnly 属性的 cookie 键值对。 代码 // app.js const http = require('http')...

2019-07-06 23:58:21

阅读数 6

评论数 0

解决ios系统在safari浏览器中添加web应用程序到主屏幕,打开子链接会跳转到safari的问题

解决ios系统在safari浏览器中添加web应用程序到主屏幕,打开子链接会跳转到safari的问题 前言 ios系统的safari浏览器有一个功能可以将web应用程序添加到主程序,使得web程序像app一样全屏显示操作。 代码 <!-- 在 `head` 标签中添加描述 `html...

2019-07-05 23:53:55

阅读数 130

评论数 0

filter函数的妙用

filter函数的妙用 数组的 filter 函数有一个很重要的用处,可以过滤 null、undefined、'' 代码 var arr = [1, '', null, undefined, ' '] console.log(arr.filter(v => v))

2019-06-30 17:59:50

阅读数 12

评论数 0

处理树数据

处理树数据 前言 在工作中,经常需要处理树数据,自己总结了部分处理数据的函数,如下: 代码 tree.json [ { "id": "4", "pid": "1", "name": "...

2019-06-30 17:43:58

阅读数 8

评论数 0

Promise的妙用

Promise的妙用 1、返回已获取的数据 在函数中获取数据后,可以直接 return 一个 Promise ,然后在 then 函数中 return resolve() 即可返回一个新的 Promise const arr = ['tom', 'jerry', 'john'] const sle...

2019-06-30 17:13:37

阅读数 7

评论数 0

post导出excel

前言 在做 excel 导出时,经常需要导出选中的行,然选中的行需要将 id 传给后台,如果使用 get 方式导出,在浏览器地址栏能导出的行数是有限。此时,就需要用到 POST 方式导出了。 环境 axios element-ui vue 2.5.2 POST导出 request.js imp...

2019-06-30 10:11:07

阅读数 2

评论数 0

函数参数默认值和 || 的区别

函数参数默认值和 || 的区别 前言 es6 对函数进行了扩展,新增了函数传参设置默认值的功能,那么,这个默认值和 || 有什么区别呢? 代码 function fn (str = '') { console.log(typeof str) } fn(undefined) // string ...

2019-06-26 18:26:30

阅读数 13

评论数 0

正确渲染html字符串

正确渲染html字符串 前言 在渲染 html 字符串时,需要将合法的 html 标签渲染出来,对部分字符( <、> )转义成 html 实体。 代码 var str = `111<br />sdfsdfsdf<h1 c...

2019-06-25 18:34:33

阅读数 43

评论数 0

最全面清除html字符串的方式

最全面清除html字符串的方式 前言 如何清除 html 字符串?我在网上搜索了很多种方法都不尽人意,故自己在网友写好的基础上对整体功能进行自测,以期达到能清除任意格式的 html 字符串。 html 标签有以下几种格式: <br> <br/&gt...

2019-06-25 18:32:59

阅读数 24

评论数 0

一次返回上级页面引发的问题的思考

返回上级页面前言环境有问题的效果Vue Router实现代码实现正确的效果总结 前言 在用 vue 做 PC 项目时,有这么一个需要,从首页进入次级页面,然后点击次级页面的返回按钮返回首页。一个很简单的功能,用 Vue Router 的功能就可以实现。 环境 vue2.5 webpack3.6 ...

2019-05-04 13:40:48

阅读数 36

评论数 0

webpack3的新特性

webpack3前言目录结构webapck3新特性Scope HoistingMagic Comments总结 前言 webpack4都发布一年多了,为啥还要写webpack3的博客呢?因为只有更了解 webpack3 有哪些新功能,才能知道 webpack4 在 webpack3 的基础上又哪些...

2019-05-03 13:55:13

阅读数 29

评论数 0

webpack4.x实现热更新

热更新前言环境目录未启动热更新效果代码启用热更新效果代码 前言 webpack 的 webapck-dev-server 包会启动一个开发服务器,当修改入口文件或者入口文件中引入的其他文件时,webpack 会自动编译入口文件,然后刷新整个页面。然我们仅仅修改了一个文件就刷新了整个页面,这样的操作...

2019-05-01 19:07:22

阅读数 118

评论数 2

巧用iview组件库的Form表单的trim修饰符

Form表单前言效果代码默认值为null的效果修改后代码结论 前言 在使用 iview 组件库时,经常需要用到 Form 表单,验证一些用户输入操作,然输入框需要清除两端空格,可以使用 v-model 指令的 trim 修饰符。当输入空格,重置表单时,此时发现表单无法重置。效果如下: 效果 前提为...

2019-04-30 23:58:48

阅读数 77

评论数 0

图片全屏查看组件

图片全屏查看组件前言环境效果如下目录结构代码 前言 在一些博客网站上,经常能看到点击图片,然后图片全屏展示,再次点击屏幕,图片还原,现在就要完成这样的组件。 环境 vue2.5 webpack3.6 less 效果如下 目录结构 src/index.vue src/ImageFullscre...

2019-04-30 23:14:08

阅读数 85

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭