RainsP-CSDN博客

原创 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 4747 2

原创在midwayjs中使用egg-swagger-doc

目录config.default.ts 配置设置plugin.ts 插件引入config.default.ts 配置设置export = (appInfo: any) => { const config: any = {}; // use for cookie sign key, should change to your own and keep security con...

2019-08-17 09:36:08 2337

原创前端MVVM模式

MVVM模式代表：Vue.js、Knockout.js优点：双向绑定使View和Model自动化同步缺点：不适用于简单UI界面三种模式：手动绑定，脏检查机制，数据劫持Object.defineProperty()MVVM示意图：...

2019-01-29 16:21:37 343

原创前端MVC模式

由来：应用复杂性的提高，程序变得臃肿，难以分工开发。通过关注点分离改进程序组织。简单实现：index.html<!DOCTYPE html><html lang="en"><head>...

2019-01-28 17:30:45 1187 2

原创前端JS观察者模式（发布者--订阅者模式）

观察者模式优点：更加解耦，支持广播通信缺点：大量观察者，广播有性能问题举个最简单的例子：其中body是发布者，回调函数function是观察者。document.body.onclick = function(){ console.log('我是一个观察者');}document.body.addEventListener('click',function(){ console....

2019-01-26 17:48:06 1457

原创前端JS装饰器模式

装饰器模式：在不修改类原来接口的情况下，动态的为对象添加功能优点：扩展对象更灵活，可组合缺点：增加复杂性// 原始类function Milk(){ this.price = 1;}// 加鸡蛋function addEgg(milk){ milk.price += 1;}// 加糖function addSugger(milk){ milk.price += 0.5;...

2019-01-26 17:11:12 904

原创前端JS适配器模式

适配器模式优点：简单，提高复用性缺点：过多使用导致系统层级复杂// 旧的接口function useOldApi(){ // some code}// 适配器function adapter(){ // 适配操作 someAdapterOpration(); // some code return useOldApi();}// 旧系统使用旧接口var oldOS =...

2019-01-26 16:55:28 558

原创前端JS单例模式

单例模式优点：节约资源，控制入口缺点：拓展困难，不可职责过重// 单例模式类var Single = (function(){ var instance; function init(){ return { command: function(){} } } return { getInstance: function(){ if(!instance){ ...

2019-01-26 16:46:17 227

原创在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 9382 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 2451

原创 JavaScript正则表达式语法

pattern说明[xyz]一个字符集，匹配任意一个包含的字符\w匹配是字母、数字、下划线的字符\W匹配不是字母、数字、下划线的字符\s匹配任意空白字符\S匹配任意非空白字符\d匹配数字\D匹配非数字的字符\b匹配单词的开始或结束的位置\B匹配不是单词开始或结束的位置^匹配字符串的开始$匹配字符串...

2018-10-29 15:36:36 123

原创前端常用构建工具对比

gruntgulpwebpack最早出现，基于文件读写，速度慢，配置复杂，现在基本不用替代grunt，基于文件流，速度较快，配置相对简单新一代构建打包工具，速度快，配置简单，现在最流行...

2018-10-26 09:11:48 280

原创 r.js(require.js的优化工具)的使用

文件目录结构：写build.js文件：({ appDir:'./',// 项目根目录 baseUrl:'./js',// 相对于appDir，代表要查找js文件的起始文件夹 dir:'./dist',// 输出目录 removeCombined:true,// 如果为true，将从输出目录中删除已合并的文件 modules:[ // 下面是每个页面需要用到的模块，说白了就是各页...

2018-10-25 15:25:53 1540

原创模块化规范

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 353

原创 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 116

原创命名冲突和变量污染

// 模块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 254

原创网络体系结构分层

HTTP基于TCPDNS基于UDPSMTP，POP3，IMAP是邮件协议 TCP/IP四层协议五层协议 |OSI的七层协议应用层（HTTP，DNS，SMTP，POP3，IMAP）应用层应用层表示层 ...

2018-10-22 17:27:38 967

原创浏览器从输入地址到返回请求

浏览器输入地址IP地址客户端逻辑网络物理网络服务端逻辑网络服务端CSS，JSJava，NodejsDB数据库DNSHTTP打包TCP/IPTCP/IPHTTP拆包获取文件请求处理请求数据得到数据处理数据HTTP打包TCP/IPTCP/IPHTTP拆包浏览器解析和渲染浏览器输入地址IP地址客户端逻辑网络物理网络服务端逻辑网络服务端CSS，JSJava，NodejsDB数据库...

2018-10-22 16:58:52 207

一、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 127

qq_25800235的博客