2018年11月_包淼淼

原创格式化浏览器接口json数据谷歌浏览器安装JsonView扩展程序

实际开发工作中经常用到json数据，那么就会有这样一个需求：在谷歌浏览器中访问URL地址返回的json数据能否按照json格式展现出来。比如，在谷歌浏览器中访问：http://jsonview.com/example.json展现效果如下：那么安装了JsonView扩展程序后的展现效果如下：很明显，后者的效果更好。实现步骤如下： 1、下载JsonView扩展程序压缩...

2018-11-30 11:25:12 410

原创 js实现继承的几种方式

前言JS作为面向对象的弱类型语言，继承也是其非常强大的特性之一。那么如何在JS中实现继承呢？让我们拭目以待。JS继承的实现方式既然要实现继承，那么首先我们得有一个父类，代码如下：// 定义一个动物类function Animal (name) { // 属性 this.name = name || 'Animal'; // 实例方法 this.sleep = f...

2018-11-29 15:43:32 98

原创 js深拷贝和浅拷贝

https://blog.csdn.net/weixin_37719279/article/details/81240658https://blog.csdn.net/baidu_36065997/article/details/80309991https://blog.csdn.net/Shauna_Wu/article/details/79508988浅拷贝是拷贝一层，深层次的对象...

2018-11-29 14:44:45 83

在JavaScript中，call、apply和bind是Function对象自带的三个方法，这三个方法的主要作用是改变函数中的this指向。call、apply、bind方法的共同点和区别：apply 、 call 、bind 三者都是用来改变函数的this对象的指向的；apply 、 call 、bind 三者第一个参数都是this要指向的对象，也就是想指定的上下文（函数的每次调用都会拥有...

2018-11-28 18:01:57 170

转载 Vue事件解读之$emit

Vue事件分两部分，一是DOM绑定事件，二是自定义事件。DOM事件在Vue中可通过v-on指令或事件语法糖@来为DOM元素绑定事件<div v-on:click="doSomething"></div><div @click="doSomething"></div>自定义事件Vue自定义事件是为组件间通信设计，自定义事件提供$...

2018-11-26 18:56:31 499 1

原创 vue之watch用法

对应一个对象，键是观察表达式，值是对应回调。值也可以是方法名，或者是对象，包含选项。在实例化时为每个键调用 $watch() ;//使用官方vue-cli脚手架书写<template>　　//观察数据为字符串或数组　　 <input v-model="example0"/>　　 <input v-model="example1"/>　　/当单观察...

2018-11-26 18:52:15 88

原创 vue中组件名字写法

2018-11-23 14:48:21 2302

原创在phpstorm中使用stylus发生错误，但是可以正常运行

在phpstorm中使用stylus发生错误，一些stylus不能识别，而且标红报错 1. 在phpstorm中装 vue stylus插件 File 》 Settings 》 Plugins 》搜索 vue 和 stylus，搜索到后安装，然后重启2. 在vue文件中写style时，加入 <style lang="stylus" type="text/...

2018-11-21 14:36:01 318

原创 http协议的状态码——400,401,403,404,500,502,503,301,302等常见网页错误代码

1xx（临时响应）表示临时响应并需要请求者继续执行操作的状态码。 100（继续）请求者应当继续提出请求。服务器返回此代码表示已收到请求的第一部分，正在等待其余部分。 101（切换协议）请求者已要求服务器切换协议，服务器已确认并准备切换。 2xx（成功）表示成功处理了请求的状态码。 ...

2018-11-20 17:17:34 662

转载 Elements in iteration expect to have 'v-bind:key' dir

在学习vue过程中遇到Elements in iteration expect to have 'v-bind:key' directives.' 这个错误，查阅资料得知Vue 2.2.0+的版本里，当在组件中使用v-for时，key是必须设置的。解决方式一：设置对应的key注意上面key值不要用对象或是数组作为key，用string或number作为key，否则报错：[Vue war...

2018-11-20 15:36:57 434

原创面试问题之H5C3有哪些新特性？

H5 C3 新增h51.语义化标签header、footer、aside、section、article、nav2.表单输入类型email、url、number、range、Date Pickers、search、color3.表单属性autocomplete、placeholder、form4.视频音频video、audio5.画布canvas6.伸缩矢量图...

2018-11-19 14:49:52 2395

原创 node.js中获取当前时间

1 左下角 cmd 将盘符定位到webstorm的工作目录路径下2 打开npm网站（https://www.npmjs.com/）回车后开始下载，下载后，会出现在Node_Moudles文件夹下新建一个js文件，文件内容如下：var sd = require('silly-datetime');var time=sd.format(new Date(...

2018-11-19 14:47:59 1893

原创 expected indentation of 0 spaces but found 2 . vue eslint规则和idea冲突

使用vue创建工程时，在vue页面里，用到script时，idea默认会缩进两个空格，而eslint校验时期望，script下的首行不要缩进。因此会提示如下报错：expected indentation of 0 spaces but found 2 . 解决办法：1、不校验缩进，在rule里增加如下规则：'rules': { 'indent': 'off' }...

2018-11-18 17:32:37 1541

原创 vue eslint indent 检测问题 VUE初写小项目问题之命令行报错：Expected indentation of 4 spaces but found 6

一、问题刚开始用一个小项目练手，用vue-cli初始化项目，直接安装了所有的东西，如vue-router、ESLint、unit tests等等，当时只懂得vue-router是什么。问题来了，在vue页面写代码时，命令行报了很多错，几乎全是Expected indentation of 4 spaces but found 6类似这样的二、经过看了报的错，就直接删除了多余的空格。...

2018-11-18 17:21:57 4927 2

原创 This dependency was not found: * common/stylus/index.styl in ./src/main.js To install it, you can ru

有如下错误：This dependency was not found:* common/stylus/index.styl in ./src/main.jsTo install it, you can run: npm install --save common/stylus/index.styl解决：1、首先 npm install stylus-loader stylus...

2018-11-18 16:37:30 904

原创 vue中npm run dev运行项目不能自动打开浏览器!

上个项目结束就很久没有使用vue了，最近打算用vue搭建自己的个人站点就准备先创建项目。然后就出现了一系列问题，可能是很久没用吧，太生疏了，之前又不小心把环境变量删除了，结果各种不是内部或外部命令。这里要说的问题就是一个让我很不爽的问题: I Your application is running here: http://localhost:8080这段话的意思是：你的程序运行...

2018-11-16 19:11:23 790

原创 windows环境下搭建vue+webpack的开发环境

前段时间一直在断断续续的看vue的官方文档，后来就慢慢的学习搭建vue的开发环境，已经有将近两周了，每到最后一步的时候就会报错，搞的我好郁闷，搁置了好几天，今天又接着搞vue的开发环境，终于成功了。我要把我所参考的文档和实际遇到的问题分享给大家。由于本人也是初级菜鸟一枚，如果有错误，还望谅解指正。下面言归正传：所参考的文档链接：http://blog.csdn.net/syyling/arti...

2018-11-16 18:51:21 125

原创 ES6新特性-函数的简写（箭头函数）

https://blog.csdn.net/just4you/article/details/79258799https://www.jb51.net/article/105857.htm

2018-11-08 15:21:57 206

原创 TabIndex 属性 Tabindex="-1" 与Tabindex="0"、任意数字

html中的tabIndex属性可以设置键盘中的TAB键在控件中的移动顺序,即焦点的顺序。把控件的tabIndex属性设成1到32767的一个值，就可以把这个控件加入到TAB键的序列中。这样，当浏览者使用TAB键在网页控件中移动时，将首先移动到具有最小tabIndex属性值的控件上，最后在具有最大tabIndex属性值的控件上结束移动。如果有两个控件的tabI...

2018-11-07 14:39:40 1368

qq_32849999的博客