Vue-mixin
1. mixin是什么？ Mixin是一种类，提供方法实现。通常作为功能模块使用，在需要该功能时“混入”，有利于代码复用，避免多继承的复杂。本质是一个JS对象，包含组件的任意功能，将功能传入mixins中就可以使用，可以局部混入，可以全局混入（不推荐！）。 2. 如何使用？ 局部混入： 全局混入： …
Vue指令
1.指令是啥？ Vue有一套为数据驱动视图更方便的指令系统。v 开头的行内属性都是指令，不同指令可以实现不同的功能。 2.如何实现？ 局部注册，全局注册。通过Vue.directive注册。 全局注册： 局部注册： 模板中的使用： 自定义指令也存在钩子函数： ·bind：只调用一次，指令第一次绑定到…
单页面和多页面
单页面应用(SPA):只有一个主页面的应用，单页面跳转，仅刷新局部资源。多应用于PC端。 多页面应用(MPA):就是指一个应用中有多个页面，页面跳转时是整页刷新，公共资源等选择性重新加载。 单页面的优点： 资源共用，页面局部刷新，切换速度快，用户体验良好。 数据传递容易，维护成本较低。开发成本较高，…
前端进阶之道
1. 数据类型 JS分两种类型，原始类型和对象类型。 原始类型： 1.boolean 2.number 3.string 4.undefined 5.null 6.symbol 7.bigint 对象类型： 1.Object(Array,RegExp,Math,Map,Set) 2.Function…
JavaScript高级程序设计
1.1 历史回顾 网站数据量大，复杂。需要JS来解决，优化。 1.2 JS实现 JS = ECMAScript（核心） + DOM（文档对象模型） + BOM（浏览器对象模型） 1.2.1（ECMAScript） ES：网页提供ES的基准实现和与环境自身交互必须的扩展。 ES包括：语法、类型、语句、…
javaScript设计模式
开放封闭原则: 对稳定的东西进行封装，将可能会变动的东西分离出来，增加功能或者改动的时候增加代码即可，无需改动代码。 1.放置挂钩 hook（待研究） 2.使用回调函数 把回调函数当做参数传入一个稳定和封闭的函数中，当回调函数被执行的时候，程序会因为回调函数的内部逻辑不同，而产生不同的结果。 aja…
设计模式
结构型模式 1.适配器模式 特点：将一个接口转换成客户希望的另一个接口，使接口不兼容的那些类可以一起工作。其别名为包装器(Wrapper)。适配器模式既可以作为类结构型模式，也可以作为对象结构型模式。 后台返回的数据格式不同，可以通过适配器修改。例： 后台返回json格式的数据，通过方法检索出自己需…
工作注意事项
项目流程： 项目路线图 项目评估确认阶段 项目立项 需求开发 设计阶段 研发及生产 测试及缺陷修复 生产环境实施部署 系统验收 项目结项 以上为项目完整流程。 前端工作流程： 立项 项目研讨 需求确认 产品出原型 后台开发，UI设计 前端开发 测试提bug 改bug 重复N次 产品验收 注意工作内容…
Nginx服务器的部署
Nginx服务器对Vue项目的部署 1.在本地下载Nginx 直接百度nginx，进入官网，选择Stable（稳定版），windows（版本）下载 2.解压下载的压缩包 解压压缩包在磁盘（合理规划磁盘） 3.配置nginx文件 在解压出的文件夹中有conf文件，进入，选择nginx.conf文件进行…
前端需求
1.git命令行 2.HTML5 可 3.css3 可 4.BFC 可 5.层叠上下文 可 6.边距折叠 可 7.浮动布局 可 8.flex布局 可（多熟练） 9.grid布局 可 10.兼容 11.渲染机制 可 12.白屏 13.FOUC 可 14.异步加载 可 15.重绘与回流 可 16.8种数…