摘要：
npm组件化开发的背景 1. 随着技术的发展，开发的复杂度也越来越高，传统开发模式总是存在着==开发效率低，维护成本高==等的弊端。（界面开发太多，风格样式随时都可能调整，如果要调整，可能所有的项目都需要调整，牵一发而动全身） 2. 项目越来越多,针对项目进度以及时间要求==每个人对项目样式的支持度 阅读全文
摘要：
前端开发流程 1.产品经理输出原型图以及进行评审 产品根据需求出原型图 原型交互麻烦的地方尽量做得==清晰，流程明确== 原型图出完之后需要进行评审，前后端以及涉及到的相关人员进行原型评审，针对疑问的地方提出疑问，不好实现的地方提出不好实现的原因或者可以调整的地方、商量解决方案，针对可以优化的地方或 阅读全文
摘要：
1.什么是组件化开发 前端的组件化在概念上与后端的 package 很相似，只不过前端的组件涉及到更多的是展示和交互方面的逻辑。当然，前端组件与后端架构的微服务概念类似，可以理解成一个组件就是一个服务组件，只提供某个服务。 前端组件化开发，就是将页面的某一部分独立出来，将这一部分的 数据层（M）、视 阅读全文
摘要：
模板引擎（这里特指用于Web开发的模板引擎）是为了使用户界面与业务数据（内容）分离而产生的，它可以生成特定格式的文档，用于网站的模板引擎就会生成一个标准的HTML文档。 template.js 1. 语法 表达式 对内容编码输出： {{content}} 条件表达式 遍历表达式 实例 阅读全文
摘要：
为什么要模块化 项目多人开发，由于命名不规范，耦合太强，导致改一个东西可能影响到别的并不想影响地方的样式 模块化的好处 提高代码重用率 提高开发效率、减少沟通成本 降低耦合 便于代码维护 怎么实现css模块化 1. css样式文件名，规范化，语义化 2. 常用的css命名规则 3.class的命名 阅读全文
摘要：
组件化 1. 为什么要组件化开发 有时候页面代码量太大，逻辑太多或者同一个功能组件在许多页面均有使用，维护起来相当复杂，这个时候，就需要组件化开发来进行功能拆分、组件封装，已达到组件通用性，增强代码可读性，维护成本也能大大降低 2. 件化开发的优点 很大程度上降低系统各个功能的耦合性，并且提高了功能 阅读全文
摘要：
前端开发规范 创建项目 1. 创建一个项目 2. 目录结构 下载所需要的依赖包 1. npm install yarn add cnpm insall 2. 开发环境需要的依赖使用 d安装 组件内部构造components 1. index.js 2. component.js 3. less文件夹 阅读全文
摘要：
前端模块规范有三种：CommonJs,AMD和CMD。 CommonJs用在服务器端，AMD和CMD用在浏览器环境 AMD 是 RequireJS 在推广过程中对模块定义的规范化产出。 CMD 是 SeaJS 在推广过程中对模块定义的规范化产出。 AMD:提前执行（异步加载：依赖先执行）+延迟执行 阅读全文
摘要：
攻击方式 1.反射型 发出请求时，XSS代码出现在URL中，作为输入提交到服务器端，服务器端解析后响应，XSS代码随响应内容一起传回给浏览器，最后浏览器解析执行XSS代码。这个过程想一次反射，故叫反射型XSS。 2.存储型 存储型XSS和反射型XSS的差别仅在于，提交的代码会存储服务器端（数据库，内 阅读全文
摘要：
1.项目目录 build：webpack打包用（开发环境、发布环境） example：开发环境的模板页 lib：打包好的文件夹（用于发布到npm上） src：想要封装的公共组件 .babelrc：处理es6语法 package.json:打包的依赖文件，管理项目模块包 开发环境配置（webpack. 阅读全文