vue弹窗组件vue弹窗组件的样子我们先看一下，我们要实现出来的弹窗组件长什么样子：呐，我们要用vue组件实现的弹窗就是这个样子，跟我们用js插件实现的效果一样，下面我们开始讲述怎么实现一个通用的vue弹窗组件。实现vue弹窗组件需要的知识是vue组件，当然最基础的是vue的知识，我假设大家是有一定vue功底的，然后你还需要了解：1、vue的事件系统，vue组件间的单项数据流，props从父组件向子组件传递数据，子组件通过事件emit向父组件传递事件，父组件通过on监听子组件的事件来处理具体事务。2、具名插槽slot，通过name属性...

<svg viewBox='0 0 500 500'  preserveAspectRatio='xMidYMid meet'  xmlns="http://www.w3.org/2000/svg"> <circle cx='100' cy='100' r='100' stroke-wid...

calc函数四则运算calc函数是css中提供的一个用来计算属性值，通过calc函数我们可以设置诸如width，height等一系列属性的值。换句话说，calc函数把一些简单的js计算挪到了css中了，把布局运算交给了浏览器，减少了js的负担。calc函数可以通过 +,-,*,/ 四则运算，下面我们看一个高度的例子：height:calc(100% - 50px);这里需要注意一下，calc计算+，-的时候，一定要在+，-号两边添加一个空格，不然的话会是无效的。虽然 *，/ 计算两边不需要添加空格，但是为了统一，也...

npm报错operation not permitted，ERR! syscall scandir今天在安装vue-cli的时候总是报这个错误，试了好几种方法都不能解决，最后是使用update更新npm的方法解决的。npm install -g npm@latest使用上面代码在cmd或者git中运行更新下npm，然后再安装vue-cli就能安装成功了。问题是解决了，但是至于为什么npm不更新版本就会导致这个问题就不清楚了，目前也没时间研究这个问题。有兴趣的同学可以提供你的观点，大家一起探究。这个解决方法...

Object.create()Object.create()方法接受两个参数，第一个参数是原型，第二个参数是对象的属性的key：value键值对对象，其中第二个参数的属性定义跟Object.definePropeties()方法定义对象的属性一样。第一个参数是必须的，第二个参数是可选的，也就是说我们由一个原型定义一个空属性的对象。var twoline=Object.create({},{     name:{value:"mooshine"},  &nb...

Object.assign()Object.assign()方法是Object对象的一个静态方法，可以将一个或多个源对象的可枚举值拷贝到目标对象，实现对象的拷贝或者扩展。在jquery中也存在一个跟它类似的方法：$.extend()，也是用来对对象进行拷贝扩展的。Object.assign()对象使用方式很简单：var obj={     width:"100%",     height:"100%", &...

我的前端自动化的认识近几年，自从nodeJS出来之后，前端发生了很大的变化，各种工程化的工具，自动化工具漫天飞。光是工具的名字就有一大摞，但是到目前为止，我仍然是一个前端自动化的工具都没有使用过。一谈到前端自动化工具，感觉自己在前端行业已经是原始人了，还在自己手动创建项目结构。前端自动化的学习起步是首先我们要了解他们都是做什么的，能给我们带来什么好处。首先一个是bower，bower是用来帮我们下载一些js库的，比如jquery，fontAwesome，bootsrap等，它的图标是一只小鸟：在windows下面我们安装了nodejs...

微信小程序-屎一样的开发体验微信小程序是微信想要打造一个app体验的web平台，可是其开发过程对于it程序员来说，那真是屎一样的体验。下面我们列举几点屎一样的体验事件绑定<block wx:for="lists">   <view bindtap='beselect'> {{name}}: </view> </block>Page({      ...

nth-child前言nth-child的选择器是css3的新增的子元素选择器，与其类似的有nth-last-child,nth-last-of-type,nth-of-type,last-of-type,last-child等，通过这些选择器，我们可以方便的对特定的子元素设置特定的样式，比如隔行变色等，减去了不少js的操作。这类CSS3的选择器，兼容到IE9，拥有良好的兼容性，可以在现代WEB项目中放心使用。nth-childnth-child是一个css伪类，它的语法是:nth-child(an+b),其中的a,b为整数，n为（0...

-webkit-box-reflect镜像-webkit-box-reflect是webkit内核浏览器的一个私有属性，用来对block元素制作一个镜像的效果，这个属性有四个基础值：above,below,left,right,分别表示在四个方向上制作镜像：<div class="tsk_cont">     <span class="mirror">Mooshine妹纸前端</span> </...