Simple is Happiness
Less is more
编程技巧
用纯CSS实现的箭头
by newghost keys 编程技巧 Html5 1395378675000

用CSS即可绘制出各种箭头,无需裁剪图片,甚至没有用到CSS3的东西。对浏览器支持良好。

基本原理

原理非常简单,通过截取border(边框)的部分“拐角”实现,几行CSS代码即可理解:

使用Javascript将相对路径地址转换为绝对路径
by newghost keys 编程技巧 JavaScript 1394612491000
这里介绍的其实本质上是两种方法,通过创建DOM或通过JavaScript计算;
1. 通过新创建的Image, 经测试会发送一个Aborted的请求,并且IE6不支持, 
2. 创建Anchor(链接),这种方法不会发出任何请求(请求会在加入DOM时产生),但是IE6也不支持
该不该闭合这些元素?曾经〈br/〉的写法是错误的
by ourjs keys 编程技巧 1394289896000

你有没有想过,如果把 br 或 input 标签闭合起来,像 <br /> 会不会好点?或者在HTML5里面写成 <br> 会不会好一点? 

如果你对其中的原委不感兴趣,就直接跳到节«有效性»获取你的答案。

for in 比for loop慢至少20倍
by ourjs keys 编程技巧 1392519788000
之前在:停止使用循环,教你用underscore优雅的写代码一文中,有评论提出for in的效率要比for loop(循环)的效率低非常多。现在我们测试一下在不同浏览器中使用for in, for loop和forEach在处理大数组时的效率究竟如何。
停止使用循环,教你用underscore优雅的写代码
by ourjs keys 编程技巧 1391740112000
_.each(someArray, doSomeWorkOn);
在一下一个30天里,不要使用任何循环,如果你看到一堆讨厌和粗糙的东西,用each或者map将他们替换掉。再用一点reducing。
你需要注意到,Underscore是通往函数式编程的。一种看得见,看不见的方式。一条很好的途径。
不到30行JS代码实现的Excel表格,jQuery并非不可替代
by ourjs keys 编程技巧 Html5 1391047224000
某国外程序员展示了一个由原生JS写成不依赖第三方库的,Excel表格应用,有以下特性:
  1. 由不足30行的原生JavaScript代码实现
  2. 不依赖第三方库
  3. Excel风格的语义分析 (公式以 "=" 开头)
  4. 支持任意表达式 (=A1+B2*C3)
  5. 防止循环引用
  6. 基于localStorage的自动本地持久化存储
如何在网页上隐藏你的Email邮件地址
by ourjs keys 编程技巧 1390020669000
你有一个网站,你想把email地址放在上面,让别人可以很方便地联系你,但是你又担心一旦公开邮箱地址,垃圾邮件可能会像洪水一样涌来。

你的担心是对的。现在网上抓取邮件地址的蜘蛛爬虫仅仅通过一条简单的正则表达式,就可以轻易地获取到你的邮件。但是你可能通过一些简单的CSS和JavaScript来欺骗一些不太聪明的爬虫。
Ruby己死?NodeJS能否取代Ruby?
by ourjs keys 编程技巧 1387937384000

我最近一直在使用nodejs,我跟我的小伙伴们一直在讨论nodejs是否会最终取代Ruby。我认为评价一门语言的是否流行最重要的指标就是使用这门语言和框架开始新的项目的数量。

我认为一张基于gems的发布项目数量的图表可以很好的解决我的问题。rubygems首页上的就有最新的流行数据显示,但是我对最近的一些数据非常地感兴趣。我认为如果开发者向gems(不同版本)贡献的代码缓慢下降,那么这就表明了这门语言的就不怎么流行了。

永远不要在Linux执行的10个最危险的命令
by ourjs keys 编程技巧 1387592829000

Linux命令行佷有用、很高效,也很有趣,但有时候也很危险,尤其是在你不确定你自己在正在做什么时候。这篇文章并不打算引来你对Linuxlinux 命令行的愤怒。我们只是想让你意识到在你运行某些命令时应该三思而后行。(译注:当然,以下命令通常都是在root权限下才能将愚蠢发挥到无可救药;在普通用户身份下,破坏的只是自己的一亩三分地。)

1. rm -rf 命令

3. 命令 > /dev/sda

4. mv 文件夹 /dev/null

代码审查:写出好的 commit message
by ourjs keys 编程技巧 1386724567000

为什幺要关注提交信息

  • 加快 Reviewing Code 的过程
  • 帮助我们写好 release note
  • 5年后帮你快速想起来某个分支,tag 或者 commit 增加了什么功能,改变了哪些代码
  • 让其他的开发者在运行 git blame 的时候想跪谢
  • 总之一个好的提交信息,会帮助你提高项目的整体质量

基本要求

  • 第一行应该少于50个字。 随后是一个空行 第一行题目也可以写成:Fix issue #8976
  • 喜欢用 vim 的哥们把下面这行代码加入 .vimrc 文件中,来检查拼写和自动折行
autocmd Filetype gitcommit setlocal spell textwidth=72
  • 永远不在 git commit 上增加 -m <msg> 或 --message=<msg> 参数,而单独写提交信息

 近期热门 - 点击最多
  1. Springboot+Gradle+Mysql+Jpa最简单实例教程
  2. SpringBoot+Spring6入门指南: 使用命令行快速搭建restful web api模板
  3. 如何通过 winax 的 ActiveXObject 或 Excel.Application 往 excel 中插入一张图片
  4. node.js用activex/com+自动化读写excel时查询接口、参数的调试方法
  5. TypeScript定义数字范围类型即仅包含【小时:分钟】的时间类型,每天指定时间点执行任务
  6. 比较测试:用百度文心一言和阿里通义千问写删除文件目录并且是async/await代码
  7. node.js使用TensorFlow入门教程二:什么是张量神经网络运算与矩阵的关系及基本入门代码
  8. node.js使用TensorFlow入门教程一:简介及工作原理环境安装及初始化
  9. node.js用saml2连接Identity Provider服务器完成Azure AD/Active Directory域帐号身份认证
  10. node.js中用typescript连接mongodb数据并设置断开后自动重启连接

  全端社区 - 最新回复
  1. 克服Redux的缺点在React/Native中使用消息队列,pubsub-js更加简洁的组件间通信和状态传递方法
  2. Springboot+Gradle+Mysql+Jpa最简单实例教程
  3. SpringBoot+Spring6入门指南: 使用命令行快速搭建restful web api模板
  4. Paddle/abbyy等ocr比较:如何将图片生成可选择文字版PDF
  5. 如何通过 winax 的 ActiveXObject 或 Excel.Application 往 excel 中插入一张图片
  6. 如何用JavaScript获取某个元素copy selector的CSS选择器
  7. 青否数字人5.0上线,支持真人接管实时驱动!
  8. 遥遥领先!青否数字人直播系统5.0发布,支持真人接管实时驱动!
  9. 比fs.watch更加优秀的Chokidar文件变化检测库
  10. HTML页面嵌入部分使用Vue3,在jQuery应用中用类似Vue2使用Vue3

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

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

OnceOA