Simple is Happiness
Less is more
前端
Google 的 Web Starter Kit
by tyler keys JS开源 前端 1404270184645
Web Starer Kit 是一个来自Google的构建响应式网站的模板。支持不同的设备,并且由gulp.js 构建,同时支持跨设备同步测试。如果你是一个Node 开发者,你应该会喜欢基于gulp.js的开发环境。通过在命令行中输入 gulp 可以构建和组织当前项目,而输入 gulp serve 将会运行一个服务器,同时也可以通过输入 gulp pagespeed 来使用Google 的 PageSpeed insights (一个网站分析工具)
功夫:HTML和CSS?
by 1518409521 keys 编程技巧 前端 1399821964189
这本书讲解了HTML和CSS可能会使你说什么他妈的原因,它例举了一系列通常令人沮丧的HTML和CSS困境,窘境甚至失策的地方。

HTML文件总是包含一个文档类型,我推荐HTML5的简单文档类型:

<!DOCTYPE html>
7件你不知道但可以用CSS做的事
by andrewleeson keys 心得体会 前端 1399651176802
不管你信不信,CSS和JavaScript开始重叠,就像CSS增加了更多功能一新。在我写“你可能不知道的CSS和JavaScript互相影响的5种方式”一文时,人们对于JavaScript和CSS是如何重叠的感到惊讶。今天,我将重点强调你能用CSS完成的7种工作——不需要通过JavaScript或图片。
我们抛弃了AngularJS:单页面应用的5大缺陷
by ourjs keys 心得体会 前端 1392817979000
我们认为下面5点让客户端的JS框架使用起来非常的痛苦。

1. 糟糕的搜索引擎优化和社交网站分享预览(Twitter/Facebook)

我为什么选择 D3.js
by ourjs keys JS开源 前端 1387176008000

这不是一篇介绍D3的使用教程,而是只想说说我为什么选择使用D3,借以思考在面对新的技术的时候我该如何选择。

这段时间我在录制一门课程网页上的图表。录制课程前我调查了一下,应该用哪些工具/库来制作图表。可以确定的是,我要用svg来生成图表,而不是用html5中的canvas。开始采用的是Raphaël,一个用来创建和操作网页上矢量图形的javascript库。最开始偏向于使用Raphaël是因为之前看到的一个很漂亮的页面。在费了几天的时间,经过了很多挫折和参考资料没找到太多的情况下,做出了一个凑合的简单的图表。然后我退缩了,直到我发现了D3。

D3的缩写是Data Driven Documents,与Raphaël的关系:

相同点

都是用javascript写的针对矢量图的库
都可以对DOM节点进行操作,包括绘制,修改,添加动画效果以及图形的交互


 近期热门 - 点击最多
  1. 网站集成百度、Bing必应搜索引擎,在网页中实现站内全文搜索
  2. React Hooks入门教程九:在React中集成使用Vue实现数据双向绑定,手动配置Webpack和Babel
  3. node.js性能压力测试入门教程:wrk和loadtest安装使用
  4. JavaScript和node.js内存泄露的原因和避免方法及Chrome调试工具使用教程
  5. Html5网页中用JavaScript调用本地手机摄像头扫描识别微信二维码、条形码:postMessage跨域https传递扫码结果消息
  6. JavaScript设置对象属性只读不可修改、不可枚举、不可删除:Object.defineProperty
  7. CSS教程:图片使用混合模式和颜色叠加filter滤镜,改变PNG图标颜色
  8. CSS教程:如何设置自动显示隐藏scrollbar滚动条,自定义外观样式/宽度,附demo示例大全
  9. node.js通过Error.prepareStackTrace获取上层调用函数的文件名地址和行数位置
  10. JavaScript判断字符串是否为数字类型:Number.isInteger、isNaN、正则表达式比较

  全端社区 - 最新回复
  1. 微盟智慧零售:异业连麦直播这样玩,新增会员过万
  2. 销氪助力雄达获取有效商机
  3. 微盟微站如何搭建百度小程序
  4. 销氪智能呼叫中心,助销售提升呼叫效率
  5. React Hooks 入门教程一:开发工具选择、安装配置Yarn,开发环境搭建
  6. JavaScript和node.js内存泄露的原因和避免方法及Chrome调试工具使用教程
  7. React Hooks 入门教程四:useReducer使用说明,改变对象中不同参数的值
  8. 微盟微站有什么用
  9. 安奈儿携手微盟智慧零售,开启童装零售新模式
  10. 几款开源的图形化Redis客户端管理软件

  开源的 OurJS
OurJS开源博客已经迁移到 OnceOA 平台。

  关注我们
扫一扫即可关注我们:
OnceJS

OnceOA