- 博客(28)
- 收藏
- 关注
RSS订阅转载 一个好的前端开发模式总结
背景随着社会的不断进步，人们慢慢从物质消费升华到了精神消费，前端也相比原来重要了许多，如何开发好一个项目，开发意识非常重要，这时候应该如何更好的开发一个前端网站的流程尤为重要。开发阶段1.根据公司实际情况选择框架技术前端现在比较主流的三大框架自行选择。例如react+webpack+es6+dvawebpack:模块打包，处理jsx、less、image、热更新、按需加载、...
2019-09-19 17:28:00
220
转载 组件开发方案
npm组件化开发的背景随着技术的发展，开发的复杂度也越来越高，传统开发模式总是存在着==开发效率低，维护成本高==等的弊端。（界面开发太多，风格样式随时都可能调整，如果要调整，可能所有的项目都需要调整，牵一发而动全身）项目越来越多,针对项目进度以及时间要求==每个人对项目样式的支持度==不是很高，需要一个统一的模式进行管理，提升开发人员的工作效率以及减少bug的产生，让开发人员能够...
2019-05-15 15:29:00
411
转载 前端开发流程
前端开发流程1.产品经理输出原型图以及进行评审产品根据需求出原型图原型交互麻烦的地方尽量做得==清晰，流程明确==原型图出完之后需要进行评审，前后端以及涉及到的相关人员进行原型评审，针对疑问的地方提出疑问，不好实现的地方提出不好实现的原因或者可以调整的地方、商量解决方案，针对可以优化的地方或者可以换种方案实现相同效果并能提升工作效率的地方给与建议针对不明确的需求要提出，商量最...
2019-04-16 22:31:00
217
转载 前端组件化开发方向
1.什么是组件化开发前端的组件化在概念上与后端的 package 很相似，只不过前端的组件涉及到更多的是展示和交互方面的逻辑。当然，前端组件与后端架构的微服务概念类似，可以理解成一个组件就是一个服务组件，只提供某个服务。前端组件化开发，就是将页面的某一部分独立出来，将这一部分的 数据层（M）、视图层（V）和 控制层（C）用黑盒的形式全部封装到一个组件内，暴露出一些开箱即用的函数和属...
2019-04-16 22:30:00
216
转载 模板引擎
模板引擎（这里特指用于Web开发的模板引擎）是为了使用户界面与业务数据（内容）分离而产生的，它可以生成特定格式的文档，用于网站的模板引擎就会生成一个标准的HTML文档。template.js语法表达式对内容编码输出： {{content}}条件表达式{{if admin}} <p>admin</p>{{else if code &...
2019-03-15 13:48:00
86
转载 css模块化
为什么要模块化项目多人开发，由于命名不规范，耦合太强，导致改一个东西可能影响到别的并不想影响地方的样式模块化的好处提高代码重用率提高开发效率、减少沟通成本降低耦合便于代码维护怎么实现css模块化css样式文件名，规范化，语义化1） 主要的 master.css 布局，版面 layout.css 专栏 columns.css 文字 font.css ...
2019-03-15 13:47:00
110
转载 js组件化、模块化开发
组件化为什么要组件化开发有时候页面代码量太大，逻辑太多或者同一个功能组件在许多页面均有使用，维护起来相当复杂，这个时候，就需要组件化开发来进行功能拆分、组件封装，已达到组件通用性，增强代码可读性，维护成本也能大大降低件化开发的优点很大程度上降低系统各个功能的耦合性，并且提高了功能内部的聚合性。这对前端工程化及降低代码的维护来说，是有很大的好处的，耦合性的降低，提高了系统...
2019-03-15 13:47:00
668
转载 前端开发流程
前端开发规范创建项目创建一个项目目录结构下载所需要的依赖包npm install yarn add cnpm insall开发环境需要的依赖使用-d安装组件内部构造componentsindex.jscomponent.jsless文件夹img文件夹models其余文件夹configs文件夹：配置文件untils文件夹：公共函数转...
2019-03-10 19:43:00
100
转载 模块化开发
前端模块规范有三种：CommonJs,AMD和CMD。CommonJs用在服务器端，AMD和CMD用在浏览器环境AMD 是 RequireJS 在推广过程中对模块定义的规范化产出。CMD 是 SeaJS 在推广过程中对模块定义的规范化产出。AMD:提前执行（异步加载：依赖先执行）+延迟执行CMD:延迟执行（运行到需加载，根据顺序执行）CommonJS根据这个规范，每个...
2019-01-04 11:38:00
85
转载 XSS攻击
攻击方式1.反射型发出请求时，XSS代码出现在URL中，作为输入提交到服务器端，服务器端解析后响应，XSS代码随响应内容一起传回给浏览器，最后浏览器解析执行XSS代码。这个过程想一次反射，故叫反射型XSS。// 适用范围：后端接口会根据url后面拼接传参的参数原样返回的// 浏览器植入XSS脚本localhost:3000/?xss=<img%20src="null"...
2019-01-04 11:37:00
153
转载 react组件化开发发布到npm
1.项目目录build：webpack打包用（开发环境、发布环境）example：开发环境的模板页lib：打包好的文件夹（用于发布到npm上）src：想要封装的公共组件.babelrc：处理es6语法package.json:打包的依赖文件，管理项目模块包开发环境配置（webpack.dev.config.js）const path = require('path')...
2018-11-10 12:22:00
269
转载 node爬虫技术初探
//加载http模块var http = require('http');var fs = require('fs');//目标网站// var opt = {// hostname: 'nodejs.cn',// path: '/download/',// };var opt = { hostname: 'puui.qpic.cn', ...
2018-10-20 19:01:00
96
转载 node相关内容
npmnpm 安装的模块会安装在node_modules文件夹中，我们通过npm下载的包，直接通过包名引入即可node在使用模块名字来引入模块是，它会首先在当前目录的node包中寻找是否含有该模块，如果有则直接使用，没有则去上一级node包中训中，知道找到为止，如果找到磁盘的根目录，依然没有，则报错~和^的作用和区别是什么呢？~会匹配最近的小版本依赖包，比如~1.2.3会匹配...
2018-10-10 20:38:00
68
转载 vs code快捷键
VS Code 的常用快捷键和插件一、vs code 的常用快捷键1、注释： a) 单行注释：[ctrl+k,ctrl+c] 或 ctrl+/ b) 取消单行注释：[ctrl+k,ctrl+u] (按下ctrl不放，再按k + u) c) 多行注释：[alt+shift+A] d) 多行注释：/**2、移动行：alt+up/down3、显示/隐藏左侧目...
2018-09-16 11:48:00
201
转载 vue 入门开发
1.安装npm install vue-cli -g安装存在的问题（全局变量）提示vue,command not found，或者类似的都是因为环境边梁没有配置1. npm没有加入到环境变量中2. 想要用到的包没有加入到环境变量中3. C:\Program Files\nodejs\;C:\Program Files (x86)\Brackets\command;C:\Pro...
2018-09-03 21:06:00
166
转载 es6 常见用法
promisepending:等待中，resolve（完成） rejected(失败)all:全部，用于将多个promise对象包装成1个全新的promise实例，只有全部成功才会走成功，否则就会失败使用：race:返回也是一个promise对象，最先执行的promise结果，哪个最快用哪个resolve rejected var p1 = new Promise((...
2018-08-28 21:53:00
90
转载 eslint 常用配置
前言在团队协作开发中，为了统一代码风格，避免一些低级错误，应该设有团队成员统一遵守的编码规范。很多语言都提供了Lint工具来实现这样的功能，JavaScript也有类似的工具：ESLint。除了可以集成到构建工具中(如：Gulp)在构建过程中检查代码风格以外；还可以通过将ESLint和代码编辑器相结合以提供代码风格的实时校验。这里将介绍如何在Visual Studio Code使用ES...
2018-05-11 10:36:00
714
转载 js命名规范
js命名规范ECMAScript 规范中标识符采用驼峰大小写格式，驼峰命名法由小(大)写字母开始，后续每个单词首字母都大写。根据首字母是否大写，分为两种方式：Pascal Case 大驼峰式命名法：首字母大写。eg：StudentInfo、UserInfo、ProductInfoCamel Case 小驼峰式命名法：首字母小写。eg：studentInfo、userInfo、pr...
2018-05-09 22:01:00
319
转载 js编码规范
1 前言JavaScript在百度一直有着广泛的应用，特别是在浏览器端的行为管理。本文档的目标是使JavaScript代码风格保持一致，容易被理解和被维护。虽然本文档是针对JavaScript设计的，但是在使用各种JavaScript的预编译语言时(如TypeScript等)时，适用的部分也应尽量遵循本文档的约定。2 代码风格1. 结构[强制] 使用 4 个空格做为一个缩进层...
2018-05-08 21:52:00
122
转载 node 实现登录、注册
开启node服务项目结构用到的数据库mongodb项目目录结构db: 数据库存储目录models: 数据库模型文件目录node_modules: node第三方模块目录public: 公共文件目录（js、css、image）router: 路由文件目录views: 模板视图文件目录app.js: 应用启动入口文件app.js// 应用程序启动入口文件va...
2018-05-08 21:47:00
166
转载 搭建node服务加载页面
开启node服务项目结构app.js// 应用程序启动入口文件// 加载express模块var express = require('express');//加载模板处理模块var swig = require('swig');// 创建app应用=>NodeJS Http.createServer();var app = express();// 设置静...
2018-05-06 15:12:00
127
转载 node根据url跳转页面
node根据url跳转页面fs模块--文件操作异步读取 fs.readFile( url , code , callback);同步读取 fs.readFileSync( url , code );var http = require('http');// url 做路径解析var url = require('url');// fs 读写文件var fs =...
2018-05-04 21:20:00
313
转载 flex 布局
flex入门Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。容器的属性flex-directionrow（默认值）：主轴为水平方向，起点在左端。row-reverse：主轴为水平方向，起点在右端。column：主轴为垂直方向，起点在上沿。column-reverse：主轴为垂直方向...
2018-05-03 22:09:00
257
转载 node 1.开启应用
// 引用http插件var http = require('http');// 开启node服务var server = http.createServer();// 监听开始server.on('listening', function () {console.log('listen..');});// 客户端请求server.on('request', funct...
2018-04-24 21:58:00
75
转载 关于借助prototype进行分页的一个小插件
(function (win, undefined) { var pagefen = win.pagefen = function (inforAllcount) { this.nowpage = 1; //当前页 this.pagecount = 10; //一次性加载十条 //总共有多少页 this.pageAllcount = (inforAllcount % this....
2016-11-12 15:20:00
92
转载 jQuery获取元素
**********************获取元素****************************//返回id为msg的元素节点的html内容。$(”#msg”).html(); //将“<b>new content</b>”作为html串写入id为msg的元素节点内容中,页面显示粗体的new content(会解析)$(”#msg”).html(...
2016-02-14 16:38:00
80
转载 关于获取元素进行动画效果的问题以及简单的正则表达式验证
//实现表格的隔行换色效果$(”tr”).each(function(i){this.style.backgroundColor=['#ccc','#fff'][i%2]})//鼠标移入移出变色() $(".ContentTr").hover(function () { c = this.style.backgroundColor;...
2016-02-14 16:19:00
75
转载 浏览器解析状态
浏览器向服务器发出请求，服务器处理可能是成功、可能是失败、可能没有权限访问等原因，服务器会通过响应码来告诉浏览器处理结果。"200" : OK"302" : Found 重定向."400" : Bad Request 错误请求，发出错误的不符合Http协议的请求"403" : Forbidden 禁止"404" : Not Found 未找到。演示访问一个不存在的页面看报文"500" :...
2016-02-14 16:06:00
93
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人