yuzhongkai的博客

转载 理解exports

其实，Module.exports才是真正的接口，exports只不过是它的一个辅助工具。　最终返回给调用的是Module.exports而不是exports。所有的exports收集到的属性和方法，都赋值给了Module.exports。当然，这有个前提，就是Module.exports本身不具备任何属性和方法。如果，Module.exports已经具备一些属性和方法，那么exports收集...

转载 IE8下兼容rgba颜色的半透明背景

 在工作中做一个图片半透明遮罩时发现在IE8下不兼容一查再知道IE8不支持rgba颜色，再搜搜兼容性方法，没想到这么快就解决了。先说说rgba的含义：r代表red，g代表green，b代表blue，a代表透明度。红绿蓝是三原色，所有颜色都可以由这三种颜色拼合而成。比如rgba(0,0,0,.5)就是透明度为0.5的黑色。现代浏览器是支持rgba的，但是在IE8等古董级浏览器中是不支...

原创 vue计算属性（需要在组合没有关联的值）

Vue的计算属性有3种第一种 computed   优点：代码简单，当值发生改变时才会重新调用，有缓存机制 （页面直接调用属性） 第二种 watch  缺点，代码量多，需要单独监听每个属性 第三种  没有缓存，页面改变了都会重新渲染...

原创 Vue样式绑定

Vue绑定样式的2种方式class对象<template> <div class="hello"> <div @click="handleDivClick" :class="{active:isactive}" >sdfsdfsdfsd </div> </d

原创 动态组件与v-once指令的使用

动态切换两个组件（代码繁琐，也会有性能问题，每次都会重新创建组件删除组件）使用动态组件加上v-once指令，会把组件缓存在内存里 

原创 vue插槽使用

vue插槽分为普通插槽，具名插槽，作用域插槽普通插槽只能有一个，而具名插槽可以有多个如果具名插槽没有接收的值（没有传插槽进来），会显示默认的值具名插槽和普通插槽 作用域插槽自己定义循环的标签， 不关心列表项怎么显示，由外部来决定子组件做循环，或者由外部传进来的时候重点：需要在外部加template标签...

原创 给子组建绑定原生事件（@click.native）

通过.native属性后就不用通过子组件的事件触发this.$emit('事件')触发了但两个没有父子关系的组件通过什么传值，还是要通过$emit('事件名'，值)1.在vue实例下挂在一个属性bus，2.vue实例存在$emit方法，bus作为vue实例下的属性，也有这个方法3.通过bus的$emit方法指定触发的事件名4.然后在mounted下用bus.$on监听bus...

原创 Vue创建组件component应用以及细节点用法

在table select 下重复创建标签

原创 css实现复选框全选和单选兼容ie7+

---------------------css-----------------input[type='checkbox'] {  position: absolute;  clip: rect(0,0,0,0);}.lock-checkbox{  position: relative;  top:2px;  left:5px;  display: inline-blo...

转载 js属性对象的hasOwnProperty方法

Object的hasOwnProperty()方法返回一个布尔值，判断对象是否包含特定的自身（非继承）属性。判断自身属性是否存在var o = new Object();o.prop = 'exists';function changeO() { o.newprop = o.prop; delete o.prop;}o.hasOwnProperty('prop'); ...

原创 Vue相关插件依赖的安装

1、安装express    sudo npm i -g express-generator      创建服务    express server—————npm  命令—————2、当前目录下安装 点击依赖npm install fastclick —save    3、当前目录下安装 css编译依赖npm install stylus —save    ...

原创 js的作用域和作用域链的面试题

原创 Css按钮的复用，控制父元素的大小来控制按钮的大小

通过改变父元素的大小控制按钮的大小<style type="text/css">    .parent{        font-size:50px;    }    .button{        margin: 100px;        padding: .3em .8em;        border: 1px solid rgba(0,0,0...

原创 express改 jade 使用 html

1、删除/server/views/jade文件2、新建html文件3、执行命令安装ejs     npm i ejs --s4、执行命令     npm bin/www5、页面访问

原创 Vue搭建Express框架运行（项目目录下）

1、命令行安装express    sudo npm i -g express-generator2、创建express服务    express server3、切换到当前文件，执行依赖 报错4、需要执行命令  安装依赖      npm i5、页面去访问...

翻译 (Vue)模拟mock数据，build文件夹下的配置

新版本的vue已将dev-server.js与webpack.dev.conf.js合并了怎么去访问静态资源呢1、引入express来实现路由的加载2、express.Router()拿到服务端的路由3、获取json文件4、使用路由5、通过get设置前端请求的地址6、前端请求数据...

转载 ES6入门笔记（一）

安装babel由于浏览器对ES6的支持还不是很好，编写ES6代码前我们要安装一个babel工具将ES6代码编译成ES5代码，用如下命令安装babel：npm install -g babel-core //安装babel核心库npm install -g babel-cli //安装babel命令行工具安装成功后，我们将a.js的ES6代码编译为b.j

转载 在使用JS框架之前自己写的一些工具代码

//vb2005xu@sina.com版权所有 (*^__^*) 嘻嘻……    //function -- Debug  function debug(msg)  {      if (msg == undefined)      {          msg = 'Not Parameter' ;      }      alert('Debug: ' +

原创 邮件复选框

id="form1" action="" method="post"> border="1px" width="600" cellpadding="10" cellspacing="0"> colspan="4"> id="btn1" onclick="submit_form('btn1')" type="butto

转载 WEB前端优化的体会

WEB前端优化的体会作者：mj_623ok　时间： 2009-06-29　文档类型：转载　来自：Be Energetic,Be Confident!  第 1 页 WEB前端优化的体会 [1] 第 2 页 WEB前端优化的体会 [2] 第 3 页 WEB前端优化的体会 [3]

转载 IE常见bugs以及解决方案列表

1、如何解决IE6及更早浏览器浮动时产生双倍边距的BUG？#test{display:inline;}2、如何解决IE6及更早浏览器下的3像素BUG？ .a{color:#f00;}  .main{width:950px;background:#eee;}  .content{float:left;width:750px;height:100px;bac

转载 常用meta整理

元素　　概要标签提供关于HTML文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。它可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。　　必要属性属性值描述contentsome text定义与http-equiv或name属性相关的元信息

转载 css3 media响应式媒体查询器用法总结

随着响应式设计模型的诞生，Web网站又要发生翻天腹地的改革浪潮，可能有些人会觉得在国内IE6用户居高不下的情况下，这些新的技术还不会广泛的蔓延下去，那你就错了，如今淘宝，凡客，携程等等公司都已经在大胆的尝试了这项技术，并完美的应用在了自己的网站上了。再不更新知识你就老了。我今天就总结一下响应式设计的核心CSS技术Media(媒体查询器)的用法。准备工作1：设置Meta标签首先我

转载 jQuery.trigger() 函数详解

trigger()函数用于在每个匹配元素上触发指定类型的事件。此外，你还可以在触发事件时为事件处理函数传入额外的参数。使用该函数可以手动触发执行元素上绑定的事件处理函数，也会触发执行该元素的默认行为。以表单元素为例，使用trigger("submit")可以触发该表单绑定的submit事件，也会执行表单submit事件的默认行为——表单提交操作。根据网友 @飞扬 的

原创 点击返回顶部

="javascript:document.getElementById('top').scrollIntoView(),$('.content-shelter').fadeOut(100)">定义返回顶部的按钮js取的id

转载 前端工程师，如何更顺畅的和后端工程师合作

给你个好建议 我在项目中的经验 前后端完全解耦 后端只管提供数据 前端管数据的实现大家先一起开个会 吃个饭 或者打个dota 搞完之后 两边都确定一下数据的格式 写一个纸面上的文档 要哪些字段 基本的数据结构 最好是用json ，比如确定下来一个这样的结构{"name":"viking","age":"26","hobbies":[{},{},{}]}; 双发各自保留一份然后前端根

转载 前端和UI

1. 如果非专业的网页设计，如何可以尽快地让双方更有效的合作？要有一个共同的目标的前提下沟通，如果目标不一致，或没有目标，那就没办法沟通。比如我们有一个宣传活动，这个活动的最终目的就是吸引新用户注册，那我们交流沟通时，完全以这个为目标，与这个偏离太远的直接砍掉，否则加进来。另外要有第三者中立方存在的情况下沟通，比如技术负责人，项目经理等。要不然责任划分不明确，场面容易失控，

原创 js实现图片自动切换效果

var moves; $(function() { var imgs = $("#imgs li"); //取的里标签的个数 var currentIndex = imgs.length; moves = function () { var img =

翻译 请给Array本地对象增加一个原型方法，它的用途是删除数组条目中重复的条目(可能有多个)，返回值是一个包含被删除的重复条目的新数组。

请给Array本地对象增加一个原型方法，它的用途是删除数组条目中重复的条目(可能有多个)，返回值是一个包含被删除的重复条目的新数组。请给Array本地对象增加一个原型方法，它的用途是删除数组条目中重复的条目(可能有多个)，返回值是一个包

转载 鼠标滑过放大图片%

function zoom(id,x,y){ // 设置缩放函数参数：容器id、横向缩放倍数、纵向缩放倍数（等比例缩放时也可以设定一个参数） var obj=document.getElementById(id); // 获取元素对象值 var dW=obj.offsetWidth; // 获取元素宽度 var dH=obj.offsetHeight; // 获取元素高度

转载 一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10

在网站开发中不免因为各种兼容问题苦恼，针对兼容问题，其实IE给出了解决方案Google也给出了解决方案百度也应用了这种方案去解决IE的兼容问题 百度源代码如下http://www.w3.org/1999/xhtml xmlns:bd=http://www.baidu.com/2010/xbdml>;百度一下，你就知道 var wpo={start:n

转载 完美解决IE(IE6/IE7/IE8)不兼容HTML5新标签的方法

HTML5的语义化标签以及属性，可以让开发者非常方便地实现清晰的web页面布局，加上CSS3的效果渲染，快速建立丰富灵活的web页面显得非常简单。HTML5的新标签元素有：定义页面或区段的头部；定义页面或区段的尾部；定义页面或区段的导航区域；页面的逻辑区域或内容组合；定义正文或一篇完整的内容；定义补充或相关内容； 使用他们能让代码语义

翻译 点击elevator楼梯跳转效果

点击elevator楼梯跳转效果 $(function () { var speed = 400;//自定义滚动速度 //回到顶部 $(".content-toolbar").click(function () { $("html,body").animate({"scrollTop": 0}, speed);//

转载 elevator楼层效果

html>lang="en"> charset="UTF-8"> Title name="keywords" content="js特效,网页特效代码,jquery特效 ,flash特效 ,html5特效,html特效,html代码,js代码 ,js广告代码 ,js网页特效代码 ,广告代码 ,特效代码,javascript特效,特效网,特效网站,高清图片下载,美图图片下

转载 前端工作面试问题

你在昨天/本周学到了什么？这段事件一直在整理有关前端的面试题目，整理这也题目，不只是为了能够学习应付即将到来的面试，更是为了补补基础知识。日常项目开发进度太快了，很多属性或者方法用了就忘，这样会造成另外一个隐患，因为基本知识不够扎实，常用的方法用得不够熟练，就很难高效率地开发项目。有了扎实的基础知识，才能其期盼自己走得更远。1）知道W3C的标准，于是在编写html时候会规避

转载 版本控制系统

在Git 中的绝大多数操作都 只需要访问本地文件和资源，不用连网 。 对于任何一个文件，在Git 内都只有三 种状态： 已提交（committed），已修改（modified）和已暂存（staged） 。已提交表示该 文件已经 被安全地保存在本地数据库 中了；已修改表示修改了某个文件，但还没有提交保 存；已暂存表示把已修改的文件放在下次提交时要保存的清单中。基本的Git 工作流程如下所

转载 你如何对网站的文件和资源进行优化？

1、文件合并（目的是减少http请求）：Web性能优化最佳实践中最重要的一条是减少HTTP 请求，它也是YSlow中比重最大的一条规 则。减少HTTP请求的方案主要有合并JavaScript和CSS文件、CSS Sprites、图像映射 （Image Map）和使用Data URI来编码图片。CSS Sprites和图像映射现在已经随处可见了，但由于IE6和IE7不支持Data

转载 html5标签

在浅谈html5和html的区别这篇文章中：我简单的跟大家说了下:什么是新一代超文本标记语言（html5）？以及html5和html的区别在哪些方面？以及html5相对于html的优势在哪里？那么今天就跟大家一起深入讲讲html5标签一、结构标签说到结构标签，我觉得这是相对于html来说，是一个非常好的改变，因为它对于网站的SEO优化有了很大的提升。为什么这么说呢？因为新定义的这些

转载 javascript document对象（四）

javascript document的几种常用的对象方法一、document.write();-------->可以直接向页面输入内容例如：document.write("这个我的第一个网页");二、document.getElementById();---->获取指定ID对象如何通过ID值，来获取元素里面的值？    

转载 javascript循环语句（三）

在javascript中常见的循环语句有：for循环  while循环 do while循环。三种循环语句都有着各自的优势。 一、for循环 格式如下:    for(初始化(1);逻辑判断(2);赋值(3)){      循环体(4)    } 执行过程是:1--->2--->4-->3 for循环什么时候结束呢:当逻辑判断为假（false