- 博客(21)
- 资源 (6)
- 收藏
- 关注
RSS订阅原创 JS判断访问终端
工作中用到根据入口不同，展示不同的东西，网上查的，加上自己添加的东西，这样做应该是没问题了。 var browser = { versions: function() { var u = navigator.userAgent, app = navigator.appVersion; return { trident: u.indexOf('Trident') > -1, //IE内核
2020-05-29 11:22:08
291
原创 web安全
WEB安全，也可以叫做web应用安全。互联网本来是安全，自从有了研究安全的人之后，互联网就变得不安全了。 WEB安全的本质是信任问题 1、由于信任，正常处理用户恶意的输入导致问题的产生 2、非预期的输入 3、安全是木桶原理，短的那块板决定的木桶究竟能装多少水，同样的，假设吧99%的问题都处理了，那么1%的遗留就会是造成安全问题的那块短板 web安全 研究web安全 二进制安
2015-10-10 10:24:39
399
原创 JS设计模式——中介者模式
模式作用： 1，软件开发中，中介者是一个行为设计模式，通过提供一个统一的接口让系统的不同部分进行通信。一般，如果系统有很多子模块需要直接沟通，都要创建一个中央控制点让其各模块通过该中央控制点进行交互。中介这模式可以让这些子模块不需要直接沟通，而达到进行解耦的目的 注意事项： 1，当系统出现了多对多交互复杂的对象群时，先不要急于使用中介这模式，而是要思考一下是不是系统设计有问题。
2015-09-08 10:10:40
1239
原创 JS设计模式——策略模式
模式作用： 1，所有的这些算法都是做相同的事情，只是实现不同 2，以相同的方式调用所有的方法，减少了各种算法类与使用算法类之间的耦合 3，单独定义算法类，也方便了单元测试 注意事项： 1，不仅可以封装算法，也可以用来封装几乎任何类型的规则，是要在分析过程中需要在不同时间应用不同的业务规则，就可以考虑是要策略模式来处理各种变化 //验证文本框 var $input=$('#input')
2015-09-08 10:09:49
285
原创 JS设计模式——迭代器模式
模式作用： 1，为遍历不同的集合结构提供一个统一的接口，从而支持同样的算法在不同的集合结构上进行操作 2，对于集合内部结果常常变化各异，我们不想暴露其内部结果的话，但又想让客户代码透明的访问其中的元素，这种情况下我们可以使用迭代器模式 注意事项： 1，一般的迭代，我们至少要有2个方法，hasNext()和Next()，这样才能做到遍历所有对象 2，遍历的同时更改迭代器所在的集合结构可能会
2015-09-08 10:09:00
1008
原创 JS设计模式——外观模式
模式作用： 1，在设计初期，应该要有意识地将不同的两个层分离，比如经典的三层结构 2，在开发阶段，子系统往往因为不断的重构演化而变得越来越复杂，增加外观F可以提供一个简单的接口，减少他们之间的依赖 3，在维护一个遗留的大型系统时，为系统开发一个外观Facade类，为设计粗糙和高度复杂的遗留代码提供比较清晰的接口，让新系统和Facade对象交互 注意事项： 1，外观模式被开发者连续使用时会
2015-09-08 10:07:18
921
原创 JS设计模式——责任链模式
模式作用： 1，dom的冒泡有些类似职责链 2，nodejs当controller中有很多负责操作逻辑的时候拆分中间件 3，解耦发送者和接受者 注意事项： 1，JavaScript中的每一次【.】是有代价的，要在必要的时候应用 function laoban(xiangmujingli){ if(xiangmujingli){ thi
2015-09-08 10:06:20
960
原创 JS设计模式——适配器模式
模式作用： 1，使用一个以及存在的对象，,但其方法或接口不符合你的要求 2，创建一个可复用的对象，该对象可以与其他不相关或不可见的对象协同工作 3，使用已经存在的一个或多个对象，但是不能进行继承已匹配它的接口 注意事项： 1，与代理模式的区别，代理模式是不改变原接口适配是原接口不符合规范 //这是方法重构 /*var aa={ test:func
2015-09-08 10:05:27
341
原创 JS设计模式——观察者模式
模式作用： 1，支持简单的广播通信，自动通知所有已经订阅过的对象 2，页面载入后目标对象很容易与观察者存在一种动态关联，增加了灵活性 3，目标对象与观察者之间的抽象耦合关系能够单独扩展以及重用 注意事项： 1，监听要在触发之前 //自执行函数 ~(function(){ var o=$({}); $.jianting=func
2015-09-01 17:06:02
299
原创 JS设计模式——命令模式
模式作用： 1，将函数的封装、请求、调用结合为一体 2，调用具体的函数解耦命令对象与接收对象 3，提高程序模块化的灵活性 注意事项： 1，不需要接口一致，直接调用函数即可，以免造成浪费 var lian={}; lian.paobing=function(pao_num){ //更详细 alert(pao_num+'炮');
2015-09-01 16:36:54
190
原创 JS设计模式——代理模式
模式作用： 1，远程代理（一个对象将不同空间的对象进行局部代理） 2，虚拟代理（根据需要创建开销很大的对象 如渲染网页暂时用占位代替真图） 3，安全代理（控制真实对象的访问权限） 4，智能指引（调用对象代理处理另外一些事情如垃圾回收机制） 注意事项： 1，不能滥用代理，有时候仅仅是给代码增加复杂度 var lian={}; lian.paobing=f
2015-09-01 16:35:59
252
原创 JS设计模式——工厂模式
模式作用： 1，对象的构建十分复杂 2，需要依赖具体的环境创建不同的实例 3，处理大量具有相同属性的小对象 注意事项： 1，不能滥用工厂，有时候仅仅是给代码增加复杂度 // 1.工厂应该有厂长 来决定运行到底哪条产品线 // 2.消费者->子类 var gongchang={}; gongchang.chanyifu=function(arg
2015-09-01 16:35:10
217
原创 JS设计模式——建造者模式
模式作用： 1，分步创建一个复杂的对象 2，解耦封装过程和具体创建的组件 3，无需关心组件如何组装 注意事项： 1，一定要一个稳定的算法进行支持 2，加工工艺是暴露的 建造者模式可以理解为：各司其职，拆解流程 包工头->工人->房子 --> //发生一个请求 白富美 //建造者模式 包工头 //完整的工程 工人 // 1
2015-09-01 16:32:45
551
原创 JS设计模式——构造函数模式
模式作用： 1，用于创建特点类型的对象 2，第一次声明的时候给对象赋值 3，自己声明构造函数，赋予属性和方法 注意事项： 1，声明函数的时候处理业务逻辑 2，区分和单例的区别，配合单例实现初始化 3，构造函数大写字母开头（建议） 4，注意new的成本（继承） //1 用于创建特定类型的对象 //2 注意函数的命名规范 //3 开发的时候尽量写单引号
2015-09-01 16:31:20
252
原创 JS设计模式——单例模式
模式作用： 1，模块间通信 2，系统中某个类的对象只能存在一个 3，保护自己的属性和方法 注意事项： 1，注意this的使用 2，闭包容易造成内存泄露，不需要的赶快干掉 3，注意new的成本（继承） //1.单例是独立的对象 建两个 一个xiaowang 一个xiaoli //2.让xiaogli跟xiaowang通过门铃进行通信 //3.先看一下xiaowang家有没有
2015-09-01 16:30:19
244
原创 HTML背景图的显示
一般写网站的时候，背景会有一张大图片，但是这个图片兼容性的处理是个令人头疼的问题，浏览器过大或者过小，都会影响图片的显示。 下面是我自己写的，适用于手机和PC的背景图片的样式 .bg{ background: url(../images/bg.png); background-position: center 0; background-repeat: no-repe
2015-08-15 15:42:37
1239
原创 HTML5+CSS3小结
【【【【【【【【【【【【【【【【【【【【【【【HTML5】】】】】】】】】】】】】】】】】】】】】】】】】】】】】 ------------------------------------------------------------------------------------------------------------- 不允许写的结束符的标签：area、basebr、col、co
2015-07-28 15:40:57
448
原创 响应式布局小结
响应式布局 媒体查询 ======== @media screen and (-webkit-min-device-pixel-ratio: 0) @media screen and (max-width: 767px){} 宽度小于767px时使用 @media (min-width: 768px) @media (max-device-width:
2015-07-22 11:49:44
220
原创 前端小tips之标签
文本溢出 省略号 ================ overflow: hidden;zoom:1;white-space:nowrap;text-overflow:ellipsis; ----------------------------------------------------------------------------------------------------
2015-07-09 11:18:27
1033
原创 JS原生函数总结
获取class名 =========== function getClass(parent,name){ var aElement = parent.getElementsByTagName("*") var aResult = [] for(var i=0;i if(aElement[i].className==name){ aResult.push(aElement[i])
2015-07-09 11:17:23
391
原创 JavaScript学习笔记（一）
文本溢出 省略号 ================ overflow: hidden;zoom:1;white-space:nowrap;text-overflow:ellipsis; ----------------------------------------------------------------------------------------------------
2015-07-09 11:11:43
266
growlscript.brackets.classcompletion-0.2.1
2018-08-06
Brackets.Release.1.13下载
2018-08-06
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人