• 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> </...
  • 用-webkit-text-stroke实现空心文字
    2017-05-03 23:28
    -wekbit-text-stroke-webkit-text-stroke是一个css属性,定义文字字符描边的宽度和颜色,它是-webkit-text-stroke-width和-webkit-text-stroke-color两个css样式的缩写。我们先看一下使用-webkit-text-stroke实现的空心文字的效果:代码如下:.tsk_cont{     margin:25px;     padding:25px;   &nb...
  • css的text-align-last属性,以及IE下text-align-last的文字间要加空格
    2017-05-02 23:52
    text-align-last属性   text-align-last用来定义block元素或者多行文本因为容器宽度自动断行,形成多行文本时的最后一行文本的对齐模式,这里你可能会说,我们有text-align不就搞定了。确实,大部分情况下的text-align就可以达到我们对文本的对齐要求,但是在text-align:justify定义文本两端对齐的时候,这个两端对齐对最后一行是不管作用的。当然你也可以采用text-algin文中处理最后一行的两端对齐的方式。但是使用text-align-last来处理最后一行的两...
  • requestAnimationFrame在移动端不一致的思考
    2017-04-30 02:41
    requestAnimationFrame问题思考requestAnimationFrame,下文简称raf,IE10+支持。raf是js中新增的一个用来替代setTimeout的方法,它的目的是让我们的动画代码在浏览器刷新页面渲染的时候执行,以达到60fps,解决setTimeout掉帧的问题。raf确实很好用,在PC端,我们使用raf实现的动画可以跟随屏幕的刷新频率进行动画,比用setTimeout实现的动画更加流畅完善。使用的方式跟setTimeout类似,但不需要我们指定间隔时间,间隔时间是根据不同终端的CPU,屏幕刷新频率等...
  • text-shadow文字阴影制作3D文字效果
    2017-04-29 00:26
    text-shadow文字阴影text-shadow是用来给文字加阴影的,兼容性到达IE9浏览器,是css3的一个新样式。text-shadow的语法如下:text-shadow:h-shadow v-shadow blur colorh-shadow:横向的阴影,可以是负值,必填v-shadow:纵向的阴影,可以是负值,必填blur:阴影的模糊成都,选填color:阴影的颜色,选填我们用text-shadow来尝试一下它的效果:.ts_0{     font-si...
妹纸前端
妹纸前端工作室 | 文章不断更新中
京ICP备16005385号-1