友人C君的博客

element：VUE2的web UI工具 mint-ui：VUE 2中的移动UI iview：VUEjs 的开源 UI 库 muse-ui：响应式 UI 库 VUECircleMenu：VUE圆环菜单 VUE-chat：聊天示例 VUE-waterfall：瀑布组件 Keen-UI：基本UI组件 Vux：基于VUE和WeUI的组件库 VUE-carbon：MD风格的移动端 V...

v-for指令把数组和一组<li>元素绑定了。在<li>元素内部，用循环变量t引用某个属性，例如，{{ t.name }}。这样，我们只关心如何更新Model，不关心如何增删DOM节点，大大简化了整个页面的逻辑。我们可以在浏览器console中用window.vm.todos[0].name='计划有变'查看View的变化，或者通过window.vm.todos.pus...

网上的 npm 教程主要都在讲怎么安装、配置和使用 npm ，却很少告诉新人「npm 是干什么的？」「为什么要使用 npm？」。今天我就来讲讲这个话题。本文目标读者是「不太了解 npm 的新人」，老司机请绕道。社区程序员自古以来就有社区文化。社区的意思是：拥有共同职业或兴趣的人们，自发组织在一起，通过分享信息和资源进行合作。虚拟社区的参与者经常会在线讨论相关话题，或访问某些网站。 前端程...

入门前端的坑也很久了，以前很多大小项目，前端都是传统式开发，一直在重复造轮子；接触VUE后，对vue-cli有了解后，仅仅知道vue-cli是一个vue项目的脚手架，可以快速的构建一个vue的基于npm的模块化项目，vue内部的打包机制其实还是借助webpack；但是对webpack\npm\node\nodejs这几个在前端模块化中的高频词总是傻傻分不清，不知道他们之间的具体关系，今天花了些功夫...

优点:无需插件和手机主题,对移动设备友好,能够适应各种窗口大小。只需在CSS中添加@media screen属性,根据浏览器宽度判断并输出不同的长宽值准备工作1：设置Meta标签首先我们在使用Media的时候需要先设置下面这段代码，来兼容移动设备的展示效果：<metaname="viewport"content="width=device-width,initial-sca...

原文地址：https://www.cnblogs.com/jikey/p/4233003.html1. 文字换行2. 两端对齐3. 去掉Webkit(chrome)浏览器中input(文本框)或textarea的黄色焦点框 去掉chrome记住密码后自动填充表单的黄色背景4. ie6: position:fixed5. clearfix6. seperate...

点击顶部菜单中的“运行” 在弹出的快捷菜单中点击“外部工具” 点击外部工具 配置项 在打开的“外部工具 配置项”界面中点击左侧的新建图标按钮，如图 在右侧输入名称，要执行的命令或文件下的文本框中输入“C:\windows\system32\cmd.exe” 工作目录中输入${project_loc},然后点击应用...

https://blog.youkuaiyun.com/tivon_594/article/details/78740679总结：1、普通for循环写起来比较繁琐，要根据数据长度遍历，且如果是稀疏数组，会让for循环做很多无用的遍历。2、for in 循环，适合对象属性的遍历，当使用 for in 遍历数组时候，它不仅遍历数组中的元素，还会遍历自定义的属性，甚至原型链上的属性都被访问到。而且，遍历...

一、 Array.from() : 将伪数组对象或可遍历对象转换为真数组1.何为伪数组如果一个对象的所有键名都是正整数或零，并且有length属性，那么这个对象就很像数组，语法上称为“类似数组的对象”(array-like object),即为伪数组。var obj = {0: 'a',1: 'b',2: 'c',length: 3};obj[0] // 'a'obj[...

首先本质区别是： event.target返回触发事件的元素 event.currentTarget返回绑定事件的元素 举个例子：　　 1 <ul id="ul">ul 2 <li>li<a href="">a</a></li> 3 <li>li&l...

config配置文件详解Node.js中path模块的resolve()和join()方法的区别vue-cli项目结构详解Vue-Cli脚手架文件main.js、App.vue、index.html、index.js详解Vue文件目录中 assets与static的区别相同点：资源在html中使用，都是可以的。不同点：使用assets下面的资源，在j...

1、router-link1. 不带参数 <router-link :to="{name:'home'}"> <router-link :to="{path:'/home'}"> //name,path都行, 建议用name // 注意：router-link中链接如果是'/'开始就是从根路由开始，如果开始不带'/'，则从当前路由开始。 2.带参数 &...

组件是 vue.js 最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。那么组件间如何通信，也就成为了vue中重点知识了。这篇文章将会通过props、$ref和 $emit 这几个知识点，来讲解如何实现父子组件间通信。在说如何实现通信之前，我们先来建两个组件father.vue和child.vue作为示例的基础。//父组件<temp...

ES6 尚硅谷教学视频最常用的ES6特性let, const, class, extends, super, arrow functions, template string, destructuring, default, rest arguments,promise ,set （ES7：async/await,includes）这些是ES6最常用的几个语法，基本上学会它们，我们就可以...

一、简介setTimeout 延迟一段时间执行一次 (Only one)；用clearTimeout()终止setTimeout(function(){··· }, n); // n毫秒后执行functionsetInterval 每隔一段时间执行一次 (Many times)；用clearInterval()终止setInterval(function(){··· },...

在 ECMAScript 规范中，共定义了 7 种数据类型，分为 基本类型 和 引用类型 两大类，如下所示：基本类型：String、Number、Boolean、Symbol、Undefined、Null引用类型：Object基本类型也称为简单类型，由于其占据空间固定，是简单的数据段，为了便于提升变量查询速度，将其存储在栈中，即按值访问。引用类型也称为复杂类型，由于其值的大小...

原文链接：http://caibaojian.com/486.html写css代码的时候有一个好的规范和顺序能够帮你节省很多时间。下文将推荐相关CSS书写顺序和规范的一些方法。这个文档将会整理进前端规范文档中，如果你有更好的意见，不妨留言告知我们。CSS书写顺序该代码来自于互联网，最初好像是Mozilla的网站上。· 1. Display & Flow(显示与流) 2....

作用域是针对变量的，比如我们创建了一个函数，函数里面又包含了一个函数，那么现在就有三个作用域　　函数2作用域==>函数1作用域==>全局作用域作用域的特点就是，先在自己的变量范围中查找，如果找不到，就会沿着作用域往上找。如：var a = 1;function b(){ var a = 2; function c(){ var a =...

　一直没搞清楚立即执行函数和闭包之间的关系，总结一下：闭包有很多种理解：访问不到内部作用域，函数就是这样，所以函数就是闭包； 闭包还有一种理解：通过把函数内部的变量和方法返回出来，这样外部作用域就可以访问内部作用域了 立即执行函数和闭包之间没有必然的联系，虽然它们经常结合一起使用； 立即执行函数只是一种函数的调用方式； 闭包的目的则是外部函数可以访问内部函数的作用域；立即执行函数(I...

【注意】以下方法只对class只有一个值的情况下操作*************************************************************结构部分：<div><p>1</p><p class="test">2</p><p>3</p><...

作用： 都是将图片以**相同宽高比**缩放以适应整个容器的宽高。不同之处在于：1.在no-repeat情况下，如果容器宽高比与图片宽高比不同，　　cover（遮盖）：图片宽高比不变、铺满整个容器的宽高，而图片多出的部分则会被截掉；　　contain（包含）:图片宽高比不变，缩放至图片自身能完全显示出来，所以容器会有留白区域；2.在repeat情况下： ...

原文地址：https://blog.youkuaiyun.com/liang377122210/article/details/71545459（以下为部分内容）Vue.js新手入门指南最近在逛各大网站，论坛，以及像SegmentFault等编程问答社区，发现Vue.js异常火爆，重复性的提问和内容也很多，楼主自己也趁着这个大前端的热潮，着手学习了一段时间的Vue.js，目前用它正在做自己的结业项目...

问题描述：一个父包含框包含一个子元素。给正常流的子元素一个垂直外边距margin-top就会使得父元素跟着往下走，而子元素和父元素的边距则没有发生变化。解决办法：1.修改父元素的高度，增添padding-top样式模拟（常用）；2.为父元素添加overflow:hidden;样式即可（完美）；5.为父元素或者子元素声明浮动（可用）；3.为父元素添加border（可用）;4.添加额外...

原文地址：https://juejin.im/post/5aa252ac518825558001d5de内容目录一、水平居中(1)文本/行内元素/行内块级元素▲(2)单个块级元素▲(3)多个块级元素(4)使用绝对定位实现▲(5)任意个元素(flex)★本章小结：二、垂直居中(1)单行文本/行内元素/行内块级元素▲(2)多行文本/行内元素/行内块级元素(3)图片▲(4)单个块级...

构造函数创建对象我们先使用构造函数创建一个对象：function Person() {}var person = new Person();person.name = 'Kevin';console.log(person.name) // Kevin在这个例子中，Person 就是一个构造函数，我们使用 new 创建了一个实例对象 person。很简单吧，接下来进入正题...

定义在《JavaScript高级程序设计》第三版 4.1.3，讲到传递参数：ECMAScript中所有函数的参数都是按值传递的。什么是按值传递呢？也就是说，把函数外部的值复制给函数内部的参数，就和把值从一个变量复制到另一个变量一样。按值传递举个简单的例子：var value = 1;function foo(v) { v = 2; conso...

this 的指向在 ES5 中，其实 this 的指向，始终坚持一个原理：this 永远指向最后调用它的那个对象，来，跟着我朗读三遍：this 永远指向最后调用它的那个对象，this 永远指向最后调用它的那个对象，this 永远指向最后调用它的那个对象。记住这句话，this 你已经了解一半了。下面我们来看一个最简单的例子：例 1： var name = "windowsNam...

clientWidth和clientHeigh 、 clientTop和clientLeftclientWidth的实际宽度 clientWidth =width+左右paddingclientHeigh的实际高度 clientHeigh = height + 上下paddingclientTop的实际宽度 ...

原文地址：http://caibaojian.com/js-interview-methods.html1.bind（改正）Function.prototype.bind2 = function () { var self = this,args = arguments; return function () { self.apply(args); ...