自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(26)
  • 收藏
  • 关注

转载 WebSocket

WebSocket的来历我就不说了本文直入主题:怎么用WebSocket根据readyState属性可以判断webSocket的连接状态:0:正在建立连接连接,还没有完成1:连接成功建立,可以进行通信2:连接正在进行关闭握手,即将关闭3:连接已经关闭或者根本没有建立接口路径必须以ws或者wss开头(ws不加密 wss加密)举个例子:传统ajax接口:...

2019-07-31 16:41:00 98

转载 vue的vuex

第一部分:先说vuex各方法的作用vuex有5大方法:state、getters、mutations、actions、modulestate(仓库):vuex的所有数据都放在 state 里,vuex其它方法操作的数据都来源于这里getters(过滤):getters 跟 state 同样能获取数据,区别是 state 只能拿数据,getters可以对数据...

2019-07-26 10:21:00 145

转载 插件:加载动画

利用了css3的动画,简单实现动画功能调用代码:new loadAnimation().show() // 显示加载动画setTimeout(function() { // 模拟ajax异步操作 new loadAnimation().hide() // 隐藏加载动画}, 2000);插件源码:(function () {...

2019-07-24 11:41:00 192

转载 插件:警告弹窗

警告弹窗的图标是用base64写的,不需要额外引入图片,尽量减少引入需要;PC、移动端都能用调用代码:// 弹窗类型:success, warning, error, infonew infoPromptBox({ type: 'success', width: 300, showTime: 3000, title: '成...

2019-07-24 11:29:00 541

转载 插件:弹窗

以前自己写过的一个简单弹窗插件,简洁好用,不复杂;PC、移动端都能用调用代码:new upBox().show({ // 显示弹窗 title: '测试弹窗', width: '80%', height: 300, content: '<button id="test2">隐藏</button>',...

2019-07-24 11:12:00 140

转载 插件:密码输入框

这是插件系列的第一个文章,平时工作中忙里偷闲写了些自己的组件,现在分享一下我的组件简洁无依赖(不需要再引用别的库比如JQ)用原生JS写组件样式简单,没打算写多漂亮重点实现功能====== 分割线============模仿支付宝密码输入框仅仅是功能模仿,样式没全部模仿;PC、移动端都能用调用代码:new passwordInput().show(...

2019-07-24 10:50:00 172

转载 call、apply、bind的区别

call、apply、bind是function自带的方法作用是改变function中的this指向call、apply、bind共同点:(1)改变function的this对象的指向(2)第一个参数都是this要指向的对象(3)后续参数继续传参各自特点:call:接受连续参数apply:接受数组参数bind:不会立即执行,再次调用才执行a...

2019-07-04 17:48:00 78

转载 vue的watch

watch它可以用来监测Vue实例上的数据变动尽量一张图解释清楚(尝试用圈圈区分关系):写的很简单,watch本来就没啥东西我理解为响应式侦听全局变量watch里绑定全局变量,被绑定全局变量发生改变vue就自动触发watch里面对应的函数很多时候都会拿Computed与Watch对比(比如面试会问)这两个都可以实现相同效果但过程有点不一样可以根据实...

2019-05-23 11:19:00 105

转载 vue的computed计算属性

computed可定义一些函数,这些函数叫做【计算属性】只要data里面的数据发生变化computed会同步改变引用【计算属性】时不要加 () ,应当普通属性使用例:console.log(this.computedName)computed用的最多是在模板模版中放入太多声明式逻辑会让模板臃肿尤其在页面大量使用复杂的逻辑表达式处理数据,会对页面的可维护性造...

2019-05-22 17:15:00 90

转载 小程序插件

第一步在微信公众平台添加插件搜索插件(这个翻译插件挺好用还支持语音翻译)在app.json引入插件在小程序新建一个Demo页面(名字随便写)HTML随便写,主要是好看点而已JS调用插件:效果:插件的API方法我就不说了,同学们可以去官网看转载于:https://www.cnblogs.c...

2019-05-17 17:34:00 130

转载 小程序使用字体图标-其他版

小程序使用字体图标-阿里版(姐妹篇):https://www.cnblogs.com/konghaowei/p/10615834.html之前写了姐妹篇小程序使用字体图标-阿里版现在写一篇关于小程序使用其他图标库文章用我最经常用的字体图标库 “Font Awesome” 作为例子Font Awesome官网(中文):http://www.fontawesome.com.c...

2019-03-28 17:50:00 93

转载 小程序使用字体图标-阿里版

在阿里图标库怎么下载我就不额外说了本文章只说如何在小程序使用字体图标小程序使用字体图标-其他版(姐妹篇):https://www.cnblogs.com/konghaowei/p/10616636.html从网上下载阿里图标压缩包,进行解压得到这堆东西新建一个text文档后缀名改为 wxss,wxss 文件重命名为 iconfont...

2019-03-28 16:21:00 125

转载 vue项目安装vux

本文章默认基于“vue init webpack myproject”已经搭好基本的项目,而且本文是从我有道笔记拷贝稍加修改过来的本来我私人笔记写给自己看的所以有些地方可能描述不够清晰需要修改的文件就两个:build/webpack.base.conf.js  src/main.js第一步:安装依赖npm install vux --savenpm in...

2019-03-19 12:12:00 120

转载 JS日期相减得到天数

废话不多说直奔主题,解决思路核心是时间戳相减灵感来自于我经常用到一个工具方法:格式化时间,也是用时间戳function GetNumberOfDays(date1,date2){//获得天数 //date1:开始日期,date2结束日期 var a1 = Date.parse(new Date(date1)); var a2 = Date.pa...

2019-01-07 16:19:00 486

转载 vue的Vuex

网上也很多文章,但解释起来的确玄乎,小白们很难理解到位。自问文笔没大神们好只是自己了解了掌握了Vuex用法以及主要思路但要我解释起来也只能参考大神们的说法Vuex就是一个全局变量,而这个全局变量增删改查都有自己一套方法,这样做的好处就是大团队多人协作不容易出错Vuex小项目的确用的少,但面试基本会问到如果面试能回答出自己对vuex的理解(并不是生搬硬套百度回...

2019-01-05 15:29:00 99

转载 根据坐标拖动(简单)

新的一年第一篇文章也是写拖动,这次代码比较简单,主要是思路是根据坐标轴判断排序功能做出来了,但效果很简陋没动画,反正主要目的是想表达“根据坐标拖动”的思路,尽量用最简洁的代码示意,有需要动画效果的可以在基础代码上添加CSS代码:*{ margin: 0; box-sizing:border-box;}.Cle...

2019-01-05 11:59:00 122

转载 多条件排序

做项目有个产品需求;具体是要求根据优先级大小排序一遍,然后根据中文名排一遍,简单说就是二级排序了var arrayData=[//测试数据 {name:"佛山",priority:2}, {name:"Wish邮_无锡",priority:1}, {name:"腌面",priority:5}, {name:"新加坡",priori...

2018-08-31 15:45:00 234

转载 对象合并

写组件的时候经常会用到默认设置,而默认设置经常以对象形式传参//方法一function objMerge(obj1, obj2) {  //var key;  for(key in obj2) {    // 如果target(也就是obj1[key])存在,且是对象的话再去调用deepMerge,    //否则就是obj1[key]里面没这个对象,需要与...

2018-08-22 12:17:00 155

转载 H5拖动实现代码

原理以后有空再说现在嘛先上代码。。。。 1 *{margin: 0;} 2 html,body { 3 width: 100%; 4 height: 100%; 5 margin: 0; 6 } 7 #dragBoxContainer{ 8 width: 150...

2018-08-10 15:08:00 113

转载 H5拖动火狐自动打开新标签

写在前面的话:《H5拖动火狐自动打开新标签》原因是为什么百度很多了我就不细说,本文章只说我自己的解决方法。。。自定义数据里写个链接,如果火狐自动打开就跳到这个链接这个页面就写一句话:关闭当前页面,解决了火狐自动打开新页面的问题结语:我也试过用网上的方法,无外乎用preventDefault、stopPropagation强行停止浏览器默认事件但...

2018-08-10 11:04:00 196

转载 浅拷贝、深拷贝之二

今天突然发现以前一直用的concat方法进行深拷贝还是出问题了,原数组还是被影响后来问了下同事,他给出一个很好办的方法,就是用json/字符串转换方法,具体代码如下: vara=[1,2,3];varb=JSON.parse(JSON.stringify(a))console.log(b);b.splice(0,1);console.log(a);console...

2018-07-30 18:02:00 60

转载 git无法识别新增的文件

问题是这样的我新增几个文件夹打算提交到git库,但输入指令:“git status” 发现新增的文件夹并没有出现在准备提交区里不知道什么原因造成的后来我百度找到方法使用指令:“git add -f 这里放地址”(记得输入完整路径)强行把新增文件夹提交上去了转载于:https://www.cnblogs.com/konghaowei/p/90402...

2018-05-15 11:44:00 2750

转载 浅拷贝、深拷贝

在项目中我们经常要处理数据,概括就四个字:增删改查,我们“增删改查”操作数据其实也就操作内存数据,经常会各种变量互相赋值那么问题来了,如果是普通的赋值其实也就是简单的浅拷贝数据,浅拷贝容易被影响数据,深拷贝则不一样。以下一个小例子:为什么b数组删除一个下标,a数组也会被影响呢?这里就涉及到浅拷贝、深拷贝b数组的内容来自于a数组如果a...

2018-03-15 15:10:00 70

转载 live-server 快速搭建服务

原因:在2018年3月2日偶然情况下听到一个大佬提起“live-server”这东西,我就研究一下,用过的人才知道live-server多么方便。。。功能:当启动live-server服务的文件夹的文件发生改变时自动刷新浏览器,简单说以前要手动刷新浏览器的live-server自动帮你刷新。。。教程:(1)打开cmd输入指令npm install ...

2018-03-02 15:52:00 109

转载 在线翻译工具

咱们开发最经常用到翻译软件了,有道、百度什么的,我都用过,感觉不爽,主要是各种广告,还有奇怪附件程序拖后台(系统洁癖者不能忍受),所以很早之前(大概2016年年底)就做了一个自己的在线翻译小网页,那时是拿人家现成的用,过太久忘记在哪拿来的了。后来有个想法,想重构这个页面,因为之前是直接拿人家的感觉而且页面调用的资源也很大,看了一下旧版本338KB,新版本才38KB十倍差距,所...

2018-02-02 12:06:00 468

转载 我来博客园的第一篇文章

平时都有写笔记的习惯,但我个人是用有道云笔记,不方便分享,特意抽空整理一下笔记挂到博客上分享我开发经验的点点滴滴转载于:https://www.cnblogs.com/konghaowei/p/8404499.html...

2018-02-02 11:59:00 98

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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