20190408 前端开发日报

除了 996.ICU,GitHub 上还有哪些被玩坏了的项目?;JavaScript数组去重方法总结;javascript中的prototype和__proto__的理解;vue + any-touch实现一个iscroll ? – (1) 实现拖拽和滑动动画;使用webpack4一步步搭建react项目(二);vue 中this.$emit()的返回值是什么?;jQuery,zepto源码的简单实现记录;Java 序列化对象 (JSO):实战漏洞利用指南

  1. 除了 996.ICU,GitHub 上还有哪些被玩坏了的项目? GitHub是一个面向开源及私有软件项目的托管平台,因为只支持git 作为唯一的版本库格式进行托管,故名GitHub。是全球最大的同性交友网站,哦不,最大的程序员交流网站。 GitHub是通过Git进行版本控制的软件源代码托管服务,并且,GitHub还引入了一些社交属性。号称是世界上最大的程序员(同性)交友网站。 …
  2. JavaScript数组去重方法总结 数组不像对象和hash有唯一的标志特征(key)。所以,数组去重的核心就是【1】数组内元素互相比较,然后放入新的数组中。【2】参照对象构建一个唯一的特征标志,然后放入新数组中。以下就是依照这种思路产生的方法。【3】 数组中含对象 的去重方式我采用使用 JSON.stringify() 将对象转换成JSON字符串进行比较的方式…
  3. javascript中的prototype和__proto__的理解 在工作中有时候会看到prototype和__proto__这两个属性,对这两个属性我一直比较蒙圈,但是我通过查阅相关资料,决定做一下总结加深自己的理解,写得不对的地方还请各位大神指出。 跟__proto__属性相关的两个方法 判断属性是存在实例对象中,还是存在原型对象中的方法 获取或遍历对象中属性的几种方法 …
  4. vue + any-touch实现一个iscroll ? – (1) 实现拖拽和滑动动画 github.com/383514580/a… 说点湿的 iscroll其实代码量挺大的(近2100行, 还有另一个类似的库 betterScroll 他的代码量和iscroll差不多, 因为原理都是一样的), 阅读他们的代码 发现里面很多逻辑 其实都是在做手势判断 , 比如多拽(pan), 和划(swipe), 还有部分元素(表单元素等)需要单独判断点击(tap), 这部…
  5. 使用webpack4一步步搭建react项目(二) 前面已经实现了一个简单webpack配置,接下来需要在前面的基础上对 webpack.config.js 进行拆分。 第二章 拆分webpack配置 项目开发时,我们需要用 webpack-dev-server 启动开发服务器,当我们修改文件时,它能自动重新打包项目并刷新页面。 项目打包上线时,我们希望webpack能进行更多的处理来优化打包后的代码…
  6. vue 中this.$emit()的返回值是什么? 在事件中有 普通事件:@click/@input/@change/@xxx…事件; 修饰符事件:@input.trim,@click.stop,@submit.prevent…一般用于原生html元素; 答:在vue中this.$emit(); 返回值是this; 代码示例: 在子组件中:Event.vue:接收通过父组件传递过来的props:{name:String}…
  7. jQuery,zepto源码的简单实现记录本文记录jQuery,Zepto对js的一些封装库的知识,我希望从本文开始去深入学习js这门语言,以及在面向对象,原型上封装的使用。让自己在js方面有能够有一定进步。共勉
  8. Java 序列化对象 (JSO):实战漏洞利用指南 一、概述 Java序列化对象(JSO)是一种允许Java服务之间进行数据交换的机制。但对于攻击者来说,JSO可以为他们提供一个可靠、稳定的载体,来使他们获得对运行Java应用程序的系统的远程控制。如今,有越来越多针对互联网上可访问服务的漏洞和已知攻击事件接连爆出。在本报告中,我们将探讨JSO如何受到不安全的…
  9. js热更新简单分析 既然说到热更新,我们不妨扩展下,补充下前端自动更新的实现。 个人才疏学浅,见过的方式大致分两种 直接刷新界面,大致就是 bowersync 的方式,直接reload,简单粗暴,规避了许多问题 增量更新 webpack-dev-server 的 HMR 简单讨论下 webpack-hot-middleware 究竟是怎么…
  10. 正确配置 Visual Studio Code 开发和调试 TypeScript一、环境 Node.js v10.15.3 npm 6.9.0 Visual Studio Code 1.33.0 (user setup) 2019/4/6 Koa2-Node.js QQ群:481973071 二、开发 TypeScript 1、建立项目目录 使用以下命令创建项目的目录: {代码…} 建立好的…
  11. React源码系列一之createElement前言:使用react也有二年多了,一直停留在使用层次。虽然很多时候这样是够了。但是总觉得不深入理解其背后是的实现逻辑,很难体会框架的精髓。最近会写一些相关的一些文章,来记录学习的过程。
  12. Babel 7 升级实践 缘起 最近在看项目的升级和优化,项目用的是 Babel 6,踩了一下升级到 Babel 7 的坑。 @babel/preset-env @babel/preset-env 根据指定的执行环境提供语法装换,也提供配置 polyfill。 Babel 7已经弃用年份preset:babel-preset-es2015, babel-preset-es2016, babel-preset-e…
  13. css实现水平居中的4种方法html结构: {代码…} 1. 已知元素的宽度和高度: {代码…} {代码…} 2. 未知元素的高度和宽度: {代码…} {代码…}

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

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


关注我

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

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

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