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> </...

-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...

text-align-last属性   text-align-last用来定义block元素或者多行文本因为容器宽度自动断行，形成多行文本时的最后一行文本的对齐模式，这里你可能会说，我们有text-align不就搞定了。确实，大部分情况下的text-align就可以达到我们对文本的对齐要求，但是在text-align:justify定义文本两端对齐的时候，这个两端对齐对最后一行是不管作用的。当然你也可以采用text-algin文中处理最后一行的两端对齐的方式。但是使用text-align-last来处理最后一行的两...

requestAnimationFrame问题思考requestAnimationFrame，下文简称raf，IE10+支持。raf是js中新增的一个用来替代setTimeout的方法，它的目的是让我们的动画代码在浏览器刷新页面渲染的时候执行，以达到60fps，解决setTimeout掉帧的问题。raf确实很好用，在PC端，我们使用raf实现的动画可以跟随屏幕的刷新频率进行动画，比用setTimeout实现的动画更加流畅完善。使用的方式跟setTimeout类似，但不需要我们指定间隔时间，间隔时间是根据不同终端的CPU，屏幕刷新频率等...

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...