- 博客(18)
- 资源 (2)
- 收藏
- 关注
RSS订阅翻译 React Transition Group 中文文档（CSSTransition部分）
CSSTransition此Transition组件用于CSS动画过渡，灵感来源于ng-animate库。CSSTransition：在组件淡入appear，进场enter,出场exit时，CSSTransition组件应用了一系列className名来对这些动作进行描述。首先appear被应用到组件className上，接着添加“active”类名来激活CSS动画。在动画完成后，原cla...
2018-04-26 14:48:20
14392
原创 js测试框架：mocha学习总结
一、总结 教程引用自：阮大神的文章1.1 Mocha是现在最流行的JavaScript测试框架之一，在浏览器和Node环境都可以使用。所谓”测试框架”，就是运行测试的工具。通过它，可以为JavaScript应用添加测试，从而保证代码的质量。除了Mocha以外，类似的测试框架还有Jasmine、Karma、Tape等，也很值得学习。# 安装npm install ...
2018-04-20 16:50:17
1717
原创 ES6学习16章：编程风格
编程风格 如何将ES6新语法，运用到编码实践之中，与传统的JavaScript语法结合在一起，写出合理的，易于阅读和维护的代码？块级作用域1. let取代var ES6的声明变量的命令：let和const，其中let可以完全取代var，无副作用'use strict'if(true){ let x = 'hello'}for(let i=0...
2018-04-20 09:29:59
174
原创 Vue+Node+MongoDB实现商城系统——15章：Vuex
一、简介 Vuex是什么？ - 专为Vue设计的状态管理器。用于管理全局的状态。什么是状态？各组件中data中所包含的属性即为状态。（可以理解为类似window上的属性） 核心概念 - State ：用于存储状态 - mutations ：用于改变state的值 - getters - actions - modules二、核心...
2018-04-20 09:29:50
536
原创 Vue+Node+MongoDB实现商城系统——16章：webpack
一、简介1.1 对比grunt,gulp,webpackgrunt,gulp 都是对js，css，html的压缩优化以及版本号的替换webpack更多的重点在于解析项目文件。webpack在打包时，把所有的资源都通过js处理转化。当文件格式不是默认的那几种时，会寻找loader插件来进一步识别再转成js，再打包输出基于模块化的打包工具1.2 webpack基础 ...
2018-04-20 09:28:59
546
原创 Vue：UI组件框架推荐
说明 本节说明的是针对基于Vue.js的UI组件库 - 推荐：ElementUi,MintUI,iView PC端 - ElementUI ：饿了么UI开源的 - iView 移动端 - mintUI ：饿了么UI开源的1、ElementUI官方网址：http://element.eleme.io/#/zh-CN1、 安装...
2018-04-20 09:28:46
619
原创 关于react 在打包后：“找不到资源路径”的问题、部署到服务器二级目录 “打开为空白” 的问题
一、打包后 部署访问，报错404，找不到对应的main.js或main.css参考stackoverflow上类似问题： 初次直接通过 npm run build打包react webapp后将文件夹build（通常改名为对应项目名称）整个部署到服务器，浏览器通过www.xxx.com/build/访问时，报错如下： 1.1 原因分析：...
2018-04-20 09:28:37
17226
7
原创 Vue+Node+MongoDB实现商城系统——12.13.14章：地址及订单模块功能
一、地址功能一：渲染地址列表1、编写后台接口，根据req.cookies.userId,查询用户，并返回用户addressList2、前台请求后，列表渲染功能二：默认只展示3条数据使用vue的computed计算属性，截取原addressLists的前三条进行展示 slice(0,this.limit)方法截取前三条数据点击展开，显示全部地址 直接更改limi...
2018-04-19 09:36:36
984
原创 Vue+Node+MongoDB实现商城系统——11章：登录功能及全局拦截
一、登录1、前端请求var axios = require('axios'), qs = require('qs');export default { ... methods:{ login(){ var userName = this.userName, userPwd = this...
2018-04-19 09:36:04
697
原创 Vue+Node+MongoDB实现商城系统——10章：商品列表及排序
一、商品查询排序分页（Node端部分）mongoose部分router.get('/goods',function(req,res,next){ var page = parseInt(req.query.page), pageSize = parseInt(req.query.pageSize), sort = req.query.sort...
2018-04-19 09:35:33
1533
2
原创 Vue+Node+MongoDB实现商城系统——9章：mongoDB及数据库设计
一、mongoDb 特性： - 高可扩展性 - 分布式存储 - 低成本 - 结构灵活1.1 window平台下安装MongoDB及环境搭建下载安装包或压缩包添加DB存储和日志存储文件夹添加服务、配置环境变量、启动Mongo 为什么很多Node项目都搭配的是MongoDB而不是MySQL？？ - mongoDB原生支持json，可以...
2018-04-19 09:34:55
3074
原创 Vue+Node+MongoDB实现商城系统——8章：node及express应用
一、node应用1.1 Node.js 启动调试方式 1、node启动 - 通过node命令启动 - webstorm配置启动入口（也可以启动调试模式） - pm2启动工具 2、说明： - 在本项目中，将node后台服务（/server）跟前端vue服务整合到了一起（在package.json中即有vue项目的依赖，也有node的依赖） - ...
2018-04-19 09:34:26
928
1
原创 Vue+Node+MongoDB实现商城系统——7章：Node及linux环境
一、在linux下安装配置node 在阿里云服务器端 安装配置 nodejs环境 - wget https://nodejs.org/dist/v8.4.0/node-v8.4.0-linux-x64.tar.xz - xz -d node-v8.4.0-linux-x64.tar.xz / tar -xzvf node-v8.4.0-linux-x64.tar.gz（根据下载...
2018-04-19 09:33:59
306
原创 Vue+Node+MongoDB实现商城系统——6章：vue项目细节
一、项目初建的细节 1、webpack.bask.conf.js中有一段关于映射的配置： 其中 ‘@’就代表了src目录resolve: { extensions: ['.js', '.vue', '.json'], alias: { 'vue$': 'vue/dist/vue.esm.js', '@': resolve('src'), ...
2018-04-19 09:33:15
661
原创 Vue+Node+MongoDB实现商城系统——5章：ES6常用简介
ES6的目标——可以用来编写复杂的大型应用程序，成为企业级开发语言ES6常用命令一、函数1.1 函数的Rest参数（动态参数） 在不确定调用函数时是否传入对应的参数时，使用Rest参数来解决这一问题 //...m表示Rest参数，即不确定会传入多少个参数，m为自定的参数名称 function sum(...m){ var tota...
2018-04-19 09:32:37
312
原创 Vue+Node+MongoDB实现商城系统——3.4章：路由及ajax
一、路由1.1 什么是前端路由？ 路由是根据不同的URL地址展示不同的内容或页面 前端路由就是把不同路由对应不同的内容或页面的任务交给前端来做，之前是通过服务端根据url的不同返回不同的页面实现的1.1.1 什么时候用前端路由 开发SPA应用的时候1.1.2 优缺点？ 优点： - 用户体验好，不需要每次都从服务器全部获取，快速展现...
2018-04-19 09:31:56
456
原创 Vue+Node+MongoDB实现商城系统——1、2章：基础配置
第一章 框架及导学1.1 Vue和React框架对比 相较于Vue和react，angular更像是一套完整的项目解决方案，框架本身也较大，所以在此不进行讨论 Vue: - 模板和渲染函数的弹性选择 - 简单的语法及项目创建 - 更快的渲染速度和更小的体积 React: - 更适用于大型应用和更好的可测试性 - 同时适用于web端和原...
2018-04-19 09:31:12
865
原创 前端 rsa加密参数的实现（加密库：jsrsasign)
公司项目中后端提出新的加密需求，使用rsa算法进行加密传输验证。要求前端通过私钥先将参数进行加密后再拼接到URL后进行提交，后端拿到进行验证。一、前期准备前端rsa加密的库：jsrsasign.js后端提供的密钥对(类似如下结构，以PKCS#8为例)：-----BEGIN PRIVATE KEY-----MIIBVAIBADANBgkqhkiG9w0BAQEFA...
2018-04-10 15:23:29
10634
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人