- 博客(26)
- 收藏
- 关注
RSS订阅转载 清除页面复制限制
很多网站页面上会加上一些操作限制，比如禁用右键，禁用复制等操作，主要是源于文章保护，和引导用户填写信息等，毕竟这是个复制软文时代，原创的很少啊呵呵，但这只是最基础的防范傻白甜小妹妹的，对于开发人员并没有什么卵用；禁用右键一般用在中小型的门户网站上吧，不是很常见，这里也不列举例子了，code如下：function stop() { return false; } docu...
2019-06-03 14:54:00
294
转载 Js方法集
收集一些常用方法，思之补之踩过的坑；判定浏览器是否为移动端，然后to do something:$(function isMobileBrowser(){ var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) ...
2019-05-30 15:19:00
188
转载 前端知识树-构建你的知识体系
经常有人问，我想学前端，要从哪里学起，或者有点基础，想学点其他的，要学什么？两年前我同样带着这样的疑问，搜索了前端知识体系这个关键词，被大神们各种图解和list吓到了，心想还是先做好当下的工作吧；时光荏苒，前几天小组对思维体系和知识体系的构建这个话题做了讨论，觉得是时候列出一个前端知识体系来总结概括和继续学习了；话不多说，看下图：各位看官老爷们估计和我两年前的心情是一...
2019-05-29 08:25:00
364
转载 网站页面广告屏蔽监测
烦人的网页广告，讨厌的页面弹窗，想必大家都见过，对于这些乱七八糟的东西，我是最不能忍的，所以每次装浏览器后的第一件事就是安装浏览器插件去广告，基本能屏蔽所有网页广告和弹窗(对于大部分用户，中国主流视频网站播放前、播放中插的视频广告最讨厌，特别是播放中插广告，简直变态，非要套路用户去冲会员)，而这方面的浏览器插件也是比较多的，比如adblack等，作用基本一样，根据一些写好的正则去判定广告...
2019-05-28 15:01:00
1908
转载 Progressive web app理念及发展前景
前一段时间微信推出微信小程序进行公测，着实火了一把，博得了大众的眼球，不明真相的吃瓜观众们纷纷围观，所谓的“微信小程序”，通俗的讲就是一种不需要下载安装即可使用的应用程序，脱离于app商店依托于浏览器运行，实现与传统app非常接近的功能，优点这里就不累述了；各路英豪纷纷跟进表示要进行微信小程序开发，各种蹭热度，对于其发展前景，大神们的分析见解也很多；刚看到微信小程序推出的时候，看...
2017-06-01 14:40:00
98
转载 css伪类和伪元素
作为前端人员，每天要与满屏的标签、元素打交道，通过元素与样式类的结合，呈现出一个个美丽优雅的页面，其中也包括css伪类和伪元素的应用，随着前端的发展深入，开发人员运用越来越多的整合技术，使得我们的工作更快捷高效高逼格，下面就来整理一下css中伪类和伪元素的应用；css伪类：什么是css伪类(pseudo-class),伪类就是定义个元素的特殊状态的存在，这个特殊状态乍一听以为是什...
2017-01-20 19:01:00
99
转载 有意思的Console
在很久的以前，因为经常在浏览器控制台调试修改数据，想到用户如果使用控制台配合抓包工具修改上下行流量中的数据，会给站点带来不定的安全威胁，所以一直想找个方法，准确的说是js的方法“禁用”控制台，也就是用户无法使用浏览器F12调出控制台，后来发现这个想法比较可笑、不可行，因为控制台是浏览器的实体功能之一，如果不从浏览器的源代码处销毁这一功能，是无法改变调用控制台这种情况的，只能重写代码改...
2016-12-01 00:34:00
70
转载 团队建设与团队文化
其实我也感到奇怪，为什么选择写这个话题而不写一些技术相关，说到团队建设和团队文化，好像是中高层往上的管理者才会涉及考虑的，作为下属的各个岗位做好当前的工作，圆满的完成任务并持续创新就行了；在从业这么多年后(喂也没几年好嘛)，对这方面的理解和认知越来越深刻，跟大家聊聊这方面的话题； 说起团队建设、文化这个话题，这里的团队，大部分时候是指公司里的一个部门，往往是跟公司分不开的，因为...
2016-11-25 00:03:00
115
转载 Angular 1与 Angular 2之间的一些差别
现在在用ng1.5.8做一个项目，ng的优点和特性我就不用多说了，ng1在陆续更新到1.5/1.6后就没再推出新版本了，ng2已经面世测试很久了，如同很多系统和框架一样，每个大的版本更新都会有新特性加入进来，虽然还没有用ng2做过企业级项目，平时也了解了很多ng2的改进的地方，下面就来梳理一下ng1和ng2之间一些差异；Angular2不是从Angular1升级过来的，Ang...
2016-11-17 11:21:00
338
转载 angularjs中的页面访问权限设置
11月在赶一个项目，这阵子比较忙，挤挤时间更一篇博客吧，如标题所述说说在ng中页面访问权限控制的问题，水平有限各位看官见谅； 在以往的项目中，前后端常见的配合方式是前端提供页面和ui加一点DuangDuangDuang的效果，后端搭建框架数据结构和数据交互(数据交互前后端有交集)，不管是.net、java or php都能一对多的提供前端服务，然而在新形式下项目中运用了前端...
2016-11-11 00:08:00
236
转载 Html页面head标签元素的意义和应用场景
相信在html5之前，很少人会关注html页面上head里标签元素的定义和应用场景，可能记得住的只有"title"、"keyword"和"description"这些meta在逐渐了解使用html新标准后，特别是移动页面的开发普及，可以看到html中这一块内容越来越重要为大家所认识，初次见到这些标签基本是摸不着头脑，今天就来梳理这些标签的定义(以html5标准展开)； 先来一个...
2016-10-20 00:01:00
120
转载 脚本引用中的defer和async的用法和区别
之前的博客漫谈前端优化中的引用资源优化曾经提到过脚本引用异步设置defer、async，没有细说，这里展开一下，谈谈它们的作用和区别，先上张图来个针对没用过的小伙伴有个初始印象： 是的，就是在页面脚本引用的时候设置defer或者async，为什么会有这两个属相来辅助脚本加载那，因为浏览器在遇到script标签的时候，文档的解析会停止，不再构建document，有时打开一个网...
2016-10-10 22:31:00
80
转载 自适应页面中如何使用雪碧图
自适应页面你肯定听说过，雪碧图想必你也听说过，不过在自适应页面中使用雪碧图应用的场景却不多，因为很多场景里自适应页面(移动端页面)的小图标啥的基本都做成字体图标了，操作起来也比较方便，不过有时候合成字体图标的时候也比较麻烦，AI制作复杂svg矢量图标很麻烦，今天说的这个应用场景用的就是这个情况； 首先你要知道什么是雪碧图，不知道的先科普之，百毒传送门； 上面说到有的场景添...
2016-10-09 23:14:00
123
转载 网页颜色分辨测试小游戏的js化辨别及优化
相信大家都玩过一种网页游戏，通俗的可以叫颜色分辨测试游戏(这个名字对不对我也不知道，不要在意这些细节)，也就是下面截图这个玩意，一看就明白；细细把玩过一段时间，作为一个一百米开外男女不分的弱视青年，每每过不了几关就挂了，对这个结局我也是异常无语，都怪当初学习太用功了(呵呵)，想挑战的点击这里 这个游戏的流程就是页面上会出现不同颜色的格子，也就是div啦，点击颜色唯一的格子就...
2016-10-09 01:31:00
375
转载 jQuery1.9及其以上版本中动态元素on绑定事件无效解决方案
jQuery 1.9/2.0/2.1及其以上版本无法使用live函数了，然而jQuery 1.9及其以上版本提供了on函数来代替。本文讲解了jQuery on函数的使用方法，以及在使用jQuery函数中遇到的一些问题。$(selector).on(event,childSelector,data,function,map)各个参数说明如下：...
2016-10-08 22:26:00
104
转载 Data URL简介及Data URL的利弊
之前写过一篇“漫谈前端优化”的文章，里面提到过DataUrl，粗鲁的描述了下，感觉不甚详焉，所以这几天也总结了这方面的知识，参考一些资料，补充一篇文章在这里，对这方面的资料来说，也是一种强化记忆应用； Data URL给了我们一种很巧妙的将图片“嵌入”到HTML中的方法。跟传统的用img标记将服务器上的图片引用到页面中的方式不一样，在Data URL协议中，...
2016-10-08 22:10:00
101
转载 浏览器调试：事件定位与源码查找
作为前端人员，浏览器调试是必不可少的工作之一，甚至与页面制作一样重要，试想生产环境以及日常bug中出现的问题，无法重现问题进行调试或者不知道如何下手调试，将对工作产生很消极的影响；常用的调试浏览器是chrome和Firefox，自带的和一些安装的插件都可以进行日常页面调试； 相关的浏览器调试技巧，前端人员基本上都多多少少知道一些，所以这里我也就不从简到复杂一个个列举了，有...
2016-09-18 14:38:00
290
转载 简述ES5 ES6
很久前的某一天，一位大神问我，你知道ES6相对于ES5有什么改进吗？ 我一脸懵逼的反问，那个啥，啥是ES5、ES6啊。 不得不承认与大神之间的差距，回来深思了这个问题，结合以前的知识，算是有了点眉目。 JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，我们知道javascript的三个基本组成部分是ECMAJavascript(Euro...
2016-09-14 17:10:00
147
转载 移动端中pagehide、pageshow的应用
闲话少叙，来进入场景：订单提交页面，各种积分礼品卡规则都算好了，用户提交表单开始支付，支付完成进入成功提示页面，这是绝大部分网站的付款体验吧，那么问题来了，web移动端中进入成功提示页后，用户点击浏览器自带的回退按钮会发生什么那？ 结果会回到刚刚的订单提交页面（不然那），这就不合理了，这个订单已经被提交了，已经成历史了，怎么能回到提交页面那？只能在历史记录里查询，这里...
2016-09-05 14:59:00
472
转载 浏览器桌面通知Notification探究
首先说明，这篇博文不是科普讲解的，而是立flag研究的，是关于浏览器消息自动推送，就是下面这个玩意： 最近常常在浏览器看到这样的消息推送，还有QQ.com的推送，现在我对这个不了解，不知道叫消息自动推送对不对，这个时chrome浏览器的截图，出现在右下角，其他浏览器的样式可能有些微差别。websocket通信？浏览器广告推送？html5自动更新？灵异事件？--...
2016-09-05 11:51:00
178
转载 js 各种数值类型正则匹配检测
随拿随用只js正则表达式，反正平时工作我是不写正则的，大神请自动绕行；验证数字的正则表达式集验证数字：^[0-9]*$验证n位的数字：^\d{n}$验证至少n位数字：^\d{n,}$验证m-n位的数字：^\d{m,n}$验证零和非零开头的数字：^(0|[1-9][0-9]*)$验证有两位小数的正实数：^[0-9]+(.[0-9]{2})?$验证有1-3位小数的正实数：^[0-9]+(...
2016-08-19 11:18:00
249
转载 javascript之纯数字验证
现在有一个需求如下图：产品经理说Card Number只能让输入数字（中间的空格是格式自加的，也是用js实现的），有时候我脑海中出现了个声音，啥玩意，加个type=number不就行了，事实发现图样图森破了，先不说type=number后面会有个上下标(虽然用css可干掉)，但是这个类型是支持科学输入法的，就是小数点和e这样的是可以输入的，于是乎只能用其他的方式了，后来想用检索到...
2016-08-19 11:08:00
141
转载 angular设置title
Javascript框架在处理seo方面存在问题，因为爬虫在检索seo信息的时候会读不了js给其赋的值，导致搜索引擎收录不了或者收录了无效的信息,比如收录的可能是title={{title}}这样的，下面先说如何在路由跳转时修改页面的seo信息，现在spa跳转一般用route-ui了，就以这个为基础讲解，在app.js配置项state中加入title信息，如下：data:{ pageTi...
2016-08-19 10:00:00
243
转载 angular中$cacheFactory缓存的使用
最近在学习使用angular,慢慢从jquery ui转型到用ng开发，发现了很多不同点，继续学习吧； 首先创建一个服务，以便在项目中的controller中引用，服务有几种存在形式，factory();service();constant();value();provider();其中provider是最基础的，其他服务都是基于这个写的，具体区别这里就不展开了，大家可以看看源...
2016-08-18 18:10:00
162
转载 为什么浏览器中要使用前缀
因为css的标准制定还未统一，在css2时代，有些浏览器厂商为支持某些写法而保留的私有前缀，在css3日益成熟的现在和以后，可能会统一使用标准，到时候就不用谢浏览器前缀了；浏览器前缀大多应用于移动端，在css样式后跟特定的浏览器前缀样式，样式内容不变；下面是主要浏览器的前缀；Firefox:-moz； 浏览器厂商Mozilla；Safari:-webkit； ...
2016-07-01 14:24:00
121
转载 博客起点
从事IT行业算算也有三四年的时间了，经手制作的站点也有不少了，写过的帖子也很多，却没有长期写博客的习惯，觉得现在网络上的各种发布平台已经有很多了，直到最近这种想法才开始改变；看到一位前端大神说，一个做产品/技术的，一定要有个自己的产品，这个产品可以是本书，可以是个理论，可以是个博客，集中体现了作者本人的思想，像个孩子一样构建它维护它更新它，近期看了不少大神的个人博客，越来越...
2016-06-29 14:32:00
81
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人