20190308 前端开发日报

了解这 12 个概念,让你的 JavaScript 水平更上一层楼;Vue 的小奇技(第八篇):两个鲜有人知的 Vuex 技巧;前端路漫漫-新的开始;CVTE2019春招前端二面凉经;前端水印初探;一个请求过来都经过了什么(2017 年 http 版);不可思议的纯 CSS 实现鼠标跟随效果;Vue $dispatch 和 $broadcast 详解

  1. 了解这 12 个概念,让你的 JavaScript 水平更上一层楼 JavaScript 是一门复杂的语言。如果你是一名 JavaScript 开发人员,不管处于什么样的水平,都有必要了解 JavaScript 的基本概念。本文介绍了 12 个非常重要的 JavaScript 概念,但绝对不是说 JavaScript 开发人员只需要知道这些就可以了。 1. 变量赋值(值与引用) JavaScript 总是按照值来给变量赋值。当指定的值是…
  2. Vue 的小奇技(第八篇):两个鲜有人知的 Vuex 技巧 这篇文章来自于一位很特别的受邀者:Nicolò Mezzopera,他是Pulilab 网站的开发者,一位真大神。我们去年还一起组织过一场在布达佩斯的关于 Vue.js 的线下交流会! 如果你今年 4 月 12 号刚好就在维罗纳,他刚好会在Vue Day Italy 2019 会上发表演讲,这是你偶遇他的好机会哦 :wink:。 介绍完了作者,我们来进…
  3. 前端路漫漫-新的开始 从小就对计算机一类的电子产品感兴趣,并且一直憧憬可以成为间谍电影中那种可以随意破解防火墙,控制任意终端的超级黑客,初中的时候曾经试图买过一本黑客教程的书,可惜自己连第一页都看不懂。。。尴尬。。2010年上大学,买了第一款智能手机HTC hero(G3),android 1.5的系统,开启了我的技术之路(暂且算是技术吧)。…
  4. CVTE2019春招前端二面凉经3月5日,从中山去往广州,一大早7点多就做好准备了,在高铁站了30分钟,转广州地铁又站了90分钟,去到地铁口,就有一辆cvte的大巴车过来接送,我选择的面试时间是11:00-12:00,但前面的人还没面试完而且12:00…
  5. 前端水印初探 为了防止信息泄露,保障信息安全,给网页添加水印是一种比较常见的方法。 本文介绍一种添加水印的方法,具有以下特点: 不影响现有代码 可以任意给网页的不同部分添加水印 纯前端 JavaScript 实现 可简单防止用户通过浏览器开发者工具隐藏水印 思考一下,生成的水印需要满足那些需求呢? …
  6. 一个请求过来都经过了什么(2017 年 http 版) 点击上方「编程一生」,获取更多技术干货! 我面试人家的时候特别喜欢问一个问题:”请描述一下一个请求过来到响应完成都做了什么,越详细越好。” 对于一个高手来说,他只要回答好了这一个问题,技术面试就通过了。所以如果我要去面试,我就把这个问题的答案压缩到40分钟到1个小时。因为一般的技…
  7. 不可思议的纯 CSS 实现鼠标跟随效果通常而言,CSS 负责表现,JavaScript 负责行为。而鼠标跟随这种效果属于行为,要实现通常都需要借助 JS。
  8. Vue $dispatch 和 $broadcast 详解 $dispatch 和 $broadcast 作为一对情侣 :couple_with_heart:属性,在 Vue 1.0 中主要用来实现基于组件树结构的事件流通信 —— 通过向上或向下以冒泡的形式传递事件流,以实现嵌套父子组件的通信。但是由于其显功能缺陷,在 Vue 2.0 中就被移除了。虽然 Vue 官网已经不再支持使用 $dispatch 和 $broadcast 进行组件通信,…
  9. 7个 Javascript 面试题及回答策略这个问题用来评估基础编码知识。答案可以有多种,所以应该注意倾听具体的问题,并尽量全面回答,来展示自己对单体应用与微服务架构的理解。
  10. 从图形到像素:前端图形编程技术概览 图形是人与人之间传递信息的媒介,直观性远胜于口头语言和书面语言。4000 多年前,古巴比伦人在石块上绘制建筑物的平面图;2000 多年前,古希腊人用图形表达建筑思想,而与其相关的数学直到文艺复兴时期才开始完善。 —— 摘自《交互式计算机图形学(第七版)》 将以上的理念带入到计算机领域,图形是计算机向用户传递…
  11. Angular开发技巧 由于之前有幸去参加了ngChina2018开发者大会,听了will保哥分享了Angular开发技巧,自己接触Angular也有差不多快一年的时间了,所以打算对Angular开发中的一些技巧做一个整理 工具篇 所谓 “工欲善其事,必先利其器”,下面我会介绍 如何打磨 `VS Code` 这把利器 抛弃 资源管理器 ,使用快捷键 Commd + P 来查…
  12. React新旧生命周期React16.3.0开始,生命周期进行了一些变化。本文主要介绍React16.3.0之后的生命周期。
  13. Nodejs教程15:net模块初探 net 模块用于创建基于流的 TCP 或 IPC 的服务器(net.createServer())与客户端(net.createConnection())。 net模块是专门用于网络通信的模块,若当前的数据交互不通过HTTP协议,就可以使用net模块,如WebSocket。 HTTP协议本质上是以文本形式传输数据,它的传输数据量较大,而且它的传输需要二进制和文本之间进行…
  14. 系统讲解 PHP Web 安全防御 常见漏洞 看到上图的漏洞是不是特别熟悉,如果不及时进行防御,可能就会产生蝴蝶效应。 如何进行防御?往下看,也许会有你想要的答案。 SQL注入攻击 定义 SQL注入攻击是通过WEB表单提交、URL参数提交或Cookie参数提交,将怀有恶意的“字符串”,提交到后台数据库…
  15. JS 加法知多少?今天收到一个问题 var a = +[] 别用控制台,能说出来是多少? 一下没反应过来,不知道你说对了没 反正我说错了,哈哈哈~ 好了,先公布结果 {代码…} 下面好好分析分析到底是啥原理。 加法运算 1、加号运算符只能…
  16. Nodejs教程16:POST文件上传 处理文件上传数据,也是前后端交互中重要的功能,它的处理方式与数据不同。 接下来,通过一个例子查看服务端接收到的文件上传数据。 首先,在post_file.html中,新建一个用与上传文件的表单: form的属性enctype="multipart/form-data"代表表单上传的是文件。 enctype的默认值为enctype="applica…
  17. vue的源码分析(不断更新中)创建一个自调用匿名函数,设计参数window,并传入window对象。不污染全局变量,也不会别的代码污染
  18. 一文读懂HTTP/2 及 HTTP/3特性HTTP/2 相比于 HTTP/1,可以说是大幅度提高了网页的性能,只需要升级到该协议就可以减少很多之前需要做的性能优化工作,当然兼容问题以及如何优雅降级应该是国内还不普遍使用的原因之一。
  19. 发布框前端体验优化发布框是web应用的一种常见图文发布功能,在微博、评论、论坛、博客或内容管理系统等产品中经常使用。做好发布框的交互设计,能提高用户的编辑效率,提高用户体验,给产品增加锦上添花的效果。
  20. 如何在GitHub上创建个人博客GitHub给用户提供了一些储存空间,可以很好的发布我们的项目,利用GitHub pages可以快速简便的搭建一个个人博客,并且省去了注册域名和购买服务器这一步骤。今天我就来给大家详细介绍一下如何利用GitHub pages+He…
  21. 记一次使用angular自动编译andriod APK的绕坑经历 背景 前端架构师使用angular JS作为框架,打包android APK。 程序已经完成,需要使用自动编译功能来检测服务。 问题 问题一:JDK需要使用1.8,其他版本目前不支持。 问题二:android-sdk安装问题 npm run build:android build失败,提示: …… Please install the Android build tools version 19.1.0…

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

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


关注我

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

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

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