dingzhui2715-CSDN博客

转载 Nodejs-Can't set headers after they are sent

Router.get('/info',function(req,res){ console.log(req) const { userid } = req.cookies; console.log(userid) if( !userid ){ return res.json({ code : 1}) } U...

2018-01-08 22:35:00 219

转载 Mac OS安装包管理工具Homebrew教程

Homebrew的安装与使用 Homebrew官网将次命令粘贴至终端： /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 使用 Homebrew 安装 Apple 没有预装但你需要的东西。 $ brew ins...

2018-01-02 14:04:00 241

转载前端博客收藏

Vue Vue.js 组件编码规范读懂源码：一步一步实现一个 Vue vuejs开发H5页面总结 Vue 爬坑之路（七）—— 监听滚动事件实现动态锚点如何在 Vue.js 中使用第三方库 Webpack 大法之 Code Splitting（解决vendor过大问题）打出来的 app.js 过大，查看一下是不是Uglify配置不正确或者sourceMap没弄对，优...

2017-12-25 10:15:00 226

转载 webpack自动化构建脚本指令npm run dev/build

指令为不同环境配置可执行指令，我们使用npm scripts方式，在package.json文件中配置执行指令： { "scripts": { "start": "cross-env NODE_ENV=dev webpack-dev-server", "build": "cross-env NODE_ENV=production webpack" ...

2017-12-18 17:06:00 499

转载使用express搭建node中间件

公司数据是通过调取Java（php）接口获取到的，所以这里服务端要用到 nodeJS的request模块，先安装它： npm install request 有了request，我们就能在nodeJS里随意调用 Java或者第三方的数据接口了。在路由目录下的index.js 文件。 var express = require('express'); v...

2017-12-07 14:39:00 116

转载【转】基于localStorage的资源离线和更新技术

ServiceWorker的资源离线与更新 ServiceWorker是替代Application Cache的机制，目前为止其兼容性很差。 localStorage资源离线缓存与更新基本思路：将JavaScript、CSS资源文件甚至是接口返回的数据资源缓存到浏览器的localStorage中，下次打开页面时不进行JavaScript、CSS资源的请求，而是直接通过loc...

2017-12-05 15:37:00 179

转载 web前端性能优化

前端性能优化点，涉及的功能 1）网络层面。2）构建层面。3）服务端层面。4）浏览器渲染层面。资源的合并与压缩，图片编解码原理和类型选择，浏览器渲染机制。掌握前端性能优化的原理，这些优化点如何与业务相互结合，业务优化点有哪些可以优化的点。了解当前大公司在性能优化上所做的实践，学会分析自身业务，选择合适的性能优化方式。资源的合并与压缩掌握知识要点：理解减少http请求数...

2017-12-03 11:25:00 214

转载 Vue生命周期详解

根组件实例：8个 (beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destroyed) 组件实例：8个 (beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destroye...

2017-12-02 22:22:00 97

转载 Vue常用技巧收录

1.删除数组索引 //在数组中删除一项标准做法是用 Array.splice(index,1) del( index ) { this.arr.splice(index,1) } //Vue.js2.2.0+版本中可以直接使用Vue.delete del ( index ) { this.$delete ( this.arr , index ) } demo...

2017-11-28 18:03:00 167

转载如何在Vuejs中优雅使用Javascript各种插件

在日常开发中，为了敏捷开发或者更快满足业务需求，不得不使使用js第三方库或者插件。如何在Vue项目中引入javascript第三方库全局变量将 JavaScript 第三方库添加到项目中，最简单的办法是通过将其附加到window对象上，以使其成为全局变量。如何引入： window._ = require('lodash'); 如何使用： ...

2017-11-25 12:14:00 214

转载 Vue全局组件，Vue.use()引用注册，全局使用

编写一个组件：组件Clock.vue 编写组件代码已省略 index.js import Clock from './Clock.vue'; export default { install(Vue){ Vue.component('Clock',Clock); } }; 　　 main.js im...

2017-11-23 15:24:00 349

转载 vue 打包npm run build报错Unexpected token: punc (() [static/js/0.739c7d2b56384f8c9c1d.js:7425,8]

同事电脑可以对工程进行打包，我的电脑就报错，研究了好久终于找到了原因。在工程项目下建.babelrc文件 { "presets": [ ["env", { "modules": false, "targets": { "browsers": ["> 1%", "last 2 vers...

2017-11-14 10:57:00 405

转载【转】搭建 vue2 vue-router2 webpack3 多入口工程

本文主要介绍如何在此基础上来改造为多入口。多入口指的是 webpack 配置项 entry 配置为包含多个 key 的数组或者对象，即 MPA（multiple entry points），那么什么情况下会配置多入口？一般用 vue 大部分是做 SPA（one entry point），因为 SPA 能更好的配合 vue-router，那么我个人想到了几个可能的场景，下面将结合设想的...

2017-11-10 16:22:00 124

转载【转】从零搭建 vue2 vue-router2 webpack3 工程

以新手视角，详细介绍各个步骤内容，不深入讲步骤涉及的原理，主要介绍如何操作。初始化工程新建工程目录 vue2practice，在目录下执行npm init -y来创建一个 package.json，在 package.json 中先添加以下必备模块： { "name": "vue2-vue-router2-webpack3", "version": "1.0.0...

2017-11-10 15:07:00 152

转载 web前后端开发不得不聊的安全问题

web前后端开发不得不聊的安全问题 https://juejin.im/post/59d85f956fb9a00a3e308c09 自己整理的文章，从掘金转到博客园。转载于:https://www.cnblogs.com/Abner5/p/7771543.html...

2017-11-02 11:57:00 113

转载 10分钟熟练使用webpack

https://juejin.im/post/59ccebb15188252fb1772efd 自己整理的文章，从掘金转到博客园。转载于:https://www.cnblogs.com/Abner5/p/7771537.html

2017-11-02 11:56:00 153

转载 vuejs之【router-link】大全（二）

Vue路由 1.用name传递参数在路由文件里配置name属性 routes: [ { path: '/', name: 'Hello', component: Hello } ] 在.vue模板里用$router.name的形式接收：<p>{{ $route.name}}</p&gt...

2017-11-01 21:07:00 122

转载 Vuejs之【内部指令】

v-text 读取文本不能读取html标签，解析文本　　使用{{XXX}}这种情况是有弊端的，当我们网速很慢或者javascrit出错时，会暴露我们的{{XXX}}。v-text就是解决这个问题的。 v-html 能读取html标签，解析html标签　　双大括号会将数据解释为纯文本，而非HTML。为了输出真正的HTML，你就需要使用v-html 指令。　　要注意的...

2017-11-01 18:11:00 113

转载 vuejs之【router-link】大全(一)

　我们在使用vue做单页面应用难免会用到vue-router，那把项目中的经常用到方法整理一下，方便日后查找与回顾。 1.$route.params 一个 key/value 对象，如果没有路由参数，就是一个空对象。格式：path: '/detail/:id' 动态路径参数以冒号开头。 const routes = [ {path: '/detai...

2017-10-30 20:53:00 192

转载 Vue中比Vuex更简单的组件间通信，子组件与子组件通信

如果2个组件不是父子组件那么如何通信呢？这时可以通过eventHub来实现通信，所谓eventHub就是创建一个事件中心，相当于中转站，可以用它来传递事件和接收事件。（或者使用vuex） new Vue({ el: '#app', data: { eventHub: new Vue() } }) 然后通过this.$root.eventH...

2017-09-21 15:44:00 84

转载 Vue封装常用指令Directive

需求只能输入数字输入字母和特殊字符自动过滤掉输入完成失焦自动加.00 如果输入了小数自动四舍五入为22.22类似这样格式 let number = { twoWay: true, bind:function (el) { el.addEventListener('blur',function () { // ...

2017-09-21 15:25:00 628

转载前端进阶必学——HTTP请求中的Form Data与Request Payload的区别

前端开发中经常会用到AJAX发送异步请求，对于POST类型的请求会附带请求数据。而常用的两种传参方式为：Form Data 和 Request Payload。 GET请求使用get请求时，参数会以key=value的形式拼接在请求的url后面。例如： http://m.baidu.com/address/getlist.html?limit=50&offse...

2017-09-20 09:33:00 119

转载 webpack proxyTable 代理跨域

webpack 开发环境可以使用proxyTable 来代理跨域，生产环境的话可以根据各自的服务器进行配置代理跨域就行了。在我们的项目config/index.js 文件下可以看到有一个proxyTable的属性，我们对其简单的改写 proxyTable: { '/api': { target: 'http://api.douban.com/v2',...

2017-08-23 15:05:00 109

转载 vue-router路由懒加载，提高页面性能优化

随着用Vue全家桶打造后台管理系统项目日益增大，我发现使用npm run build后台dist文件越来越大。正好看到vue-router文档有路由懒加载介绍，个人猜想应该是和图片懒加载一个道理。文档有对路由懒加载的说明：当打包构建应用时，Javascript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应...

2017-08-20 17:30:00 264

转载 js断点调试

从左到右，各个图标表示的功能分别为： Pause/Resume script execution：暂停/恢复脚本执行（程序执行到下一断点停止）。 Step over next function call：执行到下一步的函数调用（跳到下一行）。 Step into next function call：进入当前函数。 Step out of current funct...

2017-08-16 21:49:00 102

转载如何高质量完成产品需求开发

转自：http://www.cnblogs.com/chyingp/p/how-to-finish-a-product-requirement-with-high-quality.html#3757487 感谢转载于:https://www.cnblogs.com/Abner5/p/7376082.html

2017-08-16 21:37:00 111

转载 keep-alive 路由页面缓存开启及注意事项

既然你缓存了html, 如何防止多次事件绑定，触发多次问题，解决方法是在mounted绑定事件，以为他只执行一次，如果是新插入的，可以用事件代理解决或者在active中先解绑，再绑定。 http://xiangsongtao.com/article/5853b2c0044bf1353af82fbf 转载于:https://www.cnblogs.com/Abner...

2017-08-16 09:52:00 115

转载工程目录结构

├── README.md <= 项目介绍 ├── build <= 工程构建相关 <Vue-cli> │ ├── build.js <= 构建脚本 │ ├── check-ve...

2017-08-16 08:16:00 148

转载 <keep-alive>控制Vue Router路由

只给部分组件加上<keep-alive>啊，在app.vue里这样  <keep-alive> <router-view v-if="$route.meta.keepAlive"></router-view> </keep-alive> &lt...

2017-08-10 08:28:00 91

转载 Install fail! Error: [xlsx@0.8.1] Can't find package xlsx's version: 0.8.1

原因是 xlsx 没有0.8.1这个版本。第一步：在命令行输入 npm view xlsx versions 查询出xlsx这个包目前有的版本号第二步：可以讲package.json中“dependencies”中 "dependencies"：{ "xlsx": "0.8.0" } 第三步再执行 cnpm i 即可转载于:http...

2017-08-05 08:58:00 1367

转载 ES6最常用的小知识——图谱

首先搭建一个基本的ES6开发环境。现在的Chrome浏览器已经支持ES6了，但是有些低版本的浏览器还是不支持ES6的语法，这就需要我们把ES6的语法自动的转变成ES5的语法。Webpack是有自动编译转换能力的，除了Webpack自动编译，我们还可以用Babel来完成。变量声明 let 和 const 不要用var，而是用let和const。const声明一个只读的常量，l...

2017-08-03 21:29:00 121

转载 console.log()控制台输出小技巧

普通控制台输出 1. console.log('aaa') 控制台 2.更易于识别 console.log( "%c%s", 'color:red','aaa') 转载于:https://www.cnblogs.com/Abner5/p/7271980.html

2017-08-02 08:57:00 1622

转载 js format 时间金钱格式化方法

收录了前端开发时间金额等常用format方法 1.金额 3456 改为$3,456.00 const digitsRE = /(\d{3})(?=\d)/g export function currency (value, currency, decimals) { value = parseFloat(value) if (!isFinite(value...

2017-07-29 15:27:00 169

转载 import xxx from 和 import {xxx} from的区别

1.vue import FunName from ‘../xxx’ 1.js export defualt function FunName() { return fetch({ url: '/article/list', method: 'get' }); } 2.vue import {xxx} from ‘../xx...

2017-07-29 15:23:00 3542

转载程序员职业晋升

程序员从初级走向资深的过程中，会面临两个支路。技术主管架构师技术主管技术主管，有些公司可能又叫「技术经理」，一个人的工作角色中至少有百分之五十以上的时间是花费在管理事务上，那么他的角色才算是一个经理（Manager）。所以技术主管（经理）类似产品经理属于以经理命名却是非经理的角色。「技术主管」是开发团队中的某位程序员需要对一起创建系统的整个开发团队负责时所承担...

2017-07-29 10:24:00 562

转载百度图片上传插件【webuploader】

插件功能　　|webuploader 　　　　|文件上传　　　　|图片上传官方文档http://fex.baidu.com/webuploader/ 引入资源使用Web Uploader文件上传需要引入三种资源：JS, CSS, SWF。  <link rel="stylesheet" type="text/css" ...

2017-06-03 11:24:00 140

转载【转】前端开发流程

项目分析 1.需求分析　　　根据原型设计稿，得到需求　 2.数据分析　　分析显示数据和隐藏数据，确定数据结构 3.api分析　　完成原型上的数据，所需要的接口 4.组件分析　　vue的组件一般分为：　　　　接入型比如说一个容器组件,它里面包含了其他的组件，它本身只承担一个布局容器的作用　　　　展示型纯展示型的数据，它能接收数据，展示出来，但是...

2017-05-27 14:48:00 314

转载 js之前端注册界面功能实现，短信平台接入，验证码倒计时

var res_code; //后台返回的验证码，注册时验证用 var InterValObj; //timer变量，控制时间 var count = 60; //间隔函数，1秒执行var curCount = 0; //当前剩余秒数 var authCode; 　 function getCode() { var iphoneNum = $('#...

2017-05-25 18:16:00 140

转载 vue.js之【vuex】

vuex 合在一起写Vuex.Store 目录结构：　　| src 　　　　| store.js 引入： import Vue from 'vue' import Vuex from 'vuex' 使用vuex Vue.use(Vuex); 定义一个state var state = { count: 10 }; mut...

2017-05-20 13:43:00 71

转载 Vue.js之vue-router

HTML <div id="app"> <h1>Hello App!</h1> <p>   <!-- <...

2017-05-20 13:38:00 134

空空如也

空空如也