linsujue-CSDN博客

转载 NPM如何管理依赖包版本？

这是ConardLi的第 69 篇原创，谢谢你的支持！ Nodejs成功离不开 npm 优秀的依赖管理系统。在介绍整个依赖系统之前，必须要了解 npm如何管理依赖包的版本，本文将介绍 npm包的版本发布规范以、何管理各种依赖包的版本以及一些关于包版本的最佳实践。转存失败重新上传取消查看npm包版本你可以执行 npm view package version 查看某个 packag...

2020-03-09 11:32:58 2785

转载 vuex的mapState mapActions mapMutations mapGetters在模块module使用详解

我们使用主要是为了简洁自己的代码，没用这些方法之前我们的代码可能是这样的（这里用使用了modules的来举例子，没有module的使用更简单，这里的module为pim），mutation和action的使用方式一致就不单独举例子了。export default { computed: { count(){ return this.$stor...

2019-12-19 15:00:54 1981

原创 webpack

webpack 安装global 全局 webpack 执行 webpack index.jslocal 局部 webpack 执行 1.npx webpack(node_modules) index.js 2.npm scripts 3.npm run bundle<script from package.json>loader ...

2019-09-09 10:54:41 197

转载 JS原型链与instanceof底层原理

JS原型链与instanceof底层原理一、问题：instanceof 可以判断一个引用是否属于某构造函数；另外，还可以在继承关系中用来判断一个实例是否属于它的父类型。老师说：instanceof的判断逻辑是：从当前引用的proto一层一层顺着原型链往上找，能否找到对应的prototype。找到了就返回true。如果没有发生继承关系，这个逻辑自然是没有疑惑的。但是，...

2019-09-02 14:10:50 224

转载 webpack打包经验——处理打包文件体积过大的问题

https://www.cnblogs.com/vvjiang/p/9327903.htmlwebpack打包经验——处理打包文件体积过大的问题前言最近对一个比较老的公司项目做了一次优化，处理的主要是webpack打包文件体积过大的问题。这里就写一下对于webpack打包优化的一些经验。主要分为以下几个方面：去掉开发环境下的配置 ExtractTextPlugin：...

2019-06-28 17:17:17 2638

转载 HTML5 FormData用法详解以及文件上传实现过程讲解

本篇文章主要介绍了HTML5 FormData 方法介绍以及实现文件上传示例，具有一定的参考价值，有兴趣的可以了解一下(转载：http://www.php.cn/html5-tutorial-378573.html)XMLHttpRequest 是一个浏览器接口，通过它，我们可以使得 Javascript 进行 HTTP (S) 通信。XMLHttpRequest 在现在浏览器中是一...

2019-06-05 16:51:52 2703

转载 Vue事件修饰符（二）.prevent .passive

简介Vue提供了事件绑定的语法糖，我们在标签中可直接使用形如v-on:click，@click，@focus的形式绑定事件监听器，并且可以使用修饰符对事件进行option设置。本次解释下prevent 与passive的修饰符。prevent是拦截默认事件，passive是不拦截默认事件。prevent 某些标签拥有自身的默认事件，如a[href="#"...

2019-06-03 15:04:43 4102

转载 h5上传视频文件

h5上传视频文件从一开始我就掉坑里了，<input type="file" style="display: block;" id="img-upload" multiple accept="image/*" @change="selectImage"/>刚开始使用的这个，发现拍不了视频，就各种找，找到了http://blog.csdn.net/c_kite/article/de...

2019-05-20 11:32:55 9999 2

转载详解vue的diff算法

原创地址：https://www.cnblogs.com/wind-lanyan/p/9061684.html详解vue的diff算法前言我的目标是写一个非常详细的关于diff的干货，所以本文有点长。也会用到大量的图片以及代码举例，目的让看这篇文章的朋友一定弄明白diff的边边角角。先来了解几个点...1. 当数据发生变化时，vue是怎么更新节点的？要知道渲染真实DOM的开...

2019-05-16 16:08:06 242

转载 entry与output

原文链接https://blog.51cto.com/13258913/2151752Webpack 4.X 从入门到精通 - entry与output（一）回顾历史Web应用日益复杂，前端开发也发生了翻天覆地的变化变得盘根错节，到今天已经非常复杂和庞大了！用html、css、javascript老老实实的写个页面的时代早已过去。而现在要完成工作需要借助很多额外的东西，比如工程化、自动...

2019-05-14 15:38:19 435

转载 ajax contentType

原创：https://www.cnblogs.com/dayou123123/p/3443939.htmlajax post data 获取不到数据，注意 content-type的设置、post/get ajax post data 获取不到数据，注意 content-type的设置、post/get关于 jQuery data 传递数据。网上各种获取不到数据，乱码之类的...

2019-04-27 14:57:24 1136

转载 oauth

http://www.ruanyifeng.com/blog/2014/05/oauth_2_0.html

2019-04-23 14:39:14 159

原创 overflow 默认值

CODE:// css.height { height: 200px;}.large-height { height: 300px;}// html<div class="height"> <div class="large-height"> </div></div>CIR...

2019-04-16 13:38:32 7211

转载 (转) javascript(js)的小数点乘法除法问题

一、用js计算 12.32 * 7 结果是多少？答案：86.24000000000001 为什么会出现这种问题？怎么解决？ js在处理小数的乘除法的时候有一个bug，解决的方法可以是：将小数变为整数来处理。以上的计算可以改为： 12.32 * 100 * 7 /100 得出的结果是：86.24，正确。 ...

2018-10-10 11:32:29 726

转载如何区分Babel中的stage-0,stage-1,stage-2以及stage-3（一）

阮老师：http://www.ruanyifeng.com/blog/2016/01/babel.html https://www.cnblogs.com/chris-oil/p/5717544.html

2018-10-07 23:31:42 2733

转载 ES6学习之Babel的正确安装姿势

开始学习ES6，写点东西放上博客^_^本文介绍Babel6.x的安装过程~首先呢，可以使用Babel在线转换 https://babeljs.io/repl/ 然后进入主题：安装Babel（命令行环境，针对Babel6.x版本） 1、首先安装babel-cli（用于在终端使用babel）　　npm install -g babel-cli 2、然后安装...

2018-10-07 23:06:45 263

转载 node import

预处理： http://taobaofed.org/blog/2016/01/07/find-back-the-lost-es6-features-in-nodejs/node export: https://www.cnblogs.com/diligenceday/p/5503777.htmlbabel转码：https://www.cnblogs.com/luxiaoxing/arc...

2018-10-04 23:04:00 1196

转载认识AMD、CMD、UMD、CommonJS

0、导言JavaScript的生态系统一直在稳步增长，当各种组件混合使用时，就可能会发现不是所有的组件都能“和平共处”，为了解决这些问题，各种模块规范就出来了。1、AMD（Asynchromous Module Definition - 异步模块定义）AMD是RequireJS在推广过程中对模块定义的规范化产出，AMD是异步加载模块，推崇依赖前置。define('module1'...

2018-10-04 13:55:09 589

原创格式化后代码报错

可能原因：NO1.加了只有空格的字符串; eg: <div>{{’xxx‘ + ' '+ ' ' }}</div>;长度过长可能导致换行变成 <div>{{ ‘xxx’ + ' '+ ' ' }}</div> 从而报错；解决：NO1.将空格字符串改成 ‘&n...

2018-09-20 15:18:02 534

转载解决VUE中document.body.scrollTop为0

Vue中document.body.scrollTop的值总为零的解决办法最近在做vue的时候监听页面滚动发现document.body.scrollTop一直为0但是发现document.body.scrollTop一直是0。查资料发现是DTD的问题。页面指定了DTD，即指定了DOCTYPE时，使用document.documentElement。页面没有DTD，即没指定DO...

2018-08-09 11:23:16 2186

早前2011年5月就在站上写了一篇《CSS3 Transform》介绍CSS3中Transform属性的简单应用。但这篇文章里的知识无法满足大家对Transform的一个全面认识，最近重新整理了一个Transform系列的文章，希望对初学者有所帮助。前几天介绍了《CSS3 Transform——transform-origin》、《Transform-style和Perspective属性》和《C...

2018-07-06 11:25:15 485 1

转载理解box-sizing属性border-box，content-box

理解box-sizing属性border-box，content-box，其实也是理解正常盒模型与异常盒模型。正常盒模型正常盒模型，是指块元素box-sizing属性为content-box的盒模型。一般在现代浏览器中使用的都是正常盒模型content-box，它也是标准 w3c 盒子模型。下图更方便理解。正常盒模型是指：盒模型的大小柏阔content，padding，border，并且先做con...

2018-05-25 11:18:52 5717

转载 Flex 布局教程：语法篇

Flex 布局教程：语法篇作者：阮一峰日期： 2015年7月10日网页布局（layout）是 CSS 的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。

2018-01-23 17:35:54 182

转载深入理解Flex布局以及计算

深入理解Flex布局以及计算对于Flex布局，阅读了大漠老师和其他老师写的文章后，我还是不太理解Flexbox是如何弹性的计算子级项目的大小以及一些其他细节。在大漠老师的帮助下，我去查阅Flexbox 的 W3C 规范文档。作者：Owen来源：Owen|2017-03-27 09:36 收藏分享年前最后一场技术盛宴 | 1月27日与京东

2018-01-23 17:35:00 1115

转载 30分钟，让你彻底明白Promise原理

为了让大家更容易理解，我们从一个场景开始讲解，让大家一步一步跟着思路思考，相信你一定会更容易看懂。考虑下面一种获取用户id的请求处理//例1function getUserId() { return new Promise(function(resolve) { //异步请求 http.get(url, function(results) {

2018-01-17 17:49:59 361

转载 JavaScript instanceof 运算符深入剖析

instanceof 运算符简介在 JavaScript 中，判断一个变量的类型尝尝会用 typeof 运算符，在使用 typeof 运算符时采用引用类型存储值会出现一个问题，无论引用的是什么类型的对象，它都返回 "object"。ECMAScript 引入了另一个 Java 运算符 instanceof 来解决这个问题。instanceof 运算符与 typeof 运算符相似，用于识别正

2018-01-16 16:52:08 174

转载 Vue 进阶教程之：非父子组件通信方法（非Vuex）

一提到两个非父子组件通信方法，有经验的 coder 肯定会说用 Vuex 啊，我个人建议不要为了用 Vuex 而用 Vuex，除非你的项目很大，耦合度很高，需要大量的储存一些 data，组件之间通信频繁。当然还是要根据自己的业务场景的来决定，总之还是那句话，不要为了用 Vuex 而用 Vuex！Vue 官网介绍了非父子组件通信方法：不过官网说的太简单了，新手看完估计还是

2018-01-11 15:14:20 482

转载 methods和computed和watch的联系和区别

一.methods和computedcomputed是计算属性，methods是方法。html：p>Reversed message: "{{ reversedMessage() }}"p>js：1.var vm = new Vue({el: '#example',data: {message: 'Hell

2018-01-01 15:10:15 278

转载 Vuejs中关于computed、methods、watch的区别

最近一直在学前端Vuejs，对于新手，很是整不明白Vuejs中的computed、methods、watch的区别。其实官方文档给的还是很清楚的，但是对于新手，还是摸不透。地址：https://cn.vuejs.org/v2/api/#computed1#computed：计算属性将被混入到 Vue 实例中。所有 getter 和 setter 的 this 上

2018-01-01 15:04:29 395

转载 href 与 click 事件执行顺序

其实这个是一个老问题了，简单记录一下吧，个人学习。首先上几个概念性的结论： onclick的事件被先执行，其次是href中定义的（页面跳转或者javascript）同时存在两个定义的时候（onclick与href都定义了），如果想阻止href的动作，在onclick必须加上return false;在href中定义的函数如果有返回值的话，

2017-11-13 12:41:26 770

转载深入理解BFC

深入理解BFC定义　　在解释BFC之前，先说一下文档流。我们常说的文档流其实分为定位流、浮动流和普通流三种。而普通流其实就是指BFC中的FC。FC是formatting context的首字母缩写，直译过来是格式化上下文，它是页面中的一块渲染区域，有一套渲染规则，决定了其子元素如何布局，以及和其他元素之间的关系和作用。常见的FC有BFC、IFC，还有GF

2017-11-07 10:33:51 193

转载 JS滚轮事件(mousewheel/DOMMouseScroll)了解

JS滚轮事件(mousewheel/DOMMouseScroll)了解这篇文章发布于 2013年04月17日，星期三，01:29，归类于 js实例。阅读 248570 次, 今日 58 次by zhangxinxu from http://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=317

2017-11-04 15:07:38 1167

转载 UML

UML详解之五——顺序图和协作图http://www.cnblogs.com/sdjnzqr/p/4043288.html1.用例图，时序图，活动图的定义http://blog.csdn.net/xx326664162/article/details/50833740

2017-10-28 18:24:29 166

转载 hasLayout到底是何方神圣？

前言过去一直听说旧版本IE下很多诡异bug均由一个神秘角色引起的，那就是hasLayout。趁着最近突然发神经打算好好学习CSS，顺便解答多年来的疑惑。hasLayout到底是何方神圣？hasLayout可以简单看作是IE5.5/6/7中的BFC(Block Formatting Context)。也就是一个元素要么自己对自身内容进行组织和尺寸计算(即可通过width/he

2017-10-27 21:31:45 189

转载探究CSS中的包裹性

探究CSS中的包裹性之前一直都知道css中的部分元素具有包裹性，今天写博客的时候正好也遇到了一个，所以想总结一下，有错误的地方欢迎指出来。什么是包裹性？包裹性就是父元素的宽度会收缩到和内部元素宽度一样。哪些元素具有包裹性？就我已知的有：absolute，fixed，float，inline-box等等。仔细看看这些元素，他们都有一个共同特点，那就是都

2017-10-27 15:59:50 1172

转载 css 深入理解line-height

原文链接：http://www.cnblogs.com/xiaohuochai/p/5271217.html深入理解line-height与vertical-align前面的话　　line-height、font-size、vertical-align是设置行内元素布局的关键属性。这三个属性是相互依赖的关系，改变行间距离、设置垂直对齐等都需要

2017-10-27 11:44:04 347

转载 Node.js Websocket 区分不同的用户

Node.js Websocket 区分不同的用户实现ws://serverIP:port/:param1/:param2 。通过param1,param2来管理不同的ws回话，以便实现群发和指定用户的消息推送 12npm install ws --savenode server.js

2017-10-26 11:55:16 5059

原创 js Date对象转成对应格式的字符串 && NODE.JS从数据库读取的DATETIME对象转成对应格式的字符串

1.Date对象转成对应格式的字符串 //格式化日期, function formatDate(date,format){ var paddNum = function(num){ num += ""; return num.replace(/^(\d)$/,"0$1"); } /

2017-10-25 12:18:14 1858

转载 js判断基本类型&对象类型

对于基本类型，用typeofvar a=1 typeof a =='number'对于对象，用instanceofvar b=[] b instanceof Array 返回true对于自定义对象也一样有用function A(){}var a =new A();a instancdof A 返回true还有一点如果生命的是基本类型的对象，比如 var a=new

2017-10-25 12:01:33 593

空空如也

空空如也