web前端
RainsP
这个作者很懒,什么都没留下…
展开
-
uni-app中使用Vue的EventBus总线机制
在main.js中创建事件总线在页面中注册事件this.$EventBus.$on('eventName', function(){});在页面中调用事件this.$EventBus.$emit('eventName');在页面中移除事件this.$EventBus.$off('eventName');原创 2020-05-25 11:22:13 · 4608 阅读 · 2 评论 -
前端MVVM模式
MVVM模式代表:Vue.js、Knockout.js优点:双向绑定使View和Model自动化同步缺点:不适用于简单UI界面三种模式:手动绑定,脏检查机制,数据劫持Object.defineProperty()MVVM示意图:...原创 2019-01-29 16:21:37 · 304 阅读 · 0 评论 -
前端MVC模式
由来:应用复杂性的提高,程序变得臃肿,难以分工开发。通过关注点分离改进程序组织。简单实现:index.html<!DOCTYPE html><!-- saved from url=(0046)https://coding.imweb.io/demo/p7/mvc/index.html --><html lang="en"><head>...原创 2019-01-28 17:30:45 · 1149 阅读 · 2 评论 -
前端JS适配器模式
适配器模式优点:简单,提高复用性缺点:过多使用导致系统层级复杂// 旧的接口function useOldApi(){ // some code}// 适配器function adapter(){ // 适配操作 someAdapterOpration(); // some code return useOldApi();}// 旧系统使用旧接口var oldOS =...原创 2019-01-26 16:55:28 · 528 阅读 · 0 评论 -
前端JS单例模式
单例模式优点:节约资源,控制入口缺点:拓展困难,不可职责过重// 单例模式类var Single = (function(){ var instance; function init(){ return { command: function(){} } } return { getInstance: function(){ if(!instance){ ...原创 2019-01-26 16:46:17 · 192 阅读 · 0 评论 -
在Windows10系统中使用Docker搭建gitlab-ce
1.安装Docker for Windows下载Docker官方下载地址安装需要Windows10专业版或者企业版,其他或者之前的版本需要使用Docker Toolbox安装安装完成后在cmd或powershell或git-bash输入docker version,运行后查看输出信息,验证是否安装成功。出现类似以下图片的信息,表示安装成功。设置运行Docker Desktop,右...原创 2019-01-18 11:16:53 · 9310 阅读 · 9 评论 -
VUE在VSCode中的代码格式化设置
VUE在VSCode中的代码格式化设置{ "terminal.integrated.shell.windows": "C:\\Windows\\System32\\WindowsPowerShell\\v1.0\\powershell.exe", "gitlens.advanced.messages": { "suppressShowKeyBindi原创 2018-11-16 15:19:31 · 2421 阅读 · 0 评论 -
JavaScript正则表达式语法
pattern说明[xyz]一个字符集,匹配任意一个包含的字符\w匹配是字母、数字、下划线的字符\W匹配不是字母、数字、下划线的字符\s匹配任意空白字符\S匹配任意非空白字符\d匹配数字\D匹配非数字的字符\b匹配单词的开始或结束的位置\B匹配不是单词开始或结束的位置^匹配字符串的开始$匹配字符串...原创 2018-10-29 15:36:36 · 112 阅读 · 0 评论 -
前端常用构建工具对比
gruntgulpwebpack最早出现,基于文件读写,速度慢,配置复杂,现在基本不用替代grunt,基于文件流,速度较快,配置相对简单新一代构建打包工具,速度快,配置简单,现在最流行...原创 2018-10-26 09:11:48 · 249 阅读 · 0 评论 -
r.js(require.js的优化工具)的使用
文件目录结构:写build.js文件:({ appDir:'./',// 项目根目录 baseUrl:'./js',// 相对于appDir,代表要查找js文件的起始文件夹 dir:'./dist',// 输出目录 removeCombined:true,// 如果为true,将从输出目录中删除已合并的文件 modules:[ // 下面是每个页面需要用到的模块,说白了就是各页...原创 2018-10-25 15:25:53 · 1499 阅读 · 0 评论 -
模块化规范
common.jsAMD异步模块定义(require.js)CMD 通用模块定义(sea.js)1.文件即模块2. 使用module.exports(exports)暴露对外接口3.使用require同步加载依赖模块1.define定义模块2.使用require调用模块3.AMD 推崇依赖前置,在定义模块的时候就要声明其依赖的模块4.AMD 提前执行依赖(异步加载:依赖先执...原创 2018-10-25 14:38:50 · 326 阅读 · 0 评论 -
JavaScript命名空间
方法名称前缀命名空间对象命名空间IIFE立即执行函数表达式代码var moduleA_a = 0;function moduleA_methodA(){...}var moduleB = {b:0,methodB:function(){...}var moduleC = (function(){var c=0;function methodC(){...}return...原创 2018-10-25 11:08:54 · 102 阅读 · 0 评论 -
命名冲突和变量污染
// 模块A的代码var isA=false;// 模块A创建了方法a()function a(){ ...}// 模块A改变了模块B中变量b的值,造成了变量污染b=1;// 模块B的代码var b=0;// 模块B创建了方法b()function b(){ ...}// 模块B也想创建方法a(),造成了命名冲突function a()[ ...}...原创 2018-10-25 09:43:52 · 195 阅读 · 0 评论 -
浏览器从输入地址到返回请求
浏览器输入地址IP地址客户端逻辑网络物理网络服务端逻辑网络服务端CSS,JSJava,NodejsDB数据库DNSHTTP打包TCP/IPTCP/IPHTTP拆包获取文件请求处理请求数据得到数据处理数据HTTP打包TCP/IPTCP/IPHTTP拆包浏览器解析和渲染浏览器输入地址IP地址客户端逻辑网络物理网络服务端逻辑网络服务端CSS,JSJava,NodejsDB数据库...原创 2018-10-22 16:58:52 · 186 阅读 · 0 评论 -
HTML基础
一、HTML发展HTML1.0-----1990年12月25日,蒂姆·伯纳斯·李,发明了HTML语言和HTTP协议。HTML2.0-----1995年11月作为RFC 1866发布,在RFC 2854于2000年6月发布之后被宣布已经过时HTML3.2-----1997年1月14日,W3C推荐标准HTML4.0-----1997年12月18日,W3C推荐标准HTML4.01-----1999年12...原创 2018-05-30 23:56:22 · 113 阅读 · 0 评论