随笔分类 -  web

web
js 单例模式
摘要：单例模式： page可换成自己的命名空间，如：var zh={} | var zh.com={} 实现私有变量和私有方法 阅读全文
posted @ 2018-01-08 17:27 redn 阅读(166) 评论(0) 推荐(0)
js 策略模式
摘要：定义的一组算法（封装的功能或者模块，具有多种键的json对象被一个统一的方法管理）封装起来，使其相互之间可以替换。 适合表单验证 阅读全文
posted @ 2018-01-08 17:27 redn 阅读(239) 评论(0) 推荐(0)
js 模板方法模式
摘要：父类中定义算法骨架，子类中实现和改变一些算法 例：导航的实现 阅读全文
posted @ 2018-01-08 17:26 redn 阅读(445) 评论(0) 推荐(0)
js 观察者模式
摘要：观察者模式：定义对象间 一对多 的依赖关系，当一个对象的状态发生改变，所有依赖它的对象都得到通知。 多人协作在初始化函数init()中不同人都要加事件，直接添加怕出问题，解决团队协作中多人模块间的通信问题，解耦； 使用： 1、定义一个发布者 2、定义发布者的缓存列表，存放回调函数来通知订阅者 3、遍 阅读全文
posted @ 2017-12-26 16:30 redn 阅读(360) 评论(0) 推荐(0)
js 职责链模式
摘要：某个业务需求需要多次更改，或需要后续维护，或代码显得不灵活时，把事情分解成各个小流程。 例： 阅读全文
posted @ 2017-12-26 14:50 redn 阅读(216) 评论(0) 推荐(0)
js 状态模式
摘要：状态模式：解决多个分支判断时代码臃肿问题，以及状态间的耦合，便于增删改查。 阅读全文
posted @ 2017-12-25 10:56 redn 阅读(645) 评论(0) 推荐(0)
npm
摘要：随同NodeJS一起安装的包管理工具。 卸载模块：npm uninstall express 阅读全文
posted @ 2017-12-22 16:35 redn 阅读(187) 评论(0) 推荐(0)
入口一次配置
摘要：在入口多次配置基础上升级 初始化：npm init -y 安装依赖：npm install --save-dev css-loader file-loader html-loader html-webpack-plugin less less-loader style-loader url-load 阅读全文
posted @ 2017-12-20 15:08 redn 阅读(287) 评论(0) 推荐(0)
入口配置多次
摘要：初始化 npm init -y 安装依赖 npm install *** --save-dev npm install --save-dev css-loader file-loader html-loader html-webpack-plugin less less-loader style-l 阅读全文
posted @ 2017-12-19 18:03 redn 阅读(847) 评论(0) 推荐(0)
html5新特性
摘要：1、语义特性 header nav article aside footer section bdi command details dialog summary figure figcaption mark progress ruby rt rp time wbr input类型：color da 阅读全文
posted @ 2017-10-11 18:17 redn 阅读(135) 评论(0) 推荐(0)
web前端性能优化
摘要：web前端包括浏览器加载、网站视图模型、图片服务、CDN服务等，主要优化手段有浏览器访问、使用反向代理才、CDN等。 浏览器访问优化： 减少HTTP请求 http协议是无状态的应用层协议，意味着每次http请求都需要建立通信链路、进行数据传输，而在服务器端，每个http都需要启动独立的线程去处理。这 阅读全文
posted @ 2017-10-11 16:17 redn 阅读(192) 评论(0) 推荐(0)
web标准
摘要：web标准是一系列标准的集合。 网页主要由三部分组成： 结构（Structure）：结构化标准语言主要包括XHTML（超文本标识语言）和XML（可扩展标记语言） 表现（Presentation）：表现标准语言主要包括CSS 行为（Behavior）：行为标准主要包括对象模型（如W3C DOM）、EC 阅读全文
posted @ 2017-10-11 14:53 redn 阅读(246) 评论(0) 推荐(0)
《王者归来》笔记-安全&性能01
摘要：<noscript>你的浏览器不支持，或者安全等级设置过高</noscript> js的功能：修饰页面，交互行为，数据交互。 js禁忌及突破： 1、受制于浏览器 2、绘图等 3、读写文件 数据安全： 不要在客户端透露、暗示任何服务器端特性或系统特性。 服务器端提供的部分数据，及处理这些数据的业务逻辑 阅读全文
posted @ 2017-09-27 13:54 redn 阅读(141) 评论(0) 推荐(0)
vue核心最基本功能
摘要：v-bind：绑定 DOM 元素属性 v-bind:title="message"：将这个元素节点的 title 属性和 Vue 实例的 message 属性保持一致 v-if：v-if="seen" v-for：v-for="todo in todos" v-on：v-on:click="reve 阅读全文
posted @ 2017-09-14 17:04 redn 阅读(615) 评论(0) 推荐(0)
常用css设置
摘要：清除浮动 .clearfix:before, .clearfix:after { content: ""; display: table;} .clearfix:after { clear: both;} .clearfix { zoom: 1;} 显示一句，其余省略号表示 span{ displa 阅读全文
posted @ 2017-09-14 14:45 redn 阅读(152) 评论(0) 推荐(0)