一波万波-CSDN博客

转载前端代码规范（强烈推荐 | 转载非原创）

ES6 Style Guide用更合理的方式写 JavaScript翻译自 Airbnb JavaScript Style Guide 。翻译原文地址转载于github.com/Yunkou 因为自己团队用删减部分见谅如有需要，请看原版团队代码缩进为2个空格，行末不加分号，不作为讨论范围目录类型引用对象数组解构字符串函数箭头函...

2018-03-14 23:24:18 560

原创深入浅出Ajax

原文（我的GitHub）：https://github.com/liangfengbo/frontend-ability/issues/1学习大纲理解Ajax的工作原理Ajax核心-XMLHttpRequest对象封装Ajax方法Ajax优缺点Ajax适应场景Ajax系列面试题总结Ajax的工作原理含义：1. w3chool官网：Ajax 是一种在...

2018-07-12 11:54:03 1620

原创 nvm淘宝源升级安装最新稳定版nodejs

为了在服务器上面升级nodejs，用nvm下载实在太慢了，推荐淘宝源安装命令，非常快能安装好：第一步：NVM_NODEJS_ORG_MIRROR=https://npm.taobao.org/mirrors/node第二部：nvm install stable 完成！...

2018-06-14 00:25:56 3723

原创使用nodejs-koa2-mysql-sequelize-jwt 实现项目api接口

nodejs-koa2-mysql 做后端接口使用nodejs-koa2-mysql后台接口功能已实现登录注册接口，文章增删改查接口jwt身份验证，中间件，参数处理使用koa2 + mysql操作mysql数据库ORM选择sequelize身份验证使用jwt异步处理async/await喜欢或对你有帮助的话请点star✨✨，Thanks.项目地址点击跳转 https...

2018-05-31 11:40:43 2594

原创 vuejs切换导航条高亮路由高亮做法

我的GitHub前端经验总结，喜欢的话请点star✨✨Thanks.:https://github.com/liangfengbo/frontend-developvuejs导航条高亮我的做法：用一个数组存导航条，用v-for循环它，这样可以减少代码，二可以使用它的下标来判断高亮，三还可以获取后端的导航信息来遍历重点是在：routerLink(index, path)函数，传入当前点击...

2018-05-29 09:59:34 9561 7

原创深入理解ES6 - var-let-const

知识点var 声明变量：1、存在变量提升，实际上var无论在哪里声明，都会被当做当前的作用域顶部声明变量。2、可以重复声明，后声明的变量会覆盖前声明的变量。let 声明变量:1、不存在变量提升。2、禁止重复声明。3、块级作用域，只在当前作用域块有用。4、临时死区，而且不能在声明之前访问它。const声明常量:1、const 声明的是常量，其值...

2018-05-27 16:49:10 279

原创已构建配置好的vuejs全家桶项目已包含vue-router vuex api，axios. webpack, 储存vue-ls, 异步async/await, css less. 下载即使用项目开发

github 地址： https://github.com/liangfengbo/vue-cli-project 点击进入vue-cli-project 已构建配置好的vuejs全家桶项目，统一管理后端接口 | 获取数据 | 请求数据，已包含vue-router，vuex，api，axios. webpack, 储存用vue-ls, 异步async/await, css less. 下...

2018-05-25 13:08:07 4065

原创 vue使用less

第一步：安装less依赖，npm install less less-loader --save第二步：修改webpack.config.js文件，配置loader加载依赖，让其支持外部的less,在原来的代码上添加{ test: /\.less$/, loader: "style-loader!css-loader!less-loader",},现在...

2018-05-22 15:20:38 357

原创 mpvue 开发小程序接口数据统一管理

原文https://github.com/liangfengbo/frontend/issuesmpvue项目里做API与数据分离统一管理小程序里请求数据接口使用wx:request，因为考虑项目比较大，最好把wx:request封装起来，统一使用管理utils.js 配置开发环境和线上环境接口let util = {};const ajaxUrl = process....

2018-05-15 09:19:02 6015 4

原创 Nodejs学习路线

Nodejs我学习nodejs的路线，大家有兴趣的话可以和我一起学习。I study the route of nodejs. If you are interested, you can study with me.GitHub地址学习路线分为：一、Nodejs核心APIBuffer(缓冲)fs(文件系统)path(路径)二、Nodejs编程基础ht...

2018-05-07 23:01:05 4110 1

原创 Nodejs操作MySQL-增删改查

先安装npm模块项目npm init安装mysqlnpm install mysql --saveNodejs 连接msyql// 导入mysqlconst mysql = require('mysql');// 连接mysqlconst connection = mysql.createConnection({ host: '127.0.0...

2018-05-07 22:57:55 360

原创小程序上传图片到七牛

小程序上传图片非常简单，利用好2个API：wx.chooseImagewx.uploadFile/** * 上传图片 */ chooseImageUpload() { var that = this; wx.chooseImage({ count: 1, sizeType: ['original', 'compressed']...

2018-05-07 22:56:51 5529 6

原创学习数据库MySQL

查询本机数据库: show databases;mysql> show databases;+--------------------+| Database |+--------------------+| information_schema || mysql || performance_schema || sys ...

2018-05-07 22:56:09 428

原创 js 获取url大全

URL即统一资源定位符 (Uniform Resource Locator, URL)，完整的URL由这几个部分构成：scheme://host:port/path?query#fragmentscheme:通信协议，常用的http,ftp,maito等。host:主机，服务器(计算机)域名系统 (DNS) 主机名或 IP 地址。port:端口号，整数，可选，省略时使用方案的默认端口，...

2018-05-07 22:55:17 3013

原创 vue 项目引入微信jssdk

一、导入依赖包npm i -S weixin-js-sdk二、前端页面使用import wx from 'weixin-js-sdk'export default { created() { let param = { debug: true, url: 'http://localhost:8081/productgroups', ...

2018-05-07 22:54:18 3148

原创解决vuejs 创建数据后设置对象的属性实现不了双向绑定问题

抛出踩坑：vue创建后的数据，自定义设置对象的属性，实现不了双向绑定当业务场景，需要在请求接口数据新增自定义的属性let foodList = [ {title: '回锅肉', price: 99.0}, {title: '油焖大虾', price: 199.0}];我们要做数量增加时候，后自定义添加数量属性quantity：// 添加自定义属性数量quanti...

2018-05-07 22:52:55 6114

原创 Mac 安装与配置mongodb

安装 mongodbinstall 之前，iTerm2 下用 brew 查看已安装软件、搜索 mongodb：brew listbrew search mongodb安装 mongodb :brew install mongodb此处需要稍等一段时间，成功后会输出以下即说明安装成功：$ brew install mongodbUpdating Homebre...

2018-05-07 22:51:37 4043 2

原创从0开始配置babel、webpack构建项目

从0开始配置webpack，babel项目开始工作：新建一个新建文件夹名字：webpack，要安装有node，npm环境 npm init初始化话一下,那么项目开始一、让项目支持ES6语法，配置babel项目安装babel包 npm install –save-dev babel-core babel-preset-es2015 babel-preset-...

2018-05-07 22:50:35 508

原创 mpvue小程序加载不出图片 Failed to load local image resource /images/xx.png

mpvue开发小程序时候，要添加静态本地图片&amp;lt;img src=&quot;../../images/bg.png&quot; alt=&quot;&quot;&amp;gt;会报错：VM14878:2 Failed to load local image resource /images/bg.png the server responded with a status of

2018-04-24 16:37:27 28486 6

原创 vue最简单的点击切换active

很多朋友在做小程序或vue项目选项卡或选择同类不同项的时候，需要变色的情况，本人提供最简单的方式，屡试不爽。我们来完成一个这三个开餐时间，点击那个就对应那个active，并且能获取对应的数据：模拟数据time: [ {timer: '17'}, {timer: '18'}, {timer: '19'}],循环列表渲染成html，那么就有了index，也就是所说的下...

2018-03-26 20:27:47 7706

原创 vue 父子组件通信方法

一、父组件给子组件传递数据父组件传送data数据给子组件<children :data="data">子组件接收export default { props: ['data']}二、子组件操作父组件的方法父组件定义一个show的方法，并且传达给子组件，命名为@show<children @show="show"></...

2018-03-26 20:27:01 786

原创 js 最简单的四种获取本地时间格式

第一种正则年/月/日/时分秒let date = new Date(+new Date() + 8 * 3600 * 1000).toISOString().replace(/T/g, ' ').replace(/\.[\d]{3}Z/, '');console.log(date); // 2018-03-26 15:41:10第二种正则年/月/日/时分秒l...

2018-03-26 20:26:14 13783 1

原创 CSS Box Model 盒模型

盒子模型最简单的就是四个属性：内容(content)、内边距(padding)、边界(border)、外边距(margin)，我们可以抽象转移到我们日常生活中的盒子（箱子）上来理解，日常生活中所见的盒子也就是能装东西的一种箱子，也具有这些属性，所以叫它盒子模式。当然，我们从最基本的谈起：内容(content)内容(content)由2个属性 width 与 hight...

2018-03-25 21:00:44 197

原创理解与使用JS的 localStorage与sessionStorage

在前端开发中，尽量少用cookie，原因：1.cookie限制大小，约4k左右，不适合存储业务数据，尤其是数据量较大的值2.cookie会每次随http请求一起发送，浪费宽带在移动开发中尽量用localstroage，优点：1.存储数据量大，localStorage拓展了cookie的4K限制2.会随http请求一起发送，localStorage会可以将第一次请求的数据直接...

2018-03-25 20:59:56 4883

原创 js 数组最基础实用的方法总结

一、遍历数组{ let arr = [1, 22, 31, 33, 212, 3, 51, 123]; // for遍历数组 for (let i = 0; i < arr.length; i++) { console.log(arr[i]); } // forEach arr.forEach(i => { console.log(...

2018-03-25 20:58:29 188

Github.com/liangfengbo