杰克拉乌的博客

原创 react 基础总结

-再不想修改state时，每次调用返回结果一样。做性能优化的 返回false 不会执行render。组件销毁之前执行 ，清除timer 取消网络请求。---获取最新的props 和state。避免将props的值赋给state。根据props变化改变state。---class类组件必须的。声明state 声明事件。组件挂载dom树后立即调用。这里面使用setState。不要调用stestate。

原创 node js 基础原理

1.node js 事件循环是基于libev实现的浏览器核心的是宏任务和微任务（1）timers：本阶段执行已经被 setTimeout() 和 setInterval() 调度的回调函数，简单理解就是由这两个函数启动的回调函数。（2）pending callbacks：本阶段执行某些系统操作（如 TCP 错误类型）的回调函数。（3）idle、prepare：仅系统内部使用，你只需要知道有这 2 个阶段就可以。（4）poll：检索新的 I/O 事件，执行与 I/O 相关的回调，其他情况.

原创 本地创建cli模版

nuxt基础模版不带axios封装和基础插件引用，js-cookie等步骤1.创建cli文件名，即每次执行的命令nuxtCli2.使用yarn init初始化项目3.修改package.json,添加bin,指向cli.js4.创建cli。js#!/usr/bin/envnode//NODECLI应用入口文件必须要有这样的文件名constpath=require('path')constinquirer=require('inquirer')con...

原创 vue在ios返回上一路由白屏

原文链接问题描述：进入A页面——>B页面——>ios自带的返回——>白屏出现——>手动点击白屏处——>问题解决原因是，经过排查，发现在ios 机器上使用webview 开发Vue项目时候，go history (-1)，无法将body 的高度拉掉，使得遮住，触发轻点击，方可消除该遮罩解决的理论：用于最重要的html 容器是container，然而因为设置html、body高度是100%，从而造成了 container 撑开父级，但浏览器默认滚动的scrol.

原创 css横向代码实现

.tag-content{displayflexflex-wrapnowrapoverflowauto.tag-item{flex-shrink:0;height20pxpadding8px16px...

原创 nuxt前端实现文件下载功能

在plugins里建一个js文件，文件内容如下：importFileSaverfrom'file-saver';constJson2csvParser=require('json2csv').Parser;importVuefrom'vue'constdatetime=Date.now();constexportCSV=(data,filename=`${datetime}.csv`)=>{constparser=newJson2...

原创 前端nuxt部署shell

npminpmrunbuildrm-rf./clueapp.tar.gzpm2deleteclue-devnpminpmrunprd

原创 error The engine "node" is incompatible with this module. Expected 解决方法

1.如果是部署在服务器上，看下服务器node版本。版本过低会导致这种问题。2.如果使用构建工具，需要确定构建中的环境node版本，构建中的版本可能跟服务器版本也会有差别，如jekins中有设置node环境的配置。...

原创 TypeError: Cannot read property 'key' of undefined

vue中经常会遇到这样的报错。今天找了半天总结一下。这是git上的错误形式，看了半天没发现如何解决。这种就需要找循环的：key的设置，有重复就会报错，页面就死掉了。排查页面中每一个for循环的key设置。...

原创 前后端交互之后台取前端的cookie

项目中使用axios请求接口，服务端拿不到前端的cookie。设置权限才可以，withCredentials.https://segmentfault.com/q/1010000013782091

转载 安卓与webview交互

js 与原生交互分为两种情况：js 调用原生方法，原生调用 js 方法。本文将对这两种情况分别讲解，H5 端用 vue 实现。一、前期准备（Vue项目准备）本文的 H5 端用Vue 实现，所以在正式开始前先把 Vue 项目环境准备好。项目写好后，执行 npm run serve 命令启动项目，启动成功后会在命令行看到两个地址：http://localhost:8080/ 和 ht...

原创 移动端实现拖放排序插件

https://github.com/David-Desmaisons/draggable-examplehttps://github.com/David-Desmaisons/draggable-examplehttp://jinzhe.github.io/vue-calendar/时间区域选择插件

原创 nuxt专题分享

之前做nuxt项目，这次又做一次，我会分享nuxt基础的配置，及一些nuxt的坑。用nuxt一定要用服务端渲染，如果打包静态资源，layout是有问题的

原创 nuxt + jenkins自动化部署服务端渲染

1.下载依赖sudo wget -O /etc/yum.repos.d/jenkins.repo https://pkg.jenkins.io/redhat-stable/jenkins.repo2.导入秘钥sudo rpm --import https://pkg.jenkins.io/redhat-stable/jenkins.io.key3.安装yum ins...

原创 npm install 报错

最近国内npm install之后报错，或者卡住了。具体原因是墙，把镜像换成淘宝的，然后把node-sass先uninstall一下，重新安装一下，在启动就没有问题了

原创 js能力提升之路

https://github.com/Sojourn2017/algorithm

原创 nuxt 配置全局axios的方法

https://segmentfault.com/q/1010000016371015

原创 js 设计模式的理解

1.单例模式 只生成一个对象，不生成多余的对象。2.适配器模式 是对已有的方法进行额外的封装典型事例 vue computed3.装饰器@  core-decorators 第三方库，对已有的类和函数进行装饰。4.代理模式通过代理对象访问原始对象，原生对象不暴露出来。5.观察者模式class Subject {                constru...

转载 scp 报错  not a regular file

scp 报错  not a regular file两台 linux 服务器之间拷贝文件；从 A 服务器（192.168.1.113） 拷贝到 B 服务器：命令：  scp  test2 dafei@192.168.1.113:/data/www/test/报错： test2: not a regular file原因：这样相当于下载文件夹，而非文件解决办法：添加参数 -r...

原创 vue 服务端渲染nuxt 配置

我用npx 下载的模板，启动后发现后台代码还是用的require,如果想用es6的import，操作步骤如下1.安装bable-clinpm i bable-cli然后书写.babelrc文件2.修改packpage.json如图在dev后面添加--exec babel-node 即可...

原创 斐波那契的递归优化

const fabonaci = (n) =>{                return n==1|| n==2 ? 1:fabonaci(n-1)+fabonaci(n-2)            }            console.log(fabonaci(9))                        //动态规划             function ...

原创 柯里化

        const curry = fn => {            const g = (...arg) =>  //g==foo  fn = curry里的函数                                arg.length>=fn.length ? fn(...arg) : (...args) =>              ...

原创 数组es6 reduce实现

Array.prototype.reduce = function(reducer ,init){for(let i=0;i<this.length;i++){ init = reducer(init,this[i])}return init;}

原创 原生js 获取dom的left，top

原创 命令行安装MySQL出现 Install/Remove of the Service Denied！

Windows8下安装MySQL  命令下进入bin目录  执行mysqld  -install时，却出现Install/Remove  of   the  Service   Denied!试了好多次，就是不成功。把bin目录加入到系统环境变量也不行。度娘一下，才知道是Windows8权限问题，进入系统盘找到C:\Windows\System32\cmd.exe（文件较多，可以...

转载 js正则基础字符集

JS正则表达式大全(整理详细且实用)。需要的朋友可以过来参考下，希望对大家有所帮助正则表达式中的特殊字符字符 含意\ 做为转意，即通常在"\"后面的字符不按原来意义解释，如/b/匹配字符"b"，当b前面加了反斜杆后/\b/，转意为匹配一个单词的边界。 -或- 对正则表达式功能字符的还原，如"*"匹配它前面元字符0次或多次，/a*/将匹配a,aa,aaa，加了"\"后，/a\*/将只...

转载 执行npm ，再不用sudo

sudo chown -R $(whoami) $(npm config get prefix)/{lib/node_modules,bin,share}  https://docs.npmjs.com/getting-started/fixing-npm-permissions

转载 关于使用Koa2的点点滴滴

Koa是基于Nodejs的一个后端框架，算是比较常用的，核心思想就是中间件，Koa实现底层逻辑，其余的就需要自己实现，包括：session、数据库操作、文件上传、路由、模板、静态资源访问等前言一直以来都是使用thinkjs这个框架，集成很多功能，基本上就只需要负责写逻辑就OK了，所以想尝试一下Koa这种需要动手逐个实现功能的，类似也有express这里并不打算写新手教程，可自行百度...

转载 解决安装express出现的问题：Refusing to install express as a dependency of itself

在通过 npm install express --save-dev 命令安装express的时候，报如下的错误，这是因为你的项目名称和所安装包的名称冲突了。通过修改项目的文件名称后，重新安装还是会下面的。这个时候很多人都会忽视在通过 npm init -y 初始化项目后，生成的 package.json 文件中有一个 name 的字段，name 的值就是此时项目的名称，要把 name 的值改为不...

转载 js call apply bing 理解

这篇文章实在是很难下笔，因为网上相关文章不胜枚举。巧合的是前些天看到阮老师的一篇文章的一句话：“对我来说，博客首先是一种知识管理工具，其次才是传播工具。我的技术文章，主要用来整理我还不懂的知识。我只写那些我还没有完全掌握的东西，那些我精通的东西，往往没有动力写。炫耀从来不是我的动机，好奇才是。"对于这句话，不能赞同更多，也让我下决心好好写这篇，网上文章虽多，大多复制粘贴，且晦涩难懂，我...

转载 axios取消重复请求

axios官网文档上取消请求的两种方式使用CancelToken.source工厂创建一个取消令牌：var CancelToken = axios.CancelToken;var source = CancelToken.source（）;axios.get('/user/12345', { cancelToken: source.token}).catch(function(...

原创 js之二叉树

    function Binary（）{            let Node = function（key）{                this.key = key;                this.left = null;                this.right = null;            };            var root = ...

原创 es6 之promise

之前是通过回调书写，多重回调就会产生回调地狱。这是用promise封装的函数在node8版本以上，可以使用util实现封装promise直接调用 包装一个回调函数，返回一个promise的function在后面传参 es7// async...

原创 react之独立团

原创 前端模块化

原创 react脚手架搭建

1.npm i create-react-app -g2. create-react-app 项目名称3.npm start启动项目如果想修改webpack配置 运行npm run eject。

原创 es6之解构赋值

让arr = [1,2,3];        设a = arr [0];        设b = arr [1];        让c = arr [2];                // es6        let [a，b，c] = arr;        //变量更换        let x = 12;        让y = 11;        [x，y] =...

原创 es 6 之浅谈 解构赋值

let  arr = [1,2,3];        let a = arr[0];        let b = arr[1];        let c = arr[2];                //es6        let [a,b,c] = arr;        //变量更换        let x = 12;        let y =  11;  ...

原创 es 6 之 浅谈obj

        让obj = {            //直接设置变量键            ['nan']：'name'，            getname：function（）{// es5写法                            }，            getname（）{//可以直接简写                            ...

原创 es6之Object

        let obj = {            //直接设置变量key            ['nan']:'name',            getname:function(){//es5写法                            },            getname(){//可以直接简写                        ...