《JavaScript 闯关记》之初探

当学习一门新的编程语言的时候，应该边学边做，反复演练以加深理解。因此，你需要一个 JavaScript 解释器。幸运的是，每一个 Web 浏览器都包含一个 JavaScript 解释器。可以通过在 HTML 文件里写一个 元素来嵌入 JavaScript 代码，当浏览器加载 HTML 文件的时候，它会自动执行这段代码。如果运行的是一小段 JavaScript 代码，则不必

业界 2016年07月31日

前端开发者应该知道的 CSS 小技巧

一些小技巧让你的CSS技术更专业1,使用:not()去除导航上不需要的边框2,为body添加行高3,垂直居中任何元素4,逗号分离的列表5,使用负nth-child选择元素6,使用SVG图标7,文本显示优化8,在纯CSS幻灯片上使用max-height9,继承box-sizing10,表格单元格等宽11,使用Flexbox摆脱边界Hack12,使用属性选择器选择空链接使用:n

业界 2016年07月29日

移动端上传预览压缩图片

一、功能和问题解析图片上传，在移动端可以使用input为file，通过base64上传图片移动端file有兼容上的问题移动端端图片都是几M，必须压缩二、功能的实现和问题的解决初始页面布局 .add{ width: 100%; height: 100%; text-align: center; border: 1p

业界 2016年07月28日

带你玩转css3的3D！

话不多说，先上demo酷炫css3走马灯/正方体动画： https://segmentfault.com/a/https://bupt-hjm.github.io/cs...github源码地址：https://segmentfault.com/a/https://github.com/BUPT-HJM/c...酷炫css3翻页动画： https://segmentfaul

业界 2016年07月27日

谈谈关于CSS中transform属性之scale

谈谈关于scale属性scale是什么？根据W3C定义 ,scale主要是进行缩放和转化:scale能做什么？1.1px细线CSS代码.wrap{ position: relative;}.UI_scale1{ position: relative; width: 200px; height: 50px; border-bottom:1

业界 2016年07月27日

background-clip 和 background-origin

下面都是我自己的理解, 如果有不对的地方, 还请大家帮忙指出.下面是在 chrome 浏览器上测试的background-clip 和 background-origin先说说background-imagebackground-image 默认的起始位置是 padding 外边缘的左上角. 如下图所示:但是注意: 默认的结束位置却是 border 外边缘的右下角, 如下图

业界 2016年07月27日

小白上学のWebpack零基础学习指导

前言：本套教程是零基础学打包工具webpack；后面会结合gulp+webpack搞定所有你得需求；闲谈：百度搜了一下，虽然教程多，但是杂乱无章，实用的没多少，都是匆匆了事，所以我就自己学了两天，现在从最底层教大家完成webpack的常用功能，后期我会再写一篇gulp+webpack的前端神器文章，但我也要学好了再给大家发^_^!nodejs安装：1.https://nod

业界 2016年07月26日

解决 css 浮动后 父元素高度失效问题

应用场景 子元素标签使用 浮动后，会出现浮在父元素上层，脱离了。导致父元素没办法根据子元素的高度而变化，提供以下解决方案。 解决代码 把 ‘.clearfix ’ Class 样式添加到 父元素即可。 .clearfix:after, .clearfix:before{content:" ";display:table;} .clearfix:after{clear:bo

业界 2016年07月26日

一个前端写的php博客系统--支持markdown哦

部署的地址我的博客地址起因最近买了个新的域名，同时在阿里云申请了免费的虚拟主机。。。借此机会就想搞个自己的博客站点，虽然之前也使用了hexo + github 、 WordPress 做过，但是我的阿里云虚拟主机实在是不知道怎么去搞hexo （也许根本就搞不起来，除非自己花钱买主机，哈哈）。。。WordPress总是感觉好笨重，运行起来一股的人到中年，气喘吁吁啊。。。百度之

业界 2016年07月26日

设计模式---状态模式在web前端中的应用

在vue.js之类的mvvm的框架大行其道的当下，开发中最常见的场景就是通过改变数据来展示页面或模块的不同状态，当我们把mvvm玩的不亦乐乎的时候，有时也会停下了想想：在某些项目中不能用vuejs之类的框架时，我们怎么通过改变数据来修改页面或者模块的状态呢。嗯。说到状态，就想到了状态模式状态模式:在很多情况下，一个对象的行为取决于一个或多个动态变化的状态属性，这样的对象叫做

产品 2016年07月26日