- 博客(22)
- 资源 (2)
- 收藏
- 关注
RSS订阅转载 前端 WebSocket 配置
JS<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2019-02-28 16:11:53
3458
转载 vue中封装webSocket
在vue项目中，每个组件里使用webSocket比较简单，但是webSocket的使用是在整个项目中的时候呢，我们就需要封装成一个公共的文件；1.新建一个 socket.js 文件var websock = null;var global_callback = null;var serverPort = '5000'; //webSocket连接端口function...
2019-02-28 16:04:59
8367
原创 断网检测
/** * 检测断网 */let EventUtil = { addHandler: (element, type, handler) => { if (element.addEventListener) { element.addEventListener(type, handler, false); } else i...
2019-02-28 13:40:02
2266
原创 css伪类实现光标效果
// html<div id="demo"></div>// css#demo{ position: relative;}#demo:after { position: absolute; content: ''; display: inline-block; width: 2px; height: 18px; top: 50%;...
2019-02-27 15:10:46
2015
2
原创 ES6 展开语法
展开语法(Spread syntax), 可以在函数调用/数组构造时, 将 数组表达式 或者 字符串在语法层面展开.还可以在构造字面量对象时, 将对象表达式按key-value的方式展开。语法 : 函数调用：myFunction(...iterableObj)字面量数组构造或字符串：[...iterableObj, '4', ...'hello', 6]构造字...
2019-02-26 16:49:37
389
原创 encodeURI 和 encodeURIComponent
URL编码你可能会懵我们要查询一个年龄为 20，姓名包含tom的人，那么我们会这样去组织请求var url = "http//xxx/age=20&name=tom"然后服务端就能收到下面的接口请求参数{ "age": "20", "name": "tom"}如果我要搜索的姓名是tom&lucy，那么 url 就变成了var url
2019-02-26 15:38:23
219
原创 JavaScript 清空数组的四种方法
var arr = [1, 2, 3]1. length (推荐)arr.length = 0 2. splicearr.splice(0, arr.length)// 等价于arr.splice(0)splice 语法 : array.splice(start[, deleteCount[, item1[, item2[, ...]]]])参数含义...
2019-02-26 15:30:59
290
原创 js 校验六位不重复,不连续数字
let reg = /^(\d)\1{5}$/; // 不重复6位 类似111111,222222let str = '0123456789_9876543210'; // str.indexOf(value) > -1 不连续判断 类似123456if (value.length!==6 || reg.test(value) || str.indexOf(value) > -...
2019-02-25 16:05:30
5542
原创 Google JavaScript 风格指南
Google 和 Airbnb 是目前最流行的 JavaScript 代码风格，如果你长期使用 JavaScript 来写代码的话，建议对比看看。在团队开发中，通常需要遵循一定的代码风格，这样有利于团队的协作和代码的可维护性。而 JavaScript 的代码风格其实是有很多的，接下来我们来看看 Google 发布的 JavaScript 风格指南，大致包含了以下部分内容：文件名...
2019-02-20 14:32:30
411
转载 SSE了解一下
说到 Web 消息推送，大家可能第一个想到的就是 Websocket。的确，作为 HTML5 中的一种持久化协议，Websocket 可以帮我们连接客户端和服务端，实时地进行双向数据传递。但是在某些场景下我们可能不需要那么复杂的连接，也不需要指定要给谁谁谁推送数据，例如一个社区有新的帖子，需要通知每个打开网站的用户。这个时候更简单的SSE（全称Server Sent Events） 就派上...
2019-02-20 14:14:07
1427
转载 jsvascript === 和==的区别
== 用于比较 判断 两者相等 == 在比较的时候会 1.先自动换数据类型 2.再比较=== 用于严格比较 判断 两者严格相等 === 严格比较，不会进行自动转换，要求进行比较的操作数必须类型一致，不一致时返回flase。举例说明："1" == true类型不同，"=="将先做类型转换，把true转换为1，即为 "1" == 1；此时，类型...
2019-02-20 14:03:11
276
原创 map, filter, some, every , find, forEach, for..in, for...of等使用方法说明
let arr = [1, 2, 3, 4, 5];// map 使用 (处理数组,返回数组)var res = arr.map( item => { return item * 2;});// res: [2, 4, 6, 8, 10]// filter 使用 (删选符合条件元素,返回数组)var res = arr.filter( item => ...
2019-02-20 11:47:04
492
转载 animation 和 transition 该怎么选
animation 和 transition 该怎么选作为 CSS 动画的两大核心，animation和transition看似效果相同，实则有着各自的使用场景，懂得在正确的场景选择最合适的属性是至关重要的。下面我们就来全方位对比一下这两则之间的区别。使用场景transition： 强调元素状态的过渡。这种过渡动画是很简单直接的，比如：用户将鼠标移到<a>标签的时...
2019-02-20 10:17:08
101
原创 data-* 自定义数据属性
data-* 作为一个 HTML5 的自定义数据属性，主要是用来规范和管理用户自定义属性的.1. 使用方式如下:<div id="demo" data-tip="提示"></div>data-tip="提示" 便是一个自定义属性。使用该属性,名称需要遵循下面的规则：1、不能以 xml 开头 2、不能包含分号 3、不能包含 A 至 Z 的大写字母...
2019-02-20 10:03:53
1423
转载 节流和防抖
节流和防抖其实没那么高大上节流（throttle）和防抖（debounce）是 JS 中的两个概念，听上去挺高大上的，很多同学也望而却步了，加上这俩概念还很类似，所以也就更加懵了。接下来我们以实际的例子为突破口，讲解一下这俩究竟有何用途以及区别场景1一个文章页面，左侧是文章各级标题的导航，当滚动的时候需要高亮显示对应的标题菜单，这个时候我们就需要监听页面的滚动事件，我们会顺手写下这样的...
2019-02-20 09:49:51
52
原创 彻底弄懂 defineProperty
彻底弄懂 definePropertyVue.js 的流行将其数据双向绑定的核心带到了大家面前，那就是Object.defineProperty()，在详细讲解这个方法之前，我们先用一段最简单的代码实现一个最简单的数据响应。<div id="main"></div>let info = {}Object.defineProperty(info, 'nam...
2019-02-20 09:49:08
151
转载 vue+axios+promise实际开发用法
axios它是基于promise的http库，可运行在浏览器端和node.js中,然后作者尤雨溪也是果断放弃了对其官方库vue-resource的维护，直接推荐axios库，小编我也是从vue-resource转换过来的，差别说不来，我们讲一下axios在实际开发中的用法axios特点1.从浏览器中创建 XMLHttpRequests2.从 node.js 创建 http 请求3.支持...
2019-02-15 20:48:16
965
原创 JS数组快速去重
1. 常规操作遍历对比arr.reduce((result, item) => { if (result.indexOf(item) < 0) { result.push(item) } return result}, [])2. 简单操作filter 删选, arr.filter(function(item, index) { ...
2019-02-11 17:41:58
2298
原创 JS获取当前时间戳的方法
1. 方法一Date.now()2. 方法二new Date().getTime()3. 方法三new Date().valueOf()4. 方法四+new Date()
2019-02-11 16:01:07
193
原创 前端名称正确书写规范
基础名词HTML5（全大写）CSS、CSS3（全大写）JavaScript（JS 大写）Node.js（首字母大写）ES6（全大写）TypeScript（TS 大写）Material Design（MD大写）npm（全小写）AMD（全大写）CommonJs（CJ大写）JSON（全大写）WebAssembly（WA大写）PWA（全大写）SVG（...
2019-02-11 15:52:45
1207
原创 attr 伪类用法
<p data-txt="hello"></p>p:before { content:attr(data-txt)}结果显示 : hello
2019-02-11 15:43:39
464
原创 深拷贝
1. JS 中拷贝对象分为浅拷贝和深拷贝浅拷贝 : 拷贝引用深拷贝 : 拷贝里面的数据成新的对象2. 常规做法 递归 , 简单实现方式如下:var a = {name: "xiaoming"}var b = JSON.parse(JSON.stringify(a))// b 就是对 a 的一个深拷贝当对象中包含 undefined、函数以及 symbol 值的...
2019-02-11 15:28:20
801
mobile.zip
2020-05-28
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人