移动端web开发基本上分为三种： 移动端网页开发 传统的页面开发，可以参考手机腾讯网。 移动端web app开发 简单来说就是在开发中使用一些浏览器私有的方法，使得web页面拥有一些native的功能。 hybrid app开发（在此不谈） 简单来说就是通过写特定的代码生成跨平台的web app，类似react，phonegap，cocos2d等。 由于本身没有深入移动端开发，但也可以预见一些移动端开...
利用多列布局的属性可以轻松的为文字或者图片添加瀑布流效果； 首先看一下多列布局的属性总览： column-width属性简介 2.column-count属性简介 3.column属性简介 4.column-gap属性简介 5.column-rule属性简介 6.column-fill属性简介 7.column-span属性简介
来自： http://my.oschina.net/maybelle/blog/614372 background-clip属性简介background-clip属性用于设置盒子背景的一个显示区域，分别有border-box，padding-box，content-box；border-box表明背景是从边框开始，即包含边框；padding-box表明背景是从内边距开始，不包含边框；content-box表明背景是从内容开始，不包含边框以及内边距； background-origin属性简介background-origin属性用于设置背景图片的显示区域，分别...
Animation和transition一样也是动画效果，但是transition只能控制动画开始的起始状态，而Animation可以设置关键帧去定义动画的过渡过程； Animation用@keyframes去自定义一个变化过程 {}内部包含着动画变化的关键帧例如： @-webkit-keyframes mycolor { 0%{ background-color: brown; } 40%{ background-color: aqua; } 70%{ background-color: #555555; } 100%{ backgroun...
来自： https://estkin.github.io/reindeer.css/ Reindeer.css 前端开发人员的轻量级可定制CSS框架。 # Status At the time we are working on Reindeer as much as possible, some components are missing, but we will add them very soon! This documentation is updated for Reindeers version 0.1.3 # Install Reindeer Recommended installation is with node package manager Run...
越来越多的移动端和桌面端应用开始使用HTML、CSS和JS来开发了，而网页设计更是离不开这些语言。正是这种局面使得许多新的网页技术成为了可能，也催生了许多诸如React.js、Angular和Node.js这样的库。随着需求和项目的细化，开发者社区几乎每天都会有有开发者放出新的库和开发工具。 进入新年，我们推荐过设计素材，聊过设计趋势，推荐了许多酷站，这次的文章将会推荐20款最新的实用开发工具，为各位前端和后端开发者来点干货。这...
这篇，我们要解决上篇留下的两个问题： webpack如何自动发现entry文件及进行相应的模板配置 如何直接处理后端模板的样式、脚本自动引入问题 目录结构 以express项目为例，使用express-generator构建一个初始项目，然后再添加需要的目录，最终的目录架构如下： - website - bin #express项目启动文件 - lib #express项目开发所需的库 + routes ...
移动端 meta 小结 iphone 中的safari 浏览器对于 input[type="submit"] 渲染效果解决方案 input{ -webkit-appearance: none;}
可以说两者有关系，又可以说没有关系。 两者有关系，那是程序和CSS布局都可以由一个人完成；没关系，是可以由不同人来完成。 程序是主要对数据处理、计算，比如表单数据交互数据、数字运算、数据处理等DIV CSS主要是将程序处理数据呈现给大家，起到美化网页、排版网页作用（也就是我们所说前台布局）。 在网站建设中DIV CSS技术人员可以不会程序开发，同时程序开发技术不会CSS+DIV布局也可以协同工作。 通常网站建设大致步...
JDK+Tomcat+ MyEclipse开发环境搭建 JDK下载安装 （ 1 ）下载 JDK 对应版本，双击安装 JDK ，选择安装路径，安装完毕继续安装 JRE ，修改安装路径，安装完毕配置环境变量。计算机 → 属性 → 高级系统设置 → 高级 → 环境变量。 （ 2 ）系统变量 → 新建 JAVA_HOME 变量 。变量值填写 jdk 的安装目录（到安装目录查看属性复制即可，我的是 D:\Program Files\Java\jdk1.8.0_72) 。 （ 3 ）系统变量 → 寻找 Path ...
大道至简 padding引入 接着上回的说哈，通过引入css样式，我们可以改变html标签的展示形态，现在有个需求：在div中写上一些文字，看代码和效果图1： css：div { width: 300px; height: 100px; background-color: cyan;}html：衣带渐宽终不悔，为伊“写”得人憔悴 效果图1.png 效果和我们的样式是一样的（上边是正常显示模式，下边我用的开发模式，主要是为了区分效果和显示数值），既...
本帖最后由 xiaogutou219 于 2016-3-23 11:46 编辑 你是否想开发游戏呢？以下搜集了一系列视频，让你能着手开发 HTML 5 游戏！ 使用 HTML 5 的理由 第一支视频解释 「针对 Web 开发游戏」的几个理由： 作品能突破平台限制；接触到更多人；从死板的 App 商城中解放；选择自己爱用的工具与 API 等等。 引擎与函数库 第二支视频则概述了目前可用以构建游戏的 引擎与函数库 。其中包含完整的 JavaScript...
先看这张图 实在太爽了，支持css module，保存还自动刷新，很好的开发环境，这个项目来自于 ultimate-hot-reloading-example 用法很简单，在命令行输入 git clone https://github.com/glenjamin/ultimate-hot-reloading-examplecd ultimate-hot-reloading-examplenpm inpm start 浏览器打开 http://localhost:3000/ 就可以看到效果了。 用编辑器打开，修改 client\components\App.css ...
“每18至24个月，前端都会难一倍” ——赫门 “2015深JS大会《前端服务化之路》主题演讲” 知识点 布局、盒子模型、选择器优先级、CSS3、Flexbox、浮动元素、Sass、Less...... 题目&答案 介绍一下CSS的盒子模型。(1)有两种， IE 盒子模型、标准 W3C 盒子模型；IE的content部分包含了 border 和 pading；(2)盒模型： 内容(content)、填充(padding)、边界(margin)、 边框(border)。 CSS选择符有哪些...
Doctype作用？严格模式与混杂模式如何区分？它们有何意义? doctype是告诉浏览器我的html使用哪个版本的html协议写的，让浏览器按照神明的协议执行。 区别：严格模式是浏览器根据规范去显示页面，混杂模式是一种向后兼容的方式去显示。 意义：决定浏览器如何去渲染网站即浏览器使用哪种规范去解析网页。触发：浏览器根据doctype是否存在和使用的是那种dtd来决定。 HTML5 为什么只需要写 ？ ...