<style type="text/css"> *{ margin: 0; padding: 0; } .box{ width: 360px; height: 140px; border: 10px solid #a7a6a6; } .box_one{ width: 300px; height: 140px; float: left; overflow: hidden; 继续阅读

<style type="text/css"> div,body,input,textarea,a,select,h1,h2,h3,h4,h5,h6,span,p,ul,ol,li,dl,dd,dt,form,table,span,img{ margin:0; padding:0; } .box{ width: 350px; height: 150px; border: 10px solid rgba( 继续阅读

<style type="text/css"> div,body,input,textarea,a,select,h1,h2,h3,h4,h5,h6,span,p,ul,ol,li,dl,dd,dt,form,table,span,img{ margin:0; padding:0; } body{ width: 100%; background: black; } .box{ position: 继续阅读

大部分网站，都会给部分文章图片或者封面图片添加一个懒加载效果，从而减少一次性向服务器进行大量请求。下面，鹏仔就给大家讲解下给网站添加懒加载教程，其实就是将图片src赋值为一张指定的图片，当用户滚动滚动条到可视区域图片时候，再去加载真正的图片。css代码（鹏仔只是给图片设置了一个大小，具体自己设置）<style> img { display: block; margin-bottom: 10px; wi 继续阅读

利用css实现一个文字一个一个出现的效果，前段时间无意间看到的一个效果，就百度了一下，给大家整理解释一下。<style> .running{ max-width: 500px; height: 60px; margin: 100px auto; text-align: center; } .running h3{ font-size: 40px; line-height: 60px; width: 100 继续阅读

Vue最后做好项目，有很多没用大文件，后期需要进行打包，只需要把用的文件打包，那么我们如何进行打包呢？下面，鹏仔给大家讲解下如何来打包首先，我们打开项目中的文件 config下的 index.js ，如图：接着，我们需要找到 bulid 下的 assetsPublicPath:'/'将他的路径进行修改，将 '路径改为' 改为 './' 即可最后，我们在你的项目文件里打开 cmd ，输入 npm run build 进行打包打包完 继续阅读

选项卡是网站非常常见的效果，大多都是利用了css属性中的display，下面鹏仔给大家带来vue中使用v-show来简单实现选项卡效果。在开始之前，大家得先在页面中引入VUE<style> #app{ width: 400px; height: 250px; position: relative; } .box01{ width:100%; he 继续阅读

1. png24位的图片在iE6浏览器上出现背景，解决方案是做成PNG8.也可以引用一段脚本处理. 2. IE6双倍边距bug：在该元素中加入display:inline 或 display:block 3. 像素问题 使用多个float和注释引起的 使用dislpay:inline -3px 4. 超链接hover 点击后失效 使用正确的书写顺序 link visited hover active 5. z-index问题 给父级添加p 继续阅读

浏览器宿主环境中，有一个location对象，同时这个对象也是window对象和document对象的属性。 location对象中提供了与当前窗口加载的文档有关的的信息，即URL信息。 如 https://www.baidu.com/api/sousu?search=baidu&id=123#2 location.href: 完整URL location.protocol: 返回协议（https:） 继续阅读

React.js 只是一个视图库  （1）声明式设计  （2）高效：通过对DOM的模拟，最大限度的减少与DOM的交互。  （3）灵活：可以与已知的框架或库很好的配合。  （4）JSX：是js语法的扩展，不一定使用，但建议用。  （5）组件：构建组件，使代码更容易得到复用，能够很好地应用在大项目的开发中。  （6）单向响应的数据流：React实现了单向响应的数据流，从而减少了重复代码，这也是解释了它为什么比传统数据绑定更简单。Reactjs的缺点？ 1．一个组件所需要的数 继续阅读

一、 初始化阶段： getDefaultProps:获取实例的默认属性 getInitialState:获取每个实例的初始化状态 componentWillMount:组件即将被装载、渲染到页面上 render:组件在这里生成虚拟的DOM节点 componentDidMount:组件真正在被装载之后二、 运行中状态： componentWillReceiveProps:组件将要接收到属性的时候调用 shouldComponen 继续阅读

1) React和Vue有许多相似之处，它们都有： 使用 Virtual DOM 提供了响应式（Reactive)和组件化（Composable)的视图组件。 将注意力集中保持在核心库，伴随于此，有配套的路由和负责处理全局状态管理的库。2) 性能： 到目前为止，针对现实情况的测试中，Vue的性能是优于React的。3) 生态圈 Vue.js: ES6+Webpack+unit/e2e+Vue+vue一router+单文件组件+vuex+iVew 继续阅读

git是分布式的，svn不是。 git跟svn一样有自己的集中式版本库或服务器。但git更倾向于被使用于分布式模式，克隆版本库后即使没有网络也能够commit文件，查看历史版本记录，创建项目分支等，等网络再次连接上Push到服务器端。 git把内容按元数据方式存储，而svn是按文件。所有的资源控制系统都是把文件的元信息隐藏在一个类似.svn,.cvs等的文件夹里。 git目录是处于你的机器上的一个克隆版的版本库，它拥有中心版本库上所有的东西，例如标签 继续阅读

WebPack 是一个模块打包工具，你可以使用WebPack管理你的模块依赖，并编绎输出模块们所需的静态文件。它能够很好地管理、打包Web开发中所用到的HTML、JavaScript、CSS以及各种静态文件（图片、字体等），让开发过程更加高效。对于不同类型的资源，webpack有对应的模块加载器。webpack模块打包器会分析模块间的依赖关系，最后 生成了优化且合并后的静态资源。webpack的两大特色： 1.code splitting（可以自动完成） 继续阅读

css精灵图，用于一些小的图标不是特别多，一个的体积也稍大，比如大于10K (这个没有严 格的界定）。base64,用于小图标体积较小（相对于css精灵），多少都无所谓。字体图标，用于一些别 人做好的图标库（也有少数自己去做的）用起来比较方便，他的图标只能用于单色，图标用 只能于一种颜色。 继续阅读