自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

转载 KMP算法JS实现

参考阮一峰的《字符串匹配的KMP算法》,用JS实现一版,备忘~ // 主串 let str1 = 'BBC ABCDAB ABCDABCDABDEDC'; // 模式串 let str2 = 'ABCDABD'; /** * 算出《部分...

2019-09-17 23:21:00

阅读数 23

评论数 0

转载 Nodejs监控Apple召回计划&邮件提醒

最近,我的13寸 MacBook Pro2015款电池膨胀了 把笔记本平放在桌面,四个脚中的前两个无法落地,笔记本盖合上之后,屏幕上会印上键盘的纹路,也就是说,笔记本C面D面变形了,已经购买超过3年,售后不给换,同年生产的15寸的MacBook Pro因为同样的问题出了电池召回计划,我想着再坚持...

2019-07-24 00:24:00

阅读数 6

评论数 0

转载 Android调试移动端webview

尝试了各种Mac版本的安卓模拟器,包括Android Studio、Genymotion以及国内的网易MuMu、夜神、蓝叠、腾讯手游助手,做的最好的是Android Studio,最难上手的也是Android Studio。 Android Studio有两种架构类型的镜像可选,分别是x86和r...

2019-07-21 11:53:00

阅读数 13

评论数 0

转载 设置电脑为手机代理

1、下载安装Charles,此教程仍针对Mac版本 2、设置代理端口:菜单 - Proxy -Proxy Settings - Proxies - HTTPProxy - 输入端口8888,勾选下方Enable transparent HTTP proxying 3、设置访问控制列表:菜单...

2019-07-21 11:49:00

阅读数 79

评论数 0

转载 iPhone调试移动端webview

一、模拟器调试 1、启动Xcode 2、选择菜单Xcode - Open Developer Tool - Simulator 3、启动Simulator后,选择Simulator菜单Hardware - Device - iOS12.x - 再选择需要的手机/iPad型号 4、安...

2019-07-20 11:37:00

阅读数 13

评论数 0

转载 禁用JavaScript之后,你的网站表现如何?

一 最近要做一个新官网,需求评审完之后,考虑到官网都是纯静态页面,功能简单,操起vue-cli3几秒内创建好了项目脚手架,开发前,我打开了首页模板文件,看到下面这行字,有了一些思考…… <noscript> <strong>We're sorry but ...

2019-03-18 20:49:00

阅读数 46

评论数 0

转载 Web Component

前言 Web Component不是新东西,几年前的技术,但是受限于浏览器兼容性,一直没有大规模应用在项目里,直到现在(2018年年末),除IE仍不支持之外,其它主流浏览器都支持Web Component。 Web Component不是一个东西,它分为四部分,分别是 template——模板 H...

2018-12-24 00:15:00

阅读数 8

评论数 0

转载 超出JavaScript安全整数限制的数字计算-BigInt

JavaScript中的基本数据类Number是双精度浮点数,它可以表示的最大安全范围是正负9007199254740991,也就是2的53次方减一,在浏览器控制台分别输入Number.MAX_SAFE_INTEGER和Number.MIN_SAFE_INTEGER可查看对应的最大/小值 c...

2018-06-23 23:23:00

阅读数 5

评论数 0

转载 ES2018正则表达式更新

如果你是一个初学者,这篇文章可以拓展你对正则表达式用法的理解,不过建议你先阅读一些正则表达式入门文章,比如经典的《正则表达式30分钟入门教程》。如果你对正则表达式有一定的认识,那么这篇文章可以让你了解JavaScript中的新功能。 随着ES2018的更新,JavaScript正则表达式和其他基...

2018-06-23 11:22:00

阅读数 8

评论数 0

转载 基于jest和puppeteer的前端自动化测试实战

前端测试现状 经常听到后端同学说“单元测试”,前端写过测试用例的有多少?答案是:并不多,为什么呢?两个主要原因 1、前端属于GUI软件,浏览器众多,兼容问题让人头大,用户量有一定规模的浏览器包括:   IE8、IE9、IE10、IE11、chrome、FireFox、360浏览器、搜狗浏览器...

2018-05-30 00:11:00

阅读数 10

评论数 0

转载 记录一个chrome 65渲染的bug

前段时间发现一个chrome 65+的BUG(chrome已更新到66,BUG仍然存在),一个元素同时使用了以下样式(失去焦点和css3的Z轴平移0deg),渲染异常 /*bug style*/ filter: blur(4px); transform: translateZ(0) ...

2018-05-29 14:12:00

阅读数 9

评论数 0

转载 如何开发一个chrome扩展

chrome是一个不错的浏览器,web开发者工作中一般都会使用chrome做为默认浏览器,它有很多扩展,给浏览器补充了各种功能,增强了用户体验。chrome扩展具体能干什么?怎么做出来的呢? chrome扩展是什么? 本质上是HTML+CSS+JavaScript组成的页面,所有文件打包成cr...

2017-11-19 23:41:00

阅读数 7

评论数 0

转载 ES6的Iterator遍历器

JS表示集合的对象主要有Array、Set、Object、Map,在以前,遍历它们需要使用2种不同的方法,而现在,JS提出了Iterator机制,可以给不同的数据结构提供统一的遍历方法,就是for…of。换句话说,只有部署了Iterator的数据才能用for…of遍历。 Iterator的遍历过...

2017-10-23 23:24:00

阅读数 2

评论数 0

转载 AngularJS 数据绑定

接触AngularJS已经两年多了,时常问自己一些问题,如果是我实现它,会在哪些方面选择跟它相同的道路,哪些方面不同。为此,记录了一些思考,给自己回顾,也供他人参考。 初步大致有以下几个方面: 数据双向绑定 视图模型的继承关系 模块和依赖注入的设计 待定 数据的双向绑定 An...

2017-08-17 21:33:00

阅读数 2

评论数 0

转载 AngularJS的Scope和Digest

Angular是一个成熟和强大的JavaScript框架。它也是一个比较庞大的框架,在熟练掌握之前,需要领会它提出的很多新概念。很多Web开发人员涌向Angular,有不少人面临同样的障碍。Digest到底是怎么做的?定义一个指令(directive)有哪些不同的方法?Service和provid...

2017-08-17 21:29:00

阅读数 5

评论数 0

转载 用nrm一键切换npm源

当使用官方npm源安装各种包比较慢的时候,建议修改npm源地址 查看npm源地址,在终端输入以下命令 npm config list 会看到官方的npm源 metrics-registry = "https://registry.npmjs.org/" 国...

2017-06-24 10:13:00

阅读数 12

评论数 0

转载 window版chrome 57.0.2970.0 (64-bit)滚动条的BUG

有一个元素div,它有一个子元素ul,给div添加一个:hover样式{color: red},挡鼠标hover div时,字体变红。 当鼠标hover div时,ul字体变红,鼠标hover ul的滚动条,同样会触发div的:hover,ul的字体仍然显示红色,在“window版chrome ...

2017-06-19 21:19:00

阅读数 2

评论数 0

转载 JavaScript严格模式有什么不同

看ES6,瞄到“严格模式”,问了下自己什么是“严格模式”?答案好像不是很明朗,遂总结如下: 严格模式声明:“use strict”; 1、禁止变量未声明就赋值 2、限制动态绑定(属性和方法归属哪个对象在编译阶段就要确定) 1)禁止使用with 2)创建eval作用域,eval内声...

2017-06-12 19:31:00

阅读数 5

评论数 0

转载 textarea placeholder文字换行

要实现这样的效果 第一反应是直接在placeholder属性值里输入\n换行,如: <textarea rows="5" cols="50" placeholder="1、textarea\n2、success">...

2017-06-06 21:44:00

阅读数 24

评论数 0

转载 前端跨域几种方式

跨域问题的直接原因是浏览器存在同源策略,浏览器同源指的是:两个页面的协议、端口和主机相同,则两个页面具有相同的源。IE下满足协议、主机相同,就认为是同源。 想象一下,如果没有同源策略,谁都可以修改你站点上的内容,读取你的cookie,后果难以想象 前端跨域的几种方式 修改document.d...

2017-05-08 23:30:00

阅读数 6

评论数 0

转载 前端加载大图片从模糊到清晰

打开天猫随便点了个链接,加载了一张大的背景图片,该图片从非常模糊到正常显示有一个过程,深入了解一下它的实现过程。 打开控制台,禁用Cache,模拟2G网络,刷新页面 查看请求列表,浏览器先请求了一张缩略图,设置为div的背景图片,div宽高等同于整个页面,效果看起来就像页面已经显示出来一样 ...

2017-05-08 21:27:00

阅读数 270

评论数 0

转载 解决sublime text 安装扩展提示There are no packages available for installation问题

前段时间想给sublime编辑器装个插件,发现总是报这个错误 google后发现是“众所周知”的原因,设置里面的https://packagecontrol.io/channel_v3.json文件被墙了,然而直接在浏览器访问这个地址又是可以打开的,比较奇特。 解决方法是将chan...

2017-05-06 12:16:00

阅读数 3

评论数 0

转载 HTML的lang属性的作用

今天翻了一下《css权威指南》选择器章节,看到伪类选择器,也叫语言选择器:lang(language),顾名思义它会根据html设置的语言应用对应样式,如: *:lang(en){ color: red; } 会作用在这个P元素上 <p lang="e...

2017-05-05 23:41:00

阅读数 10

评论数 0

转载 PHP生成验证码

<?php /** * php生成验证码 * @param $width 画布宽 * @param $height 画布高 * @param $vcodelen 验证码长度 * @param $pointnum 干扰像素点数量 * @param $linenum ...

2016-11-24 23:38:00

阅读数 4

评论数 0

转载 PHP给图片加水印

<?php /** *图片加水印 *@param $srcImg 原图 *@param $waterImg 水印图片 *@param $savepath 保存路径 *@param $savename 保存名字 *@param $position 水印位置 *...

2016-11-24 11:09:00

阅读数 7

评论数 0

转载 js加入购物车抛物线动画

天猫将商品加入购物车会有一个抛物线动画,告诉用户操作成功以及购物车的位置,业务中需要用到类似的效果,记录一下实现过程备忘,先上demo 一开始没有想到用抛物线函数去做,也已经忘记还有这么个函数了,想着抛物线本质上就是向右和向上方向各有一个速度(就上面的demo而言),向右的速度匀速,向上的速...

2016-09-01 21:15:00

阅读数 7

评论数 0

转载 Nodejs新手村指引——30分钟上手

概要 #准备工作 #开启简单的服务 #路由 #获取参数的三种方式 #静态文件 #数据库集成 #async解决多重嵌套问题 本文适合没有nodejs项目开发经验而又想对nodejs有个大概了解的你阅读,30分钟上手,也许还不用 *************************...

2016-05-07 17:09:00

阅读数 3

评论数 0

转载 mysql模糊查询like/REGEXP

增删改查是mysql最基本的功能,而其中查是最频繁的操作,模糊查找是查询中非常常见的操作,于是模糊查找成了必修课。 like模式 like意思是长得像,有两个模式:_和% _表示单个字符,通常用来查询定长的数据,如查出所有姓王的三个字的人名,假设姓名列名为name,注意“王”后面有两个_...

2016-04-16 00:06:00

阅读数 2

评论数 0

转载 网页为什么会乱码?浅析字符集编码ASCII和Unicode

因为编码不对! 什么是编码?编码不对为什么会乱码? ……?? 编码转换为什么会丢失数据? ……?? 不管是数据库还是网页,都可能碰到过乱码问题 在计算机世界里,所有数据都使用二进制存储,即只有1和0,在人的世界里有中文/英文/阿拉伯文等,还有图片/视频/音频,如何使用二进制存储和显...

2016-04-10 16:54:00

阅读数 9

评论数 0

转载 利用angular指令监听ng-repeat渲染完成后执行脚本

业务中有时需要在异步获取数据并用ng-repeat遍历渲染完页面后执行某个操作,angular本身并没有提供监听ng-repeat渲染完成的指令,所以需要自己动手写。有经验的同学都应该知道,在ng-repeat模板实例内部会暴露出一些特殊属性$index/$first/$middle/$last/...

2016-01-21 08:47:00

阅读数 12

评论数 0

转载 AngularJS + ui-router + RequireJS异步加载注册controller/directive/filter/service

一般情况下我们会将项目所用到的controller/directive/filter/sercive预先加载完再初始化AngularJS模块,但是当项目比较复杂的情况下,应该是打开对应的界面才加载对应的controller等资源,但是AngularJS一旦初始化,之后加载的controller/d...

2016-01-15 09:04:00

阅读数 7

评论数 0

转载 AngularJS初始化静态模板

AngularJS可以通过ng-app来自动初始化模块,也可以通过angular.bootstrap(document, [module])手动启动应用,不管用哪种方法,应用启动后,动态往dom树里面添加的dom元素,无法执行angular指令,即无法通过ng-model、ng-click给动态添...

2016-01-13 23:56:00

阅读数 4

评论数 0

转载 querySelector/querySelectorAll选择器两个容易忽略的点

jquery写得多了,原生js大API就容易忘。如果你也是这样,一起来回顾一下HTML5的类jquery选择器querySelector和querySelectorAll吧,querySelectorAll这个API有两个需要注意的点,见下文。 先看看querySelector,语法: d...

2016-01-07 08:53:00

阅读数 5

评论数 0

转载 AngularJS过滤器filter入门

在开发中,经常会遇到这样的场景 如用户的性别分为“男”和“女”,在数据库中保存的值为1和0,用户在查看自己的性别时后端返回的值自然是1或0,前端要转换为“男”或“女”再显示出来; 如我要换个羽毛球拍,某猫上羽毛球拍的品牌多达数十种,我想单独查看YONEX这个品牌的羽毛球拍; 买完羽毛球拍我还...

2015-11-20 08:20:00

阅读数 4

评论数 0

转载 IE8及以下浏览器伪数组slice方法兼容处理

前几天同事说数组的slice方法在IE8下有兼容问题,我查阅了MDN,文档里面有提到IE8及以下浏览器中,DOM对象组成的伪数组通过call调用slice方法没有遵循标准行为 我做了个demo在IE8上做了测试 <div>古</div> <div>...

2015-11-07 16:14:00

阅读数 12

评论数 0

转载 AngularJs指令配置参数scope详解

AngularJs最重要也是最难理解的模块之一就是它的指令(directive)了,自定义指令配置有很多个参数,下面我只说说其中scope的配置极其含义。 scope表示指令的作用域,它有三个可选值:true、false、对象{}。 .directive("myDirective...

2015-11-07 14:26:00

阅读数 1

评论数 0

转载 【整理】如何使元素水平垂直居中

第一种:已知元素宽、高 兼容:IE6+ 源码: <title>css使元素垂直居中</title> <style type="text/css"> .box{ width: 200px; height: 20...

2015-10-29 23:42:00

阅读数 4

评论数 0

转载 javascript自定义事件

Javascript中的事件包括click、mouseover、submit、change等等,它们分别在元素被点击、鼠标滑过、表单提交、域的内容改变时触发,那么自定义事件是如何定义和触发的?它有什么意义? 如何定义? 自定义事件创建分两步:创建事件模型、初始化。 document.crea...

2015-09-07 23:30:00

阅读数 6

评论数 0

转载 canvas版《俄罗斯方块》

试玩(没有考虑兼容低版本浏览器): See the Pen Canvas俄罗斯方块 by 王美建 (@wangmeijian) on CodePen. *********************************************************************...

2015-08-31 13:46:00

阅读数 16

评论数 0

转载 canvas入门级小游戏《开关灯》思路讲解

游戏很简单,10行10列布局,每行每列各10盏灯,游戏初始化时随机点亮其中一些灯,点击某盏灯,其上下左右的灯及本身状态反转,如果点击前是灭着的,点击后即点亮,将所有灯全部点亮才算过关。游戏试玩: 下面说说大概思路: 生成画布 创建canvas画布,先是生成10*10阵列的100盏...

2015-08-19 14:15:00

阅读数 10

评论数 0

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