很多时间 我一直老是发现自己在做一些同样的事情 千古难题css垂直居中文字text-overflow js事件双击 甚至我越来越不知道自己 为什么页面写的一遍又一遍 速度却一直没有什么改善 也许是要解决界面编写的问题了 重构 多考虑一些人 做页面一般受制于 ui 项目经理 时间 自己的能力 。。。 其实这些问题 就是到现在我都是迷糊...

avalon2 的相关文章[链接] 其实框架就是让你使用起来简单些 关于路由其实用一个轻便的框架就可以了 [链接] 路由就是根据url后面的路径不同变换代码 前端路由由于其特殊性 最常见表述为这样的形式 {代码...} {代码...} 然后我们直接上page.js使用代码 {代码...} page.js 可以使你使用hashbang 现在我们开始写组件 avalon2...

之前我们学习了基础和高级特性 现在介绍更神奇的东西 Groups 话说这个功能我最喜欢 组成群组可以统一修改其中所有组件属性 如何定义 {代码...} 现在我们就可以对其中的对象集修改 {代码...} group中的元素相对于group定位 但是由于要确保之前得到却切位置 所以要异步 {代码...} group 可以动态添加 {代码...} 添加并修改...

之前我们学习了基础用法 现在我们开始一些好玩的 Animation 我们先回顾设置一下正方形角度方法 {代码...} 这是没有动画的 Fabric object都有animate方法 {代码...} 那么正方形会从0到45有一个动画过度 从左到右进行变动 {代码...} 逆时针转5度 {代码...} 当然animate还支持这些方法 from: Allows to specify starting va...

Fabric.js是一个可以简化canvas程序编写的库。 Fabric.js为canvas提供所缺少的对象模型, svg parser, 交互和一整套其他不可或缺的工具。基于MIT协议开源，在github上有许多人贡献代码。

vw可以使用在低端手机浏览器上吗 貌似不行 但是你们一直误解了一个问题 加上 {代码...} 基本上android绝大多数手机 宽度都变成360 所以废话不多说 上sass代码 {代码...}

IEBlog 由于提供了对 CSS3 @font-face 规则和 WOFF 字体封装格式的跨浏览器支持，现代的 Web 版式已远远超出了“Web 安全字体”所定义的范畴，像 New Yorker 这样的知名杂志就使用了 Web 字体来彰显标题版式的独特风格，而在美国总统奥巴马的竞选连任活动中，也使用了 Web 字体服务 Typekit 来托管其独具一格的字体。

本系列一系列文章的收集关于javascript中的数据结构 如果你对数据结构不太熟悉 可以看这篇文章如果你只想看代码 可以看这篇文章如果你只想star 可以去这里 什么是数据结构 在计算机科学或信息学中，数据结构（英语：data structure）是计算机中存储、组织数据的方式 From Wikipedia 完整wiki解释地址 没有一种数据结构是...

zhilizhili-ui 给大家带来一个目前最新版本的ie8方案 特色 flexbox部分功能 vw vh calc部分功能 angular1.4 todo avalon是因为无法和polyfill.js和谐共处 无法使用flexbox 真可惜 webcomponent 无法在ie8 ie9上使用 也就无法解决这些问题了 不过cordova解决方案里会有 flexbox flexbox 我使用的是 flexibility.js github...

h5页面要适配更多的设备 google 团队的device链接 阿里amfe的有一个flexible方案 amfe 把 android 直接定位1dpr 这是为什么 为什么要用navigator判断 众所周知 ios 用的是 safari 所以只要知道是否是safari 就可以了 {代码...} 不是safari 并且是webkit 可以认为是android的浏览器 {代码...} 根据dpr 改变initial-scale=...

人们总是要换手机的 一般来说3年就有可能换手机 2016就换了 所以 向前推3年 我们限定一个最小值2013年 而且就算兼容 也只会兼容主流手机 好的 我们先从2013年开始吧

每天发垃圾文 我也是蛮拼的 web 没有tabview android 有tabviewios 有tabcontrol web 前面所说的是什么 设计 设计要求 点击tab切换 滑动切换 从图片中我们可以看出 上下不定 自动填充布局这个 我以前讲过了 就不写了 如果用xml表述下 就是这样的 {代码...} 很显然 我们需要一个tabbar 一个swipe view tabbar {代码...} ...

content# 指代html content 就是你插入的html内容 效果图 首先一个很明显的 我们发现 我们需要一个上下的一个容器 上下不定 上方要填充剩余部分那么flex是可以用的 这里说下虽然flex新标准在后续的webkit内核浏览器中加上 但是从一开始chrome版本就可以使用webkit-box {代码...} 分析图 我们可以发现 下方是一个tab-bar ...

移动端 select 样式不统一问题如何解决 用css 不过弹出层是不可以的 但是展示的地方可以 就像如图 我们找个设计 然后你就可以开始做了 首先 appearance:none 会导致一些不对的地方 不可以单独使用 其实我们发现我们需要这样一个layout html {代码...} scss {代码...} 我们写写样式 scss {代码...} 这时候我慌了 这个小三...

对 我又挖坑了 不过其实也不算挖坑 因为ui构建中就会有填坑的文章 之前一直在写《编写大型web页面 结合现有前端形势思考未来前端》这是一篇巨难写的文章 估计要到年中才能写好了 写作的过程中 发生了国内前端大撕逼 2015的尾声大战 是否可以宣告前端是否开始新的时代 2016年 国内前端可能还会依旧艰难 国外前端也不是很...

文中sass的一些方法 来源于我的sassstd zhilizhili-mei zhilizhili-ui npm 有出售 请大家自行拷贝粘贴

web页面搭建需要准备什么工具 首先我们会和设计师沟通 我们需要一些检验设计的工具 ps 自动裁图 自动测量工具 （我这里安利一下一个工具 我用的cutterman) sketch 可以使用阿里的工具 marketch 拿到界面不要急着做 看看有什么问题 有些我都会问 pc端 ie8问题 如果要兼容ie8 我要考虑成本 如果是webapp 一个人办 可能会出...

长久以来web 有 展示页面 也有企业应用页面 但是都有一个问题 被限制了加载资源总数 有的时候我在想web开发者真牛 用比别人少得资源完成比别人多的功能 不要说android swift难

很多时候我意识到前端已近变成写h5宣传页面 我不知道是可悲 还是生活的必然 小问题 使用css animation和js animation api制作动画是目前比较流行的做法 但是最后很多人的代码就变成这样 {代码...} 估计这些都是js生成的 那么我有个疑问 还要css 干什么 这些工具生成的代码最后怎么手动开发 我的小想法 申明式编程 无论是...

polymer 的iron-ajax元素提供一种简便的ajax请求方式 像这样 {代码...} 当ajax请求到来后ajaxResponse自动关联更新 如果method换成post 也是可以的 不过如果你有用laravel的话 要个token 怎么办呢 {代码...} 用params 就可以啦 不过如果我要js触发呢 {代码...} 选中元素 调用方法 {代码...} 这样我们就可以延时发送请求...

Audio on the web has been fairly primitive up to this point and until very recently has had to be delivered through plugins such as Flash and QuickTime. The introduction of the audio element in HTML5 is very important, allowing for basic streaming audio playback. But, it is not powerful enough to...

iron-a11y-keys提供一个符合WAI-ARIA best practices处理键盘命令的一个规范化的接口，元素负责浏览器键盘事件差异和使用一个表达语法过滤按键。 使用的键属性表达组合键将触发事件触发 使用目标属性在一个特定的节点设置事件处理程序。按下一个组合键设置键属性触发对应的按键事件。

iron-a11y-announcer 是一个用来添加a11y功能（需要屏幕阅读器支持）单例元素（当前页面上只有一个元素，如果想要使用announcer, 最好检测一下announcing元素是否已经存在。

The attr() function is allowed as a component value in properties applied to an element or pseudo-element. It returns the value of an attribute on the element. If used on a pseudo-element, it returns the value of the attribute on the pseudo-element's originating element.

Abstract This CSS3 module describes the common values and units that CSS properties > accept and the syntax used for describing them in CSSproperty definitions. CSS is a language for describing the rendering of structured documents (such as HTML and XML) on screen, on paper, in speech, etc.

观察者模式介绍 {代码...} 一些好的文章观察者模式与委托模式的区别深入理解JavaScript系列（32）：设计模式之观察者模式【Javascript设计模式3】-观察者模式 MutationObserver介绍 可以使用的配置 childList: *true =========================可以观察子元素 attributes: *true ========================可以观察属性 c...

polymer是什么呢 一个可以帮助你轻松创建一个自定义标签的库 利用polymer的一些特性 你可以创建自定义元素来减少模板代码大小 也可以利用它非常简单的创建复杂交互元素

东南水乡 一叶小舟拂过水面 船上两位大侠把酒言欢 一位是玉真人 另一位是张真人 两人喝到开心处 变作对联起来 上联 前端研究，研究个屁~ 下联 前端设计，设计个屁~ 横批 前端sb