- 博客(19)
- 收藏
- 关注
原创 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
4581
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
2255
原创 前端MVVM模式
MVVM模式代表:Vue.js、Knockout.js优点:双向绑定使View和Model自动化同步缺点:不适用于简单UI界面三种模式:手动绑定,脏检查机制,数据劫持Object.defineProperty()MVVM示意图:...
2019-01-29 16:21:37
298
原创 前端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
1141
2
原创 前端JS观察者模式(发布者--订阅者模式)
观察者模式优点:更加解耦,支持广播通信缺点:大量观察者,广播有性能问题举个最简单的例子:其中body是发布者,回调函数function是观察者。document.body.onclick = function(){ console.log('我是一个观察者');}document.body.addEventListener('click',function(){ console....
2019-01-26 17:48:06
1411
原创 前端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
868
原创 前端JS适配器模式
适配器模式优点:简单,提高复用性缺点:过多使用导致系统层级复杂// 旧的接口function useOldApi(){ // some code}// 适配器function adapter(){ // 适配操作 someAdapterOpration(); // some code return useOldApi();}// 旧系统使用旧接口var oldOS =...
2019-01-26 16:55:28
511
原创 前端JS单例模式
单例模式优点:节约资源,控制入口缺点:拓展困难,不可职责过重// 单例模式类var Single = (function(){ var instance; function init(){ return { command: function(){} } } return { getInstance: function(){ if(!instance){ ...
2019-01-26 16:46:17
184
原创 在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
9277
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
2411
原创 JavaScript正则表达式语法
pattern说明[xyz]一个字符集,匹配任意一个包含的字符\w匹配是字母、数字、下划线的字符\W匹配不是字母、数字、下划线的字符\s匹配任意空白字符\S匹配任意非空白字符\d匹配数字\D匹配非数字的字符\b匹配单词的开始或结束的位置\B匹配不是单词开始或结束的位置^匹配字符串的开始$匹配字符串...
2018-10-29 15:36:36
103
原创 前端常用构建工具对比
gruntgulpwebpack最早出现,基于文件读写,速度慢,配置复杂,现在基本不用替代grunt,基于文件流,速度较快,配置相对简单新一代构建打包工具,速度快,配置简单,现在最流行...
2018-10-26 09:11:48
241
原创 r.js(require.js的优化工具)的使用
文件目录结构:写build.js文件:({ appDir:'./',// 项目根目录 baseUrl:'./js',// 相对于appDir,代表要查找js文件的起始文件夹 dir:'./dist',// 输出目录 removeCombined:true,// 如果为true,将从输出目录中删除已合并的文件 modules:[ // 下面是每个页面需要用到的模块,说白了就是各页...
2018-10-25 15:25:53
1490
原创 模块化规范
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
321
原创 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
95
原创 命名冲突和变量污染
// 模块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
184
原创 网络体系结构分层
HTTP基于TCPDNS基于UDPSMTP,POP3,IMAP是邮件协议 TCP/IP四层协议 五层协议 |OSI的七层协议 应用层(HTTP,DNS,SMTP,POP3,IMAP) 应用层 应用层 表示层 ...
2018-10-22 17:27:38
898
原创 浏览器从输入地址到返回请求
浏览器输入地址IP地址客户端逻辑网络物理网络服务端逻辑网络服务端CSS,JSJava,NodejsDB数据库DNSHTTP打包TCP/IPTCP/IPHTTP拆包获取文件请求处理请求数据得到数据处理数据HTTP打包TCP/IPTCP/IPHTTP拆包浏览器解析和渲染浏览器输入地址IP地址客户端逻辑网络物理网络服务端逻辑网络服务端CSS,JSJava,NodejsDB数据库...
2018-10-22 16:58:52
180
原创 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
107
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人