Provenr的博客

原创 webpack之hash, chunkhash 和 contenthash的区别

原创 JSX语法

1. 在 JSX 中使用表达式表达式要包含在大括号里。书写 JSX 带上换行和缩进,增强代码的可读性JSX 代码的外面扩上一个小括号，这样可以防止 分号自动插入 的 bug。可以在 if 或者 for 语句里使用 JSX，将它赋值给变量，当作参数传入，作为返回值都可以：function formatName(user) { return user.firstName + ' ' ...

原创 总结http相关头信息

总结http相关头信息1) 返回文件类型2)多语言（语言包)3）缓存信息分段下载设置cookie 两个方案读取cookie设置cookie1) 返回文件类型Content-Type假如返回的文件类型不确定具体是什么类型，用mime包去动态判断res.setHeader('Content-Type', mime.getType(realPath) + ';charset=utf-8');...

原创 js 常用函数

解决0.1+0.2不等于0.3的小数累加精度问题// formatFloat(num1, num2) { let baseNum, baseNum1, baseNum2; try { baseNum1 = num1.toString().split(".")[1].length; } catch (e) { baseNum1 = 0; ...

原创 vue-cli 3.0 快速搭建项目

HomebrewMac OS 下的包管理工具Homebrew 安装 Yarn。brew install yarn开发环境Homebrew 1.7.7(Mac)Node.js 10.12.0yarn 1.10.1webpack 4.23.1@vue/cli 3.0.5vue 3.0.5VScodeyarn 快速入门入门链接安装## macOSHomebre...

原创 vue组件通讯---props,$emit

props父组件可以使用 props 把数据传给子组件。$emit子组件可以使用 $emit 触发父组件的自定义事件。父组件<template> <div> <login-layer @toLoginEvent='tologin' :title='logintitle'></login-layer> </div>...

原创 vue 动态路由参数设置

一、 params 参数 router.push({ path: /user/${userId} }) 用反引号（`）标识路由以路径形式存在 const userId = 123 router.push({ name: ‘user’, params: { userId }}) // -> /user/123 router.push({ path: `/...

原创 base64 转码 压缩 上传

let base64= "data:image/jpeg;base64," + rsp;let blob = dataURLtoFile(base64,'uploadbackimg');base64 格式 转化为 文件格式//dataurl是base64格式的字符串，filename是你要命名的文件名function dataURLtoFile(dataurl,filename)...

原创 Vue.js devtools：调试vue.js应用的浏览器扩展 Chrome插件

谷歌浏览器地址栏输入chrome://extensions/扩展下载百度云链接链接：https://pan.baidu.com/s/1MyU2iprGcEryBSBPQicAzg 密码：q5bd将文件夹中 整个chrome文件夹直接拖拽到当前浏览器中，并选择启用，即可将插件安装到浏览器。...

原创 js 原生 实现 toggle()

css<style> .show{ opacity: 0; visibility: hidden; transition: all 2s linear; background: red; } .hide{ visibility:...

转载 css实现高亮光弧动画

CSS.rolled { position: absolute; top: 0; width: 80px; height: 500px; background: -moz-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rg...

原创 如何优雅的取随机字符串

论如何优雅的取随机字符串

原创 js 深拷贝、浅拷贝与数据的类型判断

浅拷贝&深拷贝&数据类型判断

转载 原生 绑定和解除绑定事件 & jquery事件重复绑定解决办法

原生 绑定和解除绑定事件参考链接 https://www.cnblogs.com/jsdarkhorse/archive/2012/09/19/2693191.html// 事件绑定 this.bindHandler = (function() { if (window.addEventListener) {// 标准浏览器 ...

转载 vscode 插件

常用插件https://segmentfault.com/a/1190000006697219

原创 d3.js之初体验

需求：d3.js之初体验D3.js 中的所有功能在 JavaScript 中都能实现，它仅仅是一个函数库而已。D3 所做的事就是减轻你的工作量，以及使你的代码十分简单易懂。1.强大的选择器使用 d3.select() 或 d3.selectAll() 选择元素后返回的对象，就是选择集 关于 select 和 selectAll 的参数，其实是符合 CSS 选择器的条件的，即...

原创 css自适应的文字长度的div

需求：产品列表页面中，产品图片下面显示产品的名称，产品简介时需要自适应文字长度。一行时居中显示，多行左对齐显示。 一、利用display:inline-block；属性 1、html 代码段 北京市海淀区 内蒙古自治区锡林郭勒盟 2、css 片段 div {width: 120px;background: #fafafa;height: 50px;ma

原创 Javascript 中call() , applay()理解

call, apply都属于Function.prototype的一个方法,它是JavaScript引擎内在实现的,因为属于Function.prototype,所以每个Function对象实例,也就是每个方法都有call, apply属性.既然作为方法的属性,那它们的使用就当然是针对方法的了.这两个方法是容易混淆的,因为它们的作用一样,只是使用方式不同.相同点: 两个方法产生的作用是完全一

转载 Web 开发中很实用的10个效果

http://www.cnblogs.com/lhb25/p/10-useful-web-effect.html

转载 git 基本操作命令,冲突解决

原博客地址： http://24suixinsuoyu.com/2016/07/27/Git-%E5%91%BD%E4%BB%A4%E6%80%BB%E7%BB%93/git 安装Git和SVN一样，都需要创建一个服务器的，他们都可以创建自己的版本管理服务器。对于个人和小团队来说，使用托管服务器可能更合适。 常见的有Github 和 Bitbucket。Github没有个人免费...

转载 HTML5优秀案例、酷炫特效

HTML5+CSS3实现类似网易云音乐的移动版播放器链接逼真的HTML5 3D水波动画 可多视角浏览链接HTML5 Canvas绘制转盘抽奖链接让HTML5来为你定位[这里写链接内容]链接炫酷实用的10个HTML5动画应用[这里写链接内容链接HTML5 3D衣服摇摆动画特效链接内容如何选择HTML5游戏引擎链接25个超棒的HTML5&JavaScript游戏引擎开发库链接HTML5游

转载 ECMAScript6

ECMAScript 6

转载 一些常用的Web开发和前端开发工具

一些常用的Web开发和前端开发工具

转载 前端常见跨域解决方案

前端常见跨域解决方案

转载 vue 钩子函数图解

vue生命周期函数图解

转载 利用 JavaScript 实现富文本编辑器

富文本编辑

转载 GROUP BY 和 ORDER BY 子句联合使用组合查询

转http://lzfhope.blog.163.com/blog/static/636399220092554045196/SELECT g.product_id,g.promotion_price FROM sdb_starbuy_special_goods g LEFT JOIN sdb_b2c_products p on g.product_id = p.pr

原创 常用css 属性

去除a标签在点击高亮阴影a {border: none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline: none;}谷歌浏览器 input 框 在记住账号密码的情况下 背景变黄-webkit-autofill { 　　-webkit-box-shadow:

转载 正则表达式 \w \d . \s常用字符的简写

正则表达式 \w \s \d \b . 匹配除换行符以外的任意字符 \w 匹配字母或数字或下划线或汉字 等价于 ‘[A-Za-z0-9_]’。 \s 匹配任意的空白符 \d 匹配数字 \b 匹配单词的开始或结束 ^ 匹配字符串的开始 $ 匹配字符串的结束 + 表示重复一次或者多次 * 表示重复零次或者多次 {n,m} 表示n 到 m 次 \w能不能匹配汉字要视你的

转载 H5 meta 属性

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style"

转载 关于H5 web页面在ios端滑动卡顿问题

原因1：html,body{ height: 100%;}删除上述代码即可。 (亲测)其他原因：*{ -webkit-overflow-scrolling: touch;}增加上述代码。（未测） 转载http://blog.csdn.net/itzhongzi/article/details/76202740

转载 JavaScript判断是否是微信浏览器

原理 ： 判断UA中是否有关键字micromessenger，有的话则是微信内置浏览器//判断是否微信登陆function isWeiXin() {var ua = window.navigator.userAgent.toLowerCase();console.log(ua);//mozilla/5.0 (iphone; cpu iphone os 9_1 like mac os x) a

转载 正则获取字符串中图片路径

var reg = /<img[^>]*src[=\'\"\s]+([^\"\']*)[\"\']?[^>]*>/gi; var str = '<p><img alt=\"\" src=\"/uploads/ckeditor/pictures/7/content_1234594100532399625.jpg\" style=\"width: 700px; height: 560px;\" />1

原创 微信H5网页分享API 调用

前端：<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script><script> // 扫码购 wx.config({ appId: '<{$signPackage_xw.appId}>', timestamp: <{$signPackage_xw.t

转载 HTML5触摸事件(touchstart、touchmove和touchend)

touchstart事件：当手指触摸屏幕时候触发，即使已经有一个手指放在屏幕上也会触发。touchmove事件：当手指在屏幕上滑动的时候连续地触发。在这个事件发生期间，调用preventDefault()事件可以阻止滚动。touchend事件：当手指从屏幕上离开的时候触发。touchcancel事件：当系统停止跟踪触摸的时候触发。关于这个事件的确切出发时间，文档中并没有具体说明，咱们只能去猜测

转载 HTTP消息头网页缓存控制以及header常用指令

网页的缓存是由HTTP消息头中的“Cache-control”来控制的，常见的取值有privateno-cachemax-agemust-revalidate默认为private。其作用根据不同的重新浏览方式分为以下几种情况：1、打开新窗口值为private、no-cache、must-revalidate，那么打开新窗口访问时都会重新访问服务器。 而如果指定了max-age值，那么在此

原创 json 对象常规处理方法

var obj = [{"href":"baidu.com","text":"test","orgId":123,"dataType":"curry",}]; var people={name:"小明",sex:"M",age:"24"};obj.push(people);//数组最后加一条记录console.log(obj);obj.pop();//删除最后一项console.log(obj

原创 微信小程序如何引入外部字体库 Iconfont

1、在 阿里巴巴字体库 选购喜欢的字体并下载压缩文件, 阿里巴巴字体库使用方法进入阿里巴巴字体官网 注册登录 按照如图所示1、2、3 创建一个项目在首页选择需要的字体添加到购物车, 在右上角购物车内,将所选图标添加到项目中在项目中选择 fontclass 获取在线样式地址 也可以直接下载到本地在本地项目中引入该样式即可使用 标签内直接添加 字体类名和选中的类名如果选择用在线字体 ，可以

转载 css选择器（[class*=" icon-"], [class^=icon-] 的区别）

css选择器（[class*=" icon-"], [class^=icon-] 的区别）官方解释：[attribute^=value]，a[src^="https"]，选择其 src 属性值以 "https" 开头的每个 元素。 最低要求：css3[attribute*=value]，a[src*="abc"]，选择其 src 属性中包含 "abc" 子串的每个

原创 微信浏览器无法使用reload()刷新页面 gif图兼容性

场景1 是这样子的，页面有一个ajax请求，在页面上有一个按钮，点击的时候执行window.location.reload()，正常情况reload()后页面依然会向后台发出请求，但在安卓的微信浏览器中reoad后请求的一直是第一次打开页面时请求的数据。没有刷新页面。解决办法使用window.location.href=window.location.href+随机数 代替 window.loca