Never Yu-CSDN博客

原创关于 JavaScript 中 this 的详细总结

全局上下文函数上下文简单调用bind 方法箭头函数作为对象的方法原型链中的 this作为构造函数作为一个 DOM 事件处理函数作为一个内联事件处理函数在 JavaScript 中，函数中的 this 指向，很多同学总是理不清楚【这必然会带来一些问题】。确实，JavaScript 中，函数的 this 指向比较复杂多变。它和你调用的方式有关系，和严格模式 ...

2018-06-17 22:27:31 662 1

原创 JavaScript 中 forEach、map、filter 终极篇

forEach使用说明forEach 要点forEach forEach() 方法对数组的每个元素执行一次提供的函数。array.forEach(callback(currentVal, index, array) { // do something}, thisArg)使用说明1、forEach 方法按升序为数组中含有效值的每一项...

2018-05-25 20:02:13 1246

转载彻底理解JavaScript中的深拷贝和浅拷贝

基本类型和引用类型深拷贝与浅拷贝在说深拷贝与浅拷贝前，我们先看两个简单的实例：//案例1var num1 = 1, num2 = num1;console.log(num1) //1console.log(num2) //1num2 = 2; //修改num2console.log(num1) //1console.log(num2) //2//案例...

2018-05-15 17:57:39 1461

原创 vue-music 移动端不能播放歌曲的解决方案

vue-music 项目移动端不能播放歌曲的解决方案vue-music 项目移动端不能播放歌曲的解决方案步骤一卸载 vue 和 vue-template-compilernpm uninstall vue vue-template-compiler步骤二安装 2.4.1 版本的 vue 和 vue-template-compiler 【vue...

2018-04-27 18:39:04 2643 1

原创 XML、XMLDOM、XMLHttpRequest 详解（二）

XMLHttpRequest(XHR)XHR 使用虽然可以通过 XML DOM 文档加载 XML 文件，但公认的还是 XMLHttpRequest 对象比较好【划重点】XMLHttpRequest 是一个 API，它为客户端提供了在客户端和服务器之间传输数据的功能。它提供了一个通过 URL 来获取数据的简单方式，并且不会使整个页面刷新。这使得网页只更新一部分页面而不会打...

2018-04-18 18:38:29 444

原创 XML、XMLDOM、XMLHttpRequest 详解（一）

背景知识XML、XMLDOM同步及异步DOM2 中的 XMLXPathIE中的 XPathW3C 下的 XPath XMLDOM、XMLHttpRequest 是 JavaScript 中比较核心比较重要的一些点，现在有很多成熟的库帮我们封装了这些功能，包括兼容性方便也做了处理，很方便我们使用，但是这些底层核心，我觉得还是很有必要学习了解一下。背景知识...

2018-04-17 19:23:16 1081

原创 npm ERR! Unexpected end of JSON input while parsing near '...",'

npm install 的时候出现错误：npm ERR! Unexpected end of JSON input while parsing near '...&quot;,&quot;webpack-dev-server'解决方案：第一步：npm cache clean --force第二步：（再安装）npm install --registry=https://registry.np...

2018-04-01 21:14:49 17696 3

原创 axios 发 post 请求，后端接收不到参数的解决方案

问题场景问题原因要点1要点2问题分析解决方案解决方案一解决方案二解决方案三解决方案四解决方案五解决方案六问题场景场景很简单，就是一个正常 axios post 请求：axios({ headers: { 'deviceCode': 'A95ZEF1-47B5-AC90BF3' }, method: '...

2018-03-23 15:52:43 57844 40

原创 Error: Cannot find module './build/Release/DTraceProviderBindings'

如果你是在 MAC 下出现这个问题，那么这篇文章应该可以帮到你。错误信息大致如下：{ Error: Cannot find module './build/Release/DTraceProviderBindings' at ... ... code: 'MODULE_NOT_FOUND'}我认为一个比较好的解决方法是：1、查看 packag...

2018-02-28 23:55:19 1513

转载软件开源协议

什么是开源协议如何快速选择开源软件协议什么是开源协议开源协议是一种法律许可。通过它，版权拥有人明确允许，用户可以免费地使用、修改、共享版本软件。在网上看到一张很好懂的图：协议都有哪些限制如何快速选择开源软件协议1、我需要一个简单宽松的协议MIT License是一个简短、宽松、自由的协议。该协议允许人们使用你的代码，但必须要保留你的版权信息。与...

2018-02-26 15:01:17 933

原创 drop-shadow 详解

属性例子png小图片变色QA关于兼容性属性css3 属性：filter: drop-shadow 滤镜要使用标准的 css3 实现某元素的投影效果，有两个方法，第一个就是使用常见的 box-shadow ，第二个就是使用 css3 的 filter 阴影滤镜 drop-shadow。filter 中的 drop-shadow 与 box-shadow 有...

2018-02-24 18:40:02 20222

转载最新的 Sublime 激活码

—– BEGIN LICENSE —– TwitterInc 200 User License EA7E-890007 1D77F72E 390CDD93 4DCBA022 FAF60790 61AA12C0 A37081C5 D0316412 4584D136 94D7F7D4 95BC8C1C 527DA828 560BB037 D1EDDD8C AE7B379F

2018-01-30 18:15:35 4231

转载 webpack 持久化缓存

webpack 如何做持久化缓存webpack 做缓存的一些注意点CSS 文件 hash 值失效的问题不建议线上发布使用 DllPlugin 插件webpack 如何做持久化缓存之前简单介绍了持久化缓存，下面这个才是重点，那么我们应该如何在 webpack 中进行持久化缓存的呢，我们需要做到一下两点： 1、保持 hash 值的唯一性，即为每个打包后的资源生成一个独一

2018-01-28 23:06:33 1669 1

转载怎样开发和部署前端代码

一个简单的前端项目：上图是一个“简单”的 index.html 页面和它的样式文件 a.css ，用文本编辑器写好代码，无需编译，本地预览，确认OK，丢到服务器，等待用户访问。 OK了。然后我们访问页面，看到效果，再查看一下网络请求，200。很OK。看看那个 a.css 文件的请求吧，如果每次用户访问页面都要加载，是不是很影响性能，很浪费宽带，我们希望变成这样：利

2018-01-25 23:07:40 702

原创 vue里面父组件如何修改子组件样式

一去掉 scoped二混用本地和全局样式三使用深度作用选择器在使用 vue 的开发中，我们有时会引用外部组件，包括 UI 组件（ElementUI、iview）。当标签有 scoped 属性时，它的 CSS 只作用于当前组件中的元素。但是在父组件中添加 scoped 之后，父组件的样式将不会渗透到子组件中，所以在父组件中书写子组件的样式是无效果的。一、去掉 scop

2018-01-17 16:44:50 26038 1

原创 Vue + ElementUI 学习交流群

Vue + ElementUI 学习交流群：685486827

2018-01-12 18:18:27 3023 1

原创关于 npm 最详细的介绍

最详细、最全面、最细致的 NPM 教学

2018-01-01 19:06:13 16009 2

转载汇总 Vue 中大家最爱问的高频问题

data functions should return an object我给组件内的原生控件添加事件怎么不生效了我用了 axios 为什么 IE 浏览器不识别IE9我在函数内用了 thisxxx为什么抛出 Cannot set property xxx of undefined为什么我引入的小图片渲染出来却是 dataimagepngbase64xxComponent templa

2017-12-21 18:41:32 8105 1

原创 JavaScript中MVVM框架是如何实现双向绑定的

数据的双向绑定是如何实现的？如何监听数据的变化？如何处理脏值？希望这篇文章能给你收获

2017-12-19 22:59:47 487

原创升级到新版的 vue-cli 的两个问题

只能使用localhost访问无法使用ip访问手机访问时只显示title不显示内容只能使用localhost访问，无法使用ip访问关于这个问题，其实是因为 webpack 导致的，因为我们使用 vue-cli 来构建项目的时候，一般都会选择使用的模版是 webpack 。这次 webpack 升级后，导致 /config/index.js 里面的配置项多了几项。其中一

2017-12-18 23:14:23 5713 1

原创 Vue 中如何引入第三方 JS 库

一绝对路径直接引入全局可用二绝对路径直接引入配置后import 引入后再使用三webpack中配置 aliasimport 引入后再使用四webpack 中配置 plugins无需 import 全局可用结论我们以 jQuery 为例，来讲解一、绝对路径直接引入，全局可用主入口页面 index.html 中用 script 标签引入：script src

2017-12-13 19:15:21 94456 7

转载 Vuex 简单入门

什么是 Vuex使用 VuexVuex 的组成部分StateMutationsActionsGettersPlugins参考文档今天试了一下 Vuex ，感觉跟 Redux 的实现思想类似。在此，简单地总结一下。什么是 Vuex在 Vue 中，多组件的开发给我们带来了很多的方便，但同时当项目规模变大的时候，多个组件间的数据通信和状态管理就显得难以维护。而 Vuex 就此应运而生。将状

2017-12-09 23:20:37 345

原创 sublime 中 swig 文件如何高亮

TwigTwig因为 sublime 没有 swing 的高亮插件，所以我们使用 Twig。效果是一样的。1、第一步：在 sublime 中ctrl + shift + p 打开命令窗口2、第二步install package3、第三步搜索 Twig4、第四步安装 Twig安装中....重启 sublime5、第五步设置语言

2017-12-07 18:32:54 1135

原创清晰明了搞懂 call、apply、bind 的区别

简单明了，清晰直观，让你搞懂，call、apply、bind。包会直接来看 call 例子：var People = { sayHello: function(arg1) { console.log('你好，' + this.name + '，' + arg1) }}var me = { name: 'Neveryu'}

2017-12-06 15:03:43 3866

转载 Vue 组件命名

全面详解的 vue 中的命名机制，包括组件、变量、props、slot。分享学习一下

2017-12-04 18:46:06 3974

transition渐进过渡vue 刚开始只是一个库，提供语法糖，它带来了数据与视图的双向绑定，简化了前端开发人员频繁操作 DOM 的繁琐，随着 vue 生态圈的发展，包括 vue-cli、vue-router、vuex 的产生，以及其他一些开发者开发的以 vue 为核心的组件库，UI库，服务端渲染等等的诞生，vue 已经是现在最流行的前端框架之一了。vue 2.x 相较于 vue 1.x 核心不

2017-11-25 22:16:58 1646

原创 sublime vue stylus 高亮

sublime 中 vue 高亮vue 中的 stylus 高亮sublime 中 vue 高亮在 sublime 中高亮 vue 代码，需要安装一个 Vue Syntax Highlight 的插件。vue 中的 stylus 高亮如果你在 vue 里面使用 stylus 写样式的话，还需要在 sublime 中安装 stylus 的插件，才能使 vue 中的 stylus 代码高亮。

2017-11-23 11:56:01 3991 1

原创 jQuery 详解（含最新的3.x版本）

jQuery 版本的异同点jQuery 有哪些功能模块jQuery 3x 有哪些新特性jQuery 3 运行在 Strict Mode 下forofget 和 post 函数的新签名采用 requestAnimationFrame 来实现动画对包含特殊含义的字符串提供转义的新方法unwrap 方法类操作方法支持 SVG对于防止 XSS 攻击的额外保护jQuery 3 中有变更的特

2017-11-21 18:56:59 2079

原创 vue2.x 中如何获取 DOM

vue1x如何获取 DOMvue1.x如何获取 DOM？答案是使用 v-el在 vue1.x 中，在一个组件中，为 DOM 元素注册一个索引，方便通过所属实例的 $els 访问这个元素。注意：因为 HTML 不区分大小写，cameCase 名字比如 v-el:someEl 将转为全小写。可以用 v-el:some-el 设置 this.$els.someEl 。示例：<span v-

2017-11-18 20:37:33 12286

原创 CSS 万能的 sticky-footer 写法

在网页设计中，Sticky footers设计是最古老和最常见的效果之一，大多数人都曾经经历过。它可以概括如下：如果页面内容不够长的时候，页脚块粘贴在视窗底部；如果内容足够长时，页脚块会被内容向下推。我们来看一下效果图：可以看到不管怎样，关闭按钮，页面内容不够的时候，关闭按钮在页面底部。页面内容够长时，关闭按钮在内容的最下面，滚到最下面才能看到。它不是 fixed 在屏幕的底部的，从

2017-11-12 16:55:24 706

原创去除两个 inline-block 之间的间距

去掉两个 inline-block 之间的间距。是因为两个标签之间有空白字符导致的。那么我们要如何去掉两个 inline-block 之间的间距。

2017-11-12 14:40:41 1026

原创 CSS 超出部分显示省略号

直接看代码：&lt;!DOCTYPE html&gt;&lt;html lang=&quot;en&quot;&gt;&lt;head&gt; &lt;meta charset=&quot;UTF-8&quot;&gt; &lt;title&gt;desktop de

2017-11-11 18:26:32 47218 2

转载超nice的vuex教程

什么是 vuex 引入 vuex 前提是已经用vue脚手架工具构建好项目什么是 vuex ？ vuex是一个专门为vue.js设计的集中式状态管理架构。状态？我把它理解为在data中的属性需要共享给其他vue组件使用的部分，就叫做状态。简单的说就是data中需要共用的属性。引入 vuex (前提是已经用vue脚手架工具构建好项目)1、利用npm包管理工具，进行安装 vuex。在 Termin

2017-11-08 16:10:10 5824 4

原创使用vue-cli构建的项目不检查分号

使用 vue-cli 构建的项目，模版是 webpack ，默认的 eslint 配置是以 standard 为基础的，要求是不使用分号。如果我们希望要使用分号，则在 rules 字段增加配置：'semi': ["error", "always"]这样，你的 js 代码每一个表达式的结尾就应该以分号结尾，否则 eslint 会给出错误提示。如果你希望 eslint 不检查分号这一项，这个时候结尾的分

2017-11-04 19:06:49 7677 1

原创 Do not mount Vue to <html> or <body> - mount to normal elements instead.

在使用 vue-cli 构建项目时（使用的模版是webpack）初始化的 main.js 中是这样的。/* eslint-disable no-new */new Vue({ el: '#app', router, template: '<App/>', components: { App }});然后将挂载点改为： el: 'body' ，然后浏览器就会报这个警告：[Vue

2017-11-02 23:55:54 1788

原创数组的空位与undefined的注意点

const a1 = [undefined, undefined, undefined];const a2 = [, , ,];a1.length // 3a2.length // 3a1[0] // undefineda2[0] // undefineda1[0] === a2[0] // true上面代码中，数组 a1 的成员是三个 undefined，数组 a2 的成员是三个空

2017-10-25 17:03:18 1985

原创 vue 为什么不支持 IE8 及其以下版本

*官方给出的解释是：因为 Vue.js 使用了 IE8 不能模拟的 ECMAScript 5 特性。但具体是哪些特性呢？Object.defineProperty()该方法允许精确添加或修改对象的属性。一般情况下，我们为对象添加属性是通过赋值来创建并显示在属性枚举中（for…in 或 Object.keys 方法），但这种方式添加的属性值可以被改变，也可以被删除。而使用 Obj

2017-10-24 18:13:37 41459

原创如何使用 google 搜索

准确搜索排除关键字用 Either OR或进行搜索同义词搜索站内搜索星号的用处在两个数值之间进行搜索在网页标题链接和主体内容中搜索关键词搜索相关网站组合使用上述搜索技巧1. 准确搜索最简单和最有效的搜索方式是给关键词加上双引号，这样搜索引擎会反馈和关键词完全吻合的搜索结果。例如，搜索 Joe Bloggs 时，搜索引擎会返回同时跟 Joe 和 Bloggs 相关的结果，而搜索 “J

2017-10-22 12:09:55 3181