• vue弹窗组件的实现
    2018-01-06 14:13
    vue弹窗组件vue弹窗组件的样子我们先看一下,我们要实现出来的弹窗组件长什么样子:呐,我们要用vue组件实现的弹窗就是这个样子,跟我们用js插件实现的效果一样,下面我们开始讲述怎么实现一个通用的vue弹窗组件。实现vue弹窗组件需要的知识是vue组件,当然最基础的是vue的知识,我假设大家是有一定vue功底的,然后你还需要了解:1、vue的事件系统,vue组件间的单项数据流,props从父组件向子组件传递数据,子组件通过事件emit向父组件传递事件,父组件通过on监听子组件的事件来处理具体事务。2、具名插槽slot,通过name属性...
  • SVG内嵌html页面中viewBox是区分大小写的
    2017-12-21 10:50
    <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...
  • css函数calc()的使用
    2017-10-09 23:21
    calc函数四则运算calc函数是css中提供的一个用来计算属性值,通过calc函数我们可以设置诸如width,height等一系列属性的值。换句话说,calc函数把一些简单的js计算挪到了css中了,把布局运算交给了浏览器,减少了js的负担。calc函数可以通过 +,-,*,/ 四则运算,下面我们看一个高度的例子:height:calc(100% - 50px);这里需要注意一下,calc计算+,-的时候,一定要在+,-号两边添加一个空格,不然的话会是无效的。虽然 *,/ 计算两边不需要添加空格,但是为了统一,也...
  • NPM 安装React 或者vue-cli时报错npm ERR! code EPERM npm ERR! errno -4048 npm ERR! syscall scandir解决方法
    2017-09-19 15:04
    npm报错operation not permitted,ERR! syscall scandir今天在安装vue-cli的时候总是报这个错误,试了好几种方法都不能解决,最后是使用update更新npm的方法解决的。npm install -g npm@latest使用上面代码在cmd或者git中运行更新下npm,然后再安装vue-cli就能安装成功了。问题是解决了,但是至于为什么npm不更新版本就会导致这个问题就不清楚了,目前也没时间研究这个问题。有兴趣的同学可以提供你的观点,大家一起探究。这个解决方法...
  • Object.create()创建一个新的对象
    2017-05-11 21:19
    Object.create()Object.create()方法接受两个参数,第一个参数是原型,第二个参数是对象的属性的key:value键值对对象,其中第二个参数的属性定义跟Object.definePropeties()方法定义对象的属性一样。第一个参数是必须的,第二个参数是可选的,也就是说我们由一个原型定义一个空属性的对象。var twoline=Object.create({},{     name:{value:"mooshine"},  &nb...
  • Object.assign()用来拷贝对象,类似于jquery的$.extend方法
    2017-05-11 20:43
    Object.assign()Object.assign()方法是Object对象的一个静态方法,可以将一个或多个源对象的可枚举值拷贝到目标对象,实现对象的拷贝或者扩展。在jquery中也存在一个跟它类似的方法:$.extend(),也是用来对对象进行拷贝扩展的。Object.assign()对象使用方式很简单:var obj={     width:"100%",     height:"100%", &...
  • 前端自动化浅谈
    2017-05-11 00:40
    我的前端自动化的认识近几年,自从nodeJS出来之后,前端发生了很大的变化,各种工程化的工具,自动化工具漫天飞。光是工具的名字就有一大摞,但是到目前为止,我仍然是一个前端自动化的工具都没有使用过。一谈到前端自动化工具,感觉自己在前端行业已经是原始人了,还在自己手动创建项目结构。前端自动化的学习起步是首先我们要了解他们都是做什么的,能给我们带来什么好处。首先一个是bower,bower是用来帮我们下载一些js库的,比如jquery,fontAwesome,bootsrap等,它的图标是一只小鸟:在windows下面我们安装了nodejs...
  • 微信小程序-屎一样的开发体验
    2017-05-08 22:28
    微信小程序-屎一样的开发体验微信小程序是微信想要打造一个app体验的web平台,可是其开发过程对于it程序员来说,那真是屎一样的体验。下面我们列举几点屎一样的体验事件绑定<block wx:for="lists">   <view bindtap='beselect'> {{name}}: </view> </block>Page({      ...
  • CSS3选择器nth-child,nth-last-child,nth-last-of-type,nth-of-type,last-of-type,last-child
    2017-05-07 20:13
    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制作镜像的样式介绍
    2017-05-04 23:00
    -webkit-box-reflect镜像-webkit-box-reflect是webkit内核浏览器的一个私有属性,用来对block元素制作一个镜像的效果,这个属性有四个基础值:above,below,left,right,分别表示在四个方向上制作镜像:<div class="tsk_cont">     <span class="mirror">Mooshine妹纸前端</span> </...
妹纸前端
妹纸前端工作室 | 文章不断更新中
京ICP备16005385号-1