20170719 前端开发日报

Web 安全 PHP 代码审查之常规漏洞;前端周刊第63期:前端新人如何快速提高?;css奇技淫巧(一、减少重复的代码);Webpack中hash的用法;修改输入框placeholder文字默认颜色-webkit-input-placeholder;CSS 新特性之 Native Variables、 Feature Queries、Grid Layout;js获取字符串字节数方法小结;前端Vue2.0+Vuex,服务端NodeJs+mongodb,实现微博评论页面

  1. Web 安全 PHP 代码审查之常规漏洞 本文来自作者 汤青松 在 GitChat 上精彩分享「Web 安全 PHP 代码审查之常规漏洞」,「阅读原文」看看大家与作者做了哪些交流。 前言 工欲善其事,必先利其器。我们做代码审计之前选好工具也是十分必要的。下面我给大家介绍两款代码审计中比较好用的工具。 一、审计工具介绍 …
  2. 前端周刊第63期:前端新人如何快速提高?共 1818 字,读完需 3 分钟。本周 JSConf China 于上海闭幕,掘金和知乎上都有对应的实录和问答,但会议的 PPT、视频目前都还没放出来,有心的同学如果找到了欢迎分享。最近公司入职了 3 个实习同学,本期收录了…
  3. css奇技淫巧(一、减少重复的代码)引言:有可能你会在你的css布局中这么写: {代码…} {代码…} 这种情况要是 font-size 改变,将会顺带需要改动几处代码,line-height,margin-top,width等 1、使用rem或em em 是相对于父元素的font-size 做出…
  4. Webpack中hash的用法在webpack的配置项中,可能会见到hash这样的字符。 当存在hash配置的时候,webpack的输出将可以得到形如这样的文件: {代码…} 这种带哈希值的文件名,可以帮助实现静态资源的长期缓存,在生产环境中非常有用。…
  5. 修改输入框placeholder文字默认颜色-webkit-input-placeholder修改placeholder字体颜色小方法 1.html {代码…} 2.CSS {代码…} 3.预览效果 我有酒说出你的故事
  6. CSS 新特性之 Native Variables、 Feature Queries、Grid Layout 介绍CSS的新特性Native Variables、 Feature Queries、Grid Layout —— 由wangyiming分享
  7. js获取字符串字节数方法小结这篇文章主要介绍了js获取字符串字节数方法,实例总结了javascript字符串长度计算的相关技巧,需要的朋友可以> 参考下 本文实例讲述js获取字符串字节数的方法。分享给大家供大家参考。具体如下: 大家都知道,获…
  8. 前端Vue2.0+Vuex,服务端NodeJs+mongodb,实现微博评论页面 服务端到前端,一次全栈之旅! —— 由无尘霄分享 服务端到前端,一次全栈之旅! —— 由无尘霄分享
  9. About HTMLHTML 简介 HTML 历史 最初的 HTMl 是由 CERN 负责制定的,后来转交给 IETF。 在 1990-1995 年期间, HTML 经历了许多次的版本修改与扩充; 1995 年的时候 HTML 的版本更新到了 HTML3.0;1997 年又完成了 HTML3.2…
  10. ES6 Reflect(反射) Proxy(代理。拦截器)Reflect(反射) Reflect Proxy 一样都是 es6 用来操作对象的API(接口) {代码…} 2.让object的操作都变成函数行为 {代码…} Proxy(代理。拦截器) 直接操作 {代码…} 代理操作 {代码…}
  11. JavaScript专题之如何求数组的最大值和最小值JavaScritpt 专题系列第八篇,讲解多种方式求数组的最大值和最小值 前言 取出数组中的最大值或者最小值是开发中常见的需求,但你能想出几种方法来实现这个需求呢? Math.max JavaScript 提供了 Math.max 函数返回…
  12. JavaScript之原型链的解读在JavaScript中,原型链作为一个基础,老生长谈,今天我们就来深入的解读一下原型链。 本章主要讲的是下面几点,可以根据需要进行阅读: 函数与对象 对于prototype的认识 对于__proto__的的认识 prototype和__pro…
  13. 使用JavaScript和canvas做精确的像素碰撞检测 从图像的像素级层面来检测是否发生了碰撞 —— 由AnAn分享 从图像的像素级层面来检测是否发生了碰撞 —— 由AnAn分享
  14. VueJS 开发常见问题集锦 – 知乎专栏 VueJS 开发常见问题集锦 —— 由幸运儿分享
  15. Angular HTTP Client 快速入门之前 激动人心的 Angular HttpClient 这篇文章已经介绍过 HttpClient ,今天看到 angular-university 博客中介绍 HttpClient 的文章,内容很详细,我就简单做了整理。有兴趣的话,建议直接阅读 原文。 HttpClient…
  16. 校招进行时(三)—html基础这篇文章衔接上篇,主要罗列一些前端面试中可能问到的html中最基本的问题。 (格式有点乱,内容有点水,罗列了一些基本用法,大家随便看看) 常用标签 容器标签 div div标签本身无特殊意义,作为一个块级容器,主要…
  17. swoole 服务端120行代码构建一个websocket 聊天室.swoole :http://www.swoole.com/PHP的异步、并行、高性能网络通信引擎,使用纯C语言编写,提供了PHP语言的异步多线程服务器,异步TCP/UDP网络客户端,异步MySQL,异步Redis,数据库连接池,AsyncTask,消息队列,…
  18. (cljs/run-at (JSVM. :all) “Metadata就这样哦”) 动态类型语言,少了静态类型语言必须声明变量类型的累赘,但也缺失了编译时类型检查和编译时优化的好处。cljs虽然作为动态类型语言,但其提供Metadata让我们在必要的时候可选择地补充类型提示,以便提高代码可读性和供编译器优化使用。除了上述以外,Metadata还让我们在不影响对象本质的前提下,附加额外信息增强元编程… 动态类型语言,少了静态类型语言必须声明变量类型的累赘,但也缺失了编译时类型检查和编译时优化的好处。cljs虽然作为动态类型语言,但其提供Metadata让我们在必要的时候可选择地补充类型提示,以便提高代码可读性和供编译器优化使用。除了上述以外,Metadata还让我们在不影响对象本质的前提下,附加额外信息增强元编程…
  19. CSS中的字体与排版 本文介绍了CSS中字体排版相关的小技巧 —— 由阿r阿r分享 本文介绍了CSS中字体排版相关的小技巧 —— 由阿r阿r分享
  20. 你所不知道的js-比较2个基本数据类型的变量是否相等 我们在js中校验2个基本数据类型的变量是否相等时,一般就直接用a === b来做判断了,但是这种写法其实是不严谨的。具体为什么呢,看看下面的几个表达式: —— 由coderyin分享 我们在js中校验2个基本数据类型的变量是否相等时,一般就直接用a === b来做判断了,但是这种写法其实是不严谨的。具体为什么呢,看看下面的几个表达式: —— 由coderyin分享
  21. gulp+browser-sync实现前端自动化刷新写在前面 安装环境前,默认安装了node环境 会使用基本的命令行操作 步骤 初始化环境 新建一个文件夹 在文件夹打开命令行 {代码…} 一直回车默认选项就可以啦,也可以自己设置 最后一次回车结束后,会生成一个pac…
  22. 为什么我选择 React 而不是 Vue 前端框架之争曾一度战火隆隆。 远的不说,自己曾经作为吃瓜群众看过微博上玉伯和尤大对于 React 和 Vue 的你来我往。(感觉评论区有时候真的惨不忍睹 =,=) 这篇译文可以带大家看看歪果仁是怎么撕的啊哈~ —— 由斌幺幺分享
  23. Es6中变量的解构与赋值 有音频,Es6中变量的解构与赋值 —— 由itclanCoder分享
  24. 自制前端框架之 50 行的虚拟 DOM 实现一个听起来高大上的虚拟 DOM 要多少行代码呢?50 行就够啦 —— 由doodlewind分享
  25. Vue2的右键弹出菜单(vue-contextmenu) 一个基于Vue2的右键弹出菜单插件,方便大家使用。 项目地址:https://github.com/chIIC/vue-contextmenu —— 由chIIC分享

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

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


关注我

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

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

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