David-wenwen-CSDN博客

原创发布一个npm包

发布一个npm包前言我这里是写了一个vue轮播图插件，因此我使用了vue的脚手架工具创建一个项目，当然你也可以选择自己搭建脚手架。本例中我会使用vue脚手架创建一个项目，并发布到npm上面去。通过脚手架创建项目全局安装首先，要创建项目，封装vue的插件用webpack-simple很合适，因此你需要全局安装@vue/cli-init插件...

2019-05-31 17:30:00 246 1

原创 MongoDB的安装避坑（踩坑）

MongoDB的安装避坑（踩坑）下载可以去官网下载：https://www.mongodb.com/download-center/community安装下载完了就可以使用安装包安装；我下载的mongodb版本是：v4.0.9.一直下一步到这里，第一个是默认安装（一直下一步，无坑）；第二个是自定义安装（重点讲这里）选择自定义安装，点...

2019-05-31 17:29:00 565

原创 Express入门

Express入门 1、请求与响应const express = require('express')var app = express();app.get('/', function(req, res) { res.end('hello')})app.listen(3000)console.log( 'server lis...

2019-05-31 17:27:00 588

原创 nodejs入门

nodejs入门 1、模块（模块的导入导出）导出：新建./count.js文件，内容为:const counter = function (n) { return `counter: ${n}`}const adder = function (a, b) { return `adder: a + b = ${a + b}`}...

2019-05-31 17:26:00 178

原创定时器的详解应用到背后的原理解析

定时器的执行时机在主代码执行完毕线程进入空闲状态，则开始执行队列的任务。这样一个页面的时间线类似于：关于定时器最重要的是：设定的时间是指代码加入队列的时间，而不是何时执行代码。例如：var btn = document.getElementById('my-btn');btn.onclick = function () { setTimeout(function () { ...

2019-05-09 19:43:08 986 1

原创 css实现点点点效果

css实现点点点效果 @keyframes dotDotDoting{ 0%{ width 0px margin-right 15px} 25%{ width 0px margin-right 15px} ...

2019-04-30 15:05:00 3719

原创定时器详解和应用、js加载阻塞、css加载阻塞

定时器详解和应用、js加载阻塞、css加载阻塞 1.setTimeout()、setInterval()详解和应用1.1 详解： setTimeout、setInterval执行时机1.2 存在问题： setInterval重复定时器可能存在的问题、解决方案1.3 应用： Yeilding Processes（进程暂停）运行在浏览器中的...

2019-04-18 17:55:00 1083

原创栈内存和堆内存有什么区别？

栈内存和堆内存有什么区别？栈内存和堆内存是什么？有什么用？栈内存、堆内存是什么？栈内存和堆内存都是存储数据的地方。为什么会分栈内存和堆内存？？因为栈内存中存储的值的大小是固定的，堆内存中存储值的大小不固定的。基本数据类型目前有5种基本数据类型：String、Number、Boolean、Null、null，这5种基本数据类型传递时，是...

2019-03-22 18:17:00 8558 1

原创 webpack入门

webpack入门工作区设置IDEVisual Studio Code插件Vetur ： Vue 语法检查及提示Prettier - Code formatter : 代码格式化，包括 JavaScript、TypeScript、CSS、Less、Stylus 等语言Pug (Jade) snippets : Pug 语法支持及...

2019-03-20 17:36:00 205

原创 Ubuntu常用命令集合

Ubuntu常用命令集合文件操作　　查看当前目录：pwd　　参考文章：https://blog.csdn.net/qq_33421080/article/details/76551554应用编辑类　　安装：sudo apt-get install 包名　　卸载：sudo apt-get {--purge} remov...

2019-03-06 11:13:00 276

原创 HTTP缓存机制

HTTP缓存机制简介　　一个http请求包含了请求、响应2部分；这2部分又包含：头部、主体。客户端请求请求头——————附加信息请求体——————正文服务器响应响应头——————附加信息；与缓存相关的规则信息，均包含在header中响应体——————正文流程缓存的分类　　根据是否需要请求服务端来分...

2019-03-05 20:25:00 235

原创初步了解XMLHttpRequest对象、http请求的封装

初步了解XMLHttpRequest对象、http请求的封装构造器　　var xhr = new XMLHttpRequest()设置超时时间xhr.ontimeout=1000设置超时时间为 1s设置超时时间（单位：ms）0为永不超时HTTP 请求的状态xhr.readystate从请求开始到完全结束，有...

2019-02-26 22:49:00 803

原创 encodeURI和uncodeURIComponent的介绍

encodeURI和uncodeURIComponent的介绍 encodeURI、decodeURIencodeURI、decodeURI对字符转义；不替换特殊字符有18个、(大小写)字母、数字。替换目标将字符替换为 HTML URL编码替换范围A-Z a-z 0-9 - _ . ! ~ * ' ( ) / ? : @ ...

2019-02-19 18:47:00 1117

原创 vue-cli 3.0安装和使用

vue-cli 3.0安装和使用零. 前言公司最近开发项目使用的是vue-cli 3.0版本开发，但是对于vue-cli 3.0版本一直没有研究过如何使用，公司使用配置：pug + ts + stylus + eslint；编辑器使用：vscode，使用起来简直不要太爽。默认你已经安装了nodejs一.安装vue-c...

2018-10-18 00:03:00 186

零. 前言&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;公司最近开发项目使用的是vue-cli 3.0版本开发，但是对于vue-cli 3.0版本一直没有研究过如何使用，公司使用配置：pug + ts + stylus + eslint；编辑器使用：vscode，使用起来简直不要太爽。默认你已经安装了nodejs一.安装vue-cli 3.01.安装：npm install -g @v...

2018-10-18 00:02:36 41641 1

原创 MySQL学习中，遇到的问题记录

MySQL学习中，遇到的问题记录一、安装mysql时，报错：1045原因：因为之前安装过mysql，之后再安装会出现这个问题。解决：删除之前的残留就好了方法：清除mysql之前的历史残留 posted @ 2018-10-05 11:32 DaivdAndL...

2018-10-05 11:32:00 229

原创 react学习之redux和redux-react用法

react学习之redux和redux-react用法前言redux和react-redux的关系： redux就是一个存储数据的对象，并提供了获取/设置store中的属性的解决方案，react-redux是连接react和redux桥梁的封装。使用0.目录结构未标明[type=dir]就是文件，否则是文件...

2018-07-29 19:29:00 129

原创手动配置webpack之React

手动配置webpack之React 安装1.安装react转译相关依赖包：npm安装： npm install --save-dev babel-core babel-loader babel-preset-es2015 babel-preset-react ...

2018-07-25 17:58:00 171

翻译 flex布局

前言学习一个知识点3w原则： 1.是什么？ &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;Flex 是 Flexible Box 的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。 &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;2009年，W3C 提出了一

2018-07-24 12:37:27 197

原创 vue父子组件路由传参的方式

一、get方式（url传参）：1.动态路由传参：父组件： selectItem (item) { this.$router.push({ path: `/recommend/${item.id}` }) }router.js: { path: '/recommend', component: Recommend, ...

2018-07-22 17:03:02 6478

转载前端：移动端远程真机调试

介绍：browser-sync：远程真机调试，自动更新修改。传送地址：http://www.jzdlink.com/webarticle/building/20160711513.html

2018-06-28 10:43:42 2617 2

原创 ES6学习笔记

ES6学习笔记一、let、const、块作用域let-cont相同点： 1.强制使用严格模式； 2.不能重复声明同意变量。 3.都能在 {} 块作用域中生效；(即作用域范围是：{} ) const： 1.声明5中基本类型之后，便不能修改值；但是声明变量，则存储的是对象的内存地址。 2.初始化时，必须赋值。...

2018-06-15 03:04:00 103

转载 ES6学习笔记

一、let、const、块作用域let-cont相同点： 1.强制使用严格模式； 2.不能重复声明同意变量。 3.都能在 {} 块作用域中生效；(即作用域范围是：{} ) const： 1.声明5中基本类型之后，便不能修改值；但是声明变量，则存储的是对象的内存地址。 2.初始化时，必须赋值。二、解构赋值：对象和数组共同点： 1.无匹配时返回undefined; 2.可...

2018-06-15 03:03:45 228

原创使用Git Bash for Windows

使用Git Bash for Windows 前言之前一直由于对cmd或者Git bash的命令不熟悉，所以使用起来也是不容易；终有一日，决心学习其中之一git，以便日后使用。所以本篇体验Git Bash在Windows操作系统上的用法。本篇主要讲述git bash执行windows上面的命令目录结构根目录：D:\test\m...

2018-05-24 12:03:00 207

原创 ES6之Promise对象学习——8个例子学会Promise

ES6之Promise对象学习——8个例子学会Promise 目录Promise 立即执行Promise 三种状态Promise 不可逆性链式调用Promise.then()回调异步性Promise中的异常Promise.resolve()resolve vs reject一、Promise立即...

2018-05-23 16:19:00 285

原创 typescript学习笔记

一、字符串多行字符串： (支持换行) ` `表达式：${} --> 变量 var a = 'david'; var b = function(){return 'world'}; c

2018-04-24 23:49:49 194

转载 Git入门篇

一、分布式和集中式：首先，分布式版本控制系统根本没有“中央服务器”，每个人的电脑上都是一个完整的版本库，这样，你工作的时候，就不需要联网了，因为版本库就在你自己的电脑上。既然每个人电脑上都有一个完整的版本库，那多个人如何协作呢？比方说你在自己电脑上改了文件A，你的同事也在他的电脑上改了文件A，这时，你们俩之间只需把各自的修改推送给对方，就可以互相看到对方的修改了。集中式版本控制系统相比，分...

2018-04-24 04:06:24 226

转载 Babel的配置和使用

一、安装：》将es6转成es5方法有多种：==》1.可以使用在线编译。babel在线编译==》2.本地全局安装 or 项目安装 babel-cli，就可以将es6–>es5====》2.1本地全局安装：　npm install -g babel-cli====》2.2项目安装（推荐）：npm install --save-dev babel-cli bab...

2018-04-23 11:46:52 3502

原创用css写三角形，宽高可设置

1.不传@h,@c === @h; 2.元素width = @w, 元素height = @h*2 3.配合上.center()实现图标居中less版本：//上下左右居中.center(){ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}//三角形//方向

2018-04-17 17:33:04 1308

原创 typescript语法入门

一、字符串 1.多行字符串： (支持换行) ` <div></div> <p></p> ` 2.表达式：${} --> 变量 var a = 'david'; var b = function(){return 'world'}; console.log(

2018-04-10 09:38:12 1041

转载 css之BFC（block formmatting context）[格式化上下文]

一、定义： BFC就是一个黑盒子，可以保证盒子内部元素不管如何变化，都不会影响盒子附近的元素；它属于普通流、浮动、定位方案中的普通流。二、触发条件： 1.body； 2.float(不包含none)，position(不包含static); 3.display 为 inline-block、table-cells、flex 4.overflow(不包含...

2018-02-22 17:05:18 152

转载删除node_modul模块

npm安装rimraf ，npm版本号要是低于5.x.x 具体不记得了，不然就安装不了这个工具 npm install rimraf -g 然后： rimraf node_modules在这里学到的： https://segmentfault.com/q/1010000002972327

2018-01-31 09:32:27 2225

转载 webstrom配置less自动编译

一、安装nodejs；二、使用npm安装less；（自行百度）三、less在webstrom中的配置：这是我自己的配置： Program： C:\Develop\nvm\npm\lessc.cmd要引用nodejs目录下中的npm目录中的lessc.cmd，我是安装了nvm；Arguments：$FileName$$FileParentDir$\css\$FileNameW

2018-01-23 10:24:29 2230

原创继承

继承 <script type="text/javascript"> /***************** * 1.1函数继承 *****************/ //一、函数继承 function extend(Child,Parent){ ...

2018-01-08 16:32:00 53

原创继承

2018-01-08 16:31:56 131

原创 JavaScript之——对象Object（一）

1. 新建对象和访问：(1).新建var obj1 = {b: 2}; //对象文本表示法var obj2 = new Object();obj2.a = 1;(2).访问//第一种：obj1.b//第二种：obj1[b]第一种：在属性名确定的时候使用；(建议使用这种) 第二种：在属性名不确定的时候使用；2. 对象中的thisvar obj = { a: 1, b: f

2017-12-11 11:28:41 403

原创 caller和callee的解析与使用-型参与实参的访问

caller：是一个函数引用（当前执行函数”被调用的地方”｛即这个”被调用的地方”函数引用｝，如果这个”被调用的地方”是window，则返回【null】），是函数名的属性；var a = function() { alert(a.caller); //输出：var b = function() {a();}} var b = function() { a(); }

2017-12-11 10:45:06 221

原创 caller和callee的解析与使用-型参与实参的访问

caller和callee的解析与使用-型参与实参的访问 caller：是一个函数引用（当前执行函数”被调用的地方”｛即这个”被调用的地方”函数引用｝，如果这个”被调用的地方”是window，则返回【null】），是函数名的属性；var a = function() { alert(a.caller); //输出：v...

2017-12-11 10:45:00 202

转载使用nvm安装nodejs到非系统盘

1、下载nvm包到磁盘下面，我把解压文件放在了这个目录下：A:\dev\nvm（没有自己新建）2、运行 install.cmd文件（以管理员身份运行），出现的界面，按确定即可； 3.在系统盘根目录下面找到settings.txt文件，配置为：root: A:\dev\nvmpath: A:\dev\nodejsarch: 64 proxy: none4、配置环境变量：A:\dev\nv

2017-11-16 00:17:41 1156

转载 JavaScript变量——栈内存or堆内存

一、栈内存：存放 [基本类型] 和 [引用类型的地址] 基本类型：变量名：变量至引用类型：对象名：堆内存地址二、堆内存：存放 [对象]：函数执行完不会被立即清楚，除非其他地方没有引用。原文地址： http://blog.csdn.net/xdd19910505/article/details/41900693

2017-10-30 00:08:27 263

空空如也

空空如也