20161024 前端开发日报

彻底理解JavaScript原型;你应该了解的4种JS设计模式;CSS3 画形状;JavaScript 图片切换;Web文件上传方法总结大全;如何防范常见的Web攻击;启用 https 的一点记录;如何避免经常重写你的 JavaScript 代码

  1. 实验楼官方微博(47次阅读/4次分享/1次评论/1次点赞)

    #编程技术分享#【彻底理解JavaScript原型】原型是JavaScript中一个比较难理解的概念,原型相关的属性也比较多。相信通过这篇文章一定能够清楚的认识到原型,[给力] 详情:

    彻底理解JavaScript原型
  2. 李松峰(34次阅读/2次分享/1次评论/1次点赞)

    你应该了解的4种JS设计模式 (by 旭日云中竹 – 众成翻译):2016-10-07每个JS开发者都力求写出可维护、复用性和可读性高的代码。随着应用不断扩大,代码组织的合理性也越来越重要。设计模式为特定环境下的常见问题提供了一个组织结构,对于克服这些挑战起到……
  3. IT程序狮(34次阅读/1次分享/1次评论/1次点赞)

    #前端开发那些事#【CSS3 画形状】详见:CSS3 画形状 在制作页面时,常用CSS画各种形状带代替img,这样可以免去一次HTTP请求。而且有些基本形状用CSS实现比切图更方便和灵活。本篇就介绍一下常用形状的画法。[耶](作者:张歆琳)【前端开发那些事】专辑,期待你的投稿。[耶]在制作页面时,常用CSS画各种形状带代替img,这样可以免去一次HTTP请求。而且有些基本形状用CSS实现比切图更方便和灵活。本篇就介绍一下常用形状的画法。 圆形 椭圆(半椭圆,4分之一椭圆) 三角形 平行四边形 菱形 梯形 圆形 是最常见最基本的图型,给宽高相等的div设border-radius: 50%,轻松实现: 椭圆 参照border-r…

    CSS3 画形状

  4. 前端开发博客(33次阅读/3次分享/3次评论/2次点赞)

    #JavaScript#【JavaScript 图片切换】用原生的JS写动画效果的确是个很令人纠结的事情,倒不如直接用jQuery来写,亦或找一些jQuery插件。能力达不到的时候,为了工作进度,只能采取心有不甘的手段。如果真的获得能力的提高,我…请戳→ #前端开发博客#

    JavaScript 图片切换
  5. 全栈开发者(26次阅读/4次分享/1次评论/1次点赞)

    Web文件上传方法总结大全 】全文=>文件上传在WEB开发中应用很广泛,我们经常发微博、发微信朋友圈都用到了图片上传功能。 文件上传是指将本地图片、视频、音频等文件上传到服务器上,可以…

    Web文件上传方法总结大全
  6. IT程序狮(23次阅读/3次分享/1次评论/1次点赞)

    #IT技术分享#【如何防范常见的Web攻击】详见: 在这篇文章中,作者站在开发人员的角度,并结合个人开发过程中遇到的问题,与大家聊聊《如何防范常见的Web攻击》。[围观]

    如何防范常见的Web攻击
  7. 开发者头条(23次阅读/6次分享/1次评论/5次点赞)

    启用 https 的一点记录 by hersface近两年越来越多的网站开始使用 https,https 是一个基于 http 协议开发,但是使用了 TLS/SSL 加密了传输数据,所以,简单点说 https 是 http 协议的“安全版”。最近博客从阿里云搬迁到腾讯云,也修改了几个程序上的 bug,顺便也启用了 https,记录一下。 证书 因为 https 采用 ssl 加密,所以部署 …
  8. 开发者头条(20次阅读/2次分享/1次评论/3次点赞)

    [译] 如何避免经常重写你的 JavaScript 代码 by fulvazzz原文信息 原文: Code your JS app like it’s 86 原文作者:Victor Perron 原文创作时间:September 28, 2016 翻译作者:无法毕业的fulvaz Contact:fulvaz@foxmail.com 译者注: 这篇文章非常有趣,作者介绍了利用复古的的图形界面设计模式实现组件间解耦…
  9. 开发者头条(19次阅读/1次分享/1次评论/2次点赞)

    如何读懂并写出装逼的函数式代码 by @左耳朵耗子今天在微博上看到了 有人分享了下面的这段函数式代码,我把代码贴到下面,不过我对原来的代码略有改动,对于函数式的版本,咋一看,的确令人非常费解,仔细看一下,你可能就晕掉了,似乎完全就是天书,看上去非常装逼,哈哈。不过,我感觉解析那段函数式的代码可能会一个比较有趣过程,而且,我以前写过一篇《函数式编程…
  10. 开发者头条(18次阅读/8次分享/1次评论/5次点赞)

    深入理解 React(源码分析) 原文链接 理解ReactElement和ReactClass的概念 ReactElement ReactClass react渲染过程 react更新机制 reactdiff算法 react的优点与总结 理解ReactElement和R…
  11. SegmentFault(18次阅读/24次分享/5次评论/15次点赞)

    完整流程记录丨搭建团队 git 工作环境】文章传送门:服务器环境 Linux CentOS 6.5 (IP:192.168.1.101) 客户机环境 Mac (IP:192.168.1.100) 本文使用管理员进行操作 1. 安装git {代码…} 若sudo碰到如下报错(无错忽略这里): sudo: /etc/sudoers is…

    完整流程记录丨搭建团队 git 工作环境
  12. 开发者头条(15次阅读/5次分享/1次评论/5次点赞)

    如何搭建私有可协作的 Git 服务器 by EarlGrey本文是「上云连载」系列的第三篇,将介绍如何在 腾讯云 CVM 上搭建一个私有可协作的 Git 服务器。文中操作也适用于其他云服务商提供的服务器资源,具体…
  13. HTML5中国(15次阅读/9次分享/3次评论/7次点赞)

    【position: sticky 详解(防坑指南) sticky 的本意是粘糊糊的,但在 css 中的表现更像是吸附。常见的吸顶、吸底(移动端网站的头部返回栏,底部切换栏之类)的效果用这个属性非常适合。

    sticky 详解(防坑指南)
  14. JAVA大本营(15次阅读/22次分享/5次评论/12次点赞)

    9 款样式华丽的 jQuery 日期选择和日历控件 现在的网页应用越来越丰富,我们在网页中填写日期和时间已经再也不用手动输入了,而是使用各种各样的日期时间选择控件,大部分样式华丽的日期选择和日历控件都是基于jQuery和HTML5的,比如今天要分享的这9款日期选择控件,漂亮的UI外观加上人性化的操作设计,大大提高了用户体验,让我们一起来欣赏一下吧。 1、HTML5移动…

    9 款样式华丽的 jQuery 日期选择和日历控件
  15. 前端开发博客(14次阅读/3次分享/1次评论/1次点赞)

    #HTML#【X-Frame-Options防止网页放在iframe中】在自己新做的一个网站“开发头条”上发现用iframe嵌入github的内容时,一篇空白,什么东西都没有。打开chrome 调试,发现里面输出一个错误提示:Refused to display ‘https:…请戳→ #前端开发博客#

    X-Frame-Options防止网页放在iframe中
  16. HTML5中国(13次阅读/11次分享/3次评论/9次点赞)

    一起来实现es5中新增的数组方法 也许有人会问,现如今es6都大行其道了,还学es5是不是有些过时了,温故而知新,可以从中多学点嘛,而且我们是要自己实现这些方法,知其然还要知其所以然。

    一起来实现es5中新增的数组方法
  17. HTML5中国(10次阅读/11次分享/2次评论/7次点赞)

    实践 HTML5 的 CSS3 Media Queries 先来介绍下 media,确切的说应该是 CSS media queries(CSS 媒体查询),媒体查询包含了一个媒体类型和至少一个使用如宽度、高度和颜色等媒体属性来限制样式表范围的表达式。CSS3 加入的媒体查询使得无需修改内容便可以使样式应用于某些特定的 全文

    实践 HTML5 的 CSS3 Media Queries
  18. HTML5中国(8次阅读/18次分享/6次评论/10次点赞)

    使用css3的radial-gradient实现一个穿透效果的圆 使用css3的径向渐变是可以实现透明的圆的,这样一来,如果圆是透明的,就不用担心背景图片的情况了。

    使用css3的radial-gradient实现一个穿透效果的圆
  19. HTML5中国(7次阅读/6次分享/2次评论/10次点赞)

    css3 border怎么就可以画图了 一直没有在意border,众所周知border就是边框,大概就是定义一个宽度,样式,颜色。就可以了,最大的作用可能就是美观了。最近发现,其实还有一个重要的作用–画图。

    css3 border怎么就可以画图了
  20. LUPA开源社区(6次阅读/1次分享/1次评论/1次点赞)

    使用Couchbase存储 Non-JSON数据】如果你使用Couchbase服务器作为存储JSON文档的文档数据库的话,我相信 它的大部分功能都能得以发挥。比如,你可以使用N1QL!然而 …

关注github前端日报 订阅精彩文章

前端日报栏目数据来自码农头条,每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等,为开发者提供动力,如果觉得内容对你有用,记得分享给你的小伙伴。进入码农头条查看更多


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流