- 博客(19)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 移动端页面阻止长按复制和弹出菜单
最近在做移动端页面是，发现长按页面会出现复制功能，对页面的体验造成了不同的困扰。为了解决长按的问题，我尝试用css去解决该问题，在长按的元素加上以下css: -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-...
2019-01-16 00:18:21
6424
原创 访问网页，证书错误是VMware的证书的解决办法
自从装了VMware之后，每次访问google搜索都会报“您的连接不是私密连接”，网页地址https会变成红色还有一天红色的斜线，单击旁边的锁icon，弹层那边显示证书无效，证书点击进去发现证书VMware的证书。如下图：这个问题困扰我很久，找了很久才找到解决方案。页面上的报错信息是：NET::ERR_CERT_COMMON_NAME_INVALID，详情页里可以看到是“因为此网站使用了HST...
2019-01-06 23:19:25
29402
14
原创 js判断空对象的几种方法
一、将对象转为字符串比较这是最容易想到的方法，主要使用JSON.stringify()这个方法对对象进行强转：var a={};var b=new Object();console.log(JSON.stringify(a)=="{}") //trueconsole.log(JSON.stringify(b)=="{}") //true二、for…in循环使用for in循环可...
2018-11-19 21:59:16
23374
原创 src与href的区别
href 是指向网络资源所在位置，建立和当前元素(锚点)或当前文档(链接)之间的链接，用于超链接。src是指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置;在请求src资源时会将其指向的资源下载并应用到文档内，例如js脚本，img图片和frame等元素。当浏览器解析到该元素时，会暂停其他资源的下载和处理，直到将该资源加载、编译、执行完毕，图片和框架等元素也如此，类似于将所指向资源嵌...
2018-10-27 17:04:05
219
原创 rxjs5与rxjs6对比
RxJS5 版本引入方式为：import { Observable } from 'rxjs/Observable'; // 1. 按需打包，减轻bundle.js大小import 'rxjs/add/observable/of'; // 2. 按需导入函数，如ofimport 'rxjs/add/operator/map'; const squares$: Observable<...
2018-09-28 21:43:15
3378
原创 图片占位符工具placehold.it
最近在学习新技能的时候，发现了一个图片占位符工具，感觉挺好用的，分享给大家，这个工具就是 placehold.it。用法很简单，只需要在 placehold.it 的 URL 后面加上图片尺寸和颜色的参数,就可以快速生成美观的占位图啦。如主要有以下参数：第一个参数是图片尺寸,在 URL 后添加 width x height 即可。如 在尺寸参数后面是图片背景色 及文字颜色,在 URL...
2018-09-18 14:15:58
6575
4
原创 iOS浏览器无法通过meta属性限制其缩放的解决方法
对于Safari浏览器来说，无法通过meta属性限制其缩放，可以在页面中添加如下代码，实现缩放禁止，主要原理是：禁止两指以上的触摸事件（因为缩放需要两指操作），禁止手势事件的识别window.onload = function() { document.addEventListener('touchstart', function(event) { if (event.touche...
2018-09-13 10:29:15
1057
原创 angular6使用angular-cli构建项目，引用bootstrap样式无效
使用bootstrap样式库来书写HTML页面时，发现在angular.json中引入了bootstrap全局css样式："styles": [ "src/styles.css", "node_modules/bootstrap/dist/css/bootstrap.css"]但是发现页面没有加载任何bootstrap样式，而且也没有报错，能正常启动。 经过多番排查，发现nod..
2018-08-30 10:06:14
1706
原创 前端性能优化之DNS Prefetch
DNS Prefetch，即DNS预读取。rel = dns-prefetch存在的主要原因是为了加快网页在为页面资源使用不同域时加载的方式。它可以通过有效控制DNS查找时间发生的方式来实现页速增益。此过程通常称为“DNS预读取”。 那么什么是DNS Prefetch：DNS 是什么– Domain Name System，域名系统，作为域名和IP地址相互映射的一个分布式数据库。DNS大...
2018-08-10 17:42:23
363
原创 给非input、textarea元素添加placeholder
在iPhone浏览器的网页中，input或者textarea设置了readonly，但是点击的时候还是会聚焦，底部会出现软键盘。为了解决这个问题我们可以个input或者textarea绑定聚焦事件，聚焦的时候失去焦点：$('input[readonly],textarea[readonly]').on('focus', function() { $(this).trigger('b...
2018-08-08 20:39:22
607
原创 atom autocolpete-paths检测node_modules的文件导致卡顿的问题
主要是以下两种情况： 1、本地项目拥有远程仓库：.gitignore配置node_modules，这样启动本地项目的时候，Atom不会读取node_modules文件夹。 2、本地项目没有创建远程仓库的情况下，操作看截图： 首先在Packages里找到autocolpete-paths这个插件，然后在settings里找到Ignored Names，打上勾 然后在Core里找到gn...
2018-08-08 18:40:17
383
原创 git commit报did not match any file known to git的错误的问题
今天使用git将代码提交到码云，使用到以下命令时：git commit -m 'project initialized'回车之后报错了，报了以下的错误：error: pathspec 'initialized'' did not match any file(s) known to git.语法上没有问题，总是提交不了，最后发现，在Linux系统中，commit信息使用单引...
2018-08-04 00:00:24
17219
2
原创 es6之正则扩展
1.RegExp构造函数在es5中，RegExp构造函数只能接受字符串作为参数。var regex = new RegExp("abc","g");在es6中RegExp构造函数可以接受正则表达式作为参数，这时候会返回一个原有正则表达式的拷贝。var regex = new RegExp(/abc/i);RegExp第二个参数可以接收修饰符，则返回的表达式会忽略原有的正...
2018-07-28 23:42:57
153
原创 es6之解构赋值
解构赋值语法是一个 Javascript 表达式，这使得可以将值从数组或属性从对象提取到不同的变量中。 解构赋值的分类：数组解构赋值、对象解构赋值 、字符串解构赋值、布尔值解构赋值、 函数解构赋值、数值解构赋值。1.数组解构赋值等号右边不是数组的解构let [a]=1;let [a]=false;let [a]=NaN;let [a]=undefined;let [a...
2018-07-27 15:34:13
1103
原创 gulp搭建es6报错的问题
今天用gulp搭建es6项目环境，打包时报错,，如下Plumber found unhandled error: Error in plugin 'webpack-stream'Message:Module build failed: TypeError: fileSystem.statSync is not a function具体看下图 看到报错信息，我去找了下inidex....
2018-07-25 17:19:04
2427
2
原创 atom装了autoclose-html闭合标签换行的问题
atom装了autoclose-html插件之后，可以自动补全闭合标签，但是补全的时候会闭合标签会换行，使用起来有点别扭。 于是看了下设置发现autoclose-html可以设置换行的闭合标签名称。操作如下： 首先，菜单file里找到settings，然后点击packages，找到autoclose-html，然后点击autoclose-html的settings如下图： 点击之后会...
2018-07-24 20:32:29
1398
原创 浏览器网页缩放对页面的影响
网页放大会将窗口大小缩小相应的放大倍数； 网页缩小会将窗口大小放大相应的缩小倍数的倒数分之一。 网页缩放时，有定长宽的元素不会受到缩放的影响；如果元素有设置max-width或者min-width，缩放到一定程度是该元素就不会受到缩放倍数的影响（放大时页面会产生滚动条）； 如果页面是百分比布局，没有设置max-width或者min-width，窗口不会产生滚动条。...
2018-07-23 23:21:10
7568
原创 ajax多次触发，过滤出最后一次的结果
1、取消之前的ajax请求在ajax请求未响应之前可以用xhr.abort()取消，但如果请求已经到达了服务器端，这样做的结果仅仅是让浏览器不再监听这个请求的响应，但服务器端仍然会进行处理var searchAjax;if(searchAjax){ searchAjax.abort(); searchAjax == null;}searchAjax = $.ajax(...
2018-07-23 16:16:34
2256
1
原创 ie浏览器下某些事件无效，但是开了控制台事件就有效了
查看代码里是否用到console对象。某些版本的ie(ie8~ie11)不开控制台是没有这个对象的；因为上下文中没有console这个对象，页面中有使用console就会直接抛异常了，但是不打开控制台看不到，打开了上下文中就有这个对象就不会抛错了。所以页面中的console调试完之后一定要记得删除。...
2018-07-21 22:27:56
1844
《PWA实战：面向下一代的Progressive Web APP》英文版
2018-07-29
CSS in Depth英文高清版
2018-07-20
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人