20190629 前端开发日报

JS 里的简易算法和数据结构之复杂度;CSS优秀起来真没JS什么事;搭建一个 nodejs 脚手架;svg+css3做一个动感的波浪效果;JavaScript与HTML交互系列–事件流(冒泡、捕获、应用)和事件处理程序;Flutter for Web 详细预研;用 js 写卡牌游戏(三);深入浅出weex核心原理

  1. JS 里的简易算法和数据结构之复杂度 原文:https://www.freecodecamp.org/news/the-complexity-of-simple-algorithms-and-data-structures-in-javascript-11e25b29de1e/ 译者:zhicheng 校对者:Chengjun.L 提示:文中的蓝色字体大家可以点击文末“阅读原文”在 freeCodeCamp 中文论坛访问链接 在之前的文章迈向计算科…
  2. CSS优秀起来真没JS什么事 原文: The State of CSS Reflections 说明:为方便读者理解,本文采用意译,非直译;其次,原文极长,作者还给出了浏览器兼容方案,本译文重点介绍 box-reflex 属性的作用效果,不阐述兼容问题,有兴趣的读者可以点击原文阅读,谢谢~ 最后:翻译不易,译文求Star: //github.com/qiud… 最近我在CodePen上…
  3. 搭建一个 nodejs 脚手架 像我们熟悉的 vue-cli,taro-cli 等脚手架,只需要输入简单的命令 taro init project ,即可快速帮我们生成一个初始项目。在日常开发中,有一个脚手架工具可以用来提高工作效率。 1.2 为什么需要脚手架 减少重复性的工作,从零创建一个项目和文件。 根据交互动态生成项目结构和配置文件等。 多人协作更为方便…
  4. svg+css3做一个动感的波浪效果一根矢量的波浪 {代码…} 完整代码: {代码…}
  5. JavaScript与HTML交互系列–事件流(冒泡、捕获、应用)和事件处理程序 当浏览器发展到第四代时(IE4及Netscape Communicator4),浏览器开发团队遇到了一个很有意思的问题:页面的哪一部分会拥有某个特定的事件?要明白这个问题问的是什么,可以想象画在一张纸上的一组同心圆。如果你把手指放在圆心上,那么你的手指指向的不是一个圆,而是纸上的所有圆。两家公司的浏览器开发团队在看待浏览…
  6. Flutter for Web 详细预研Google在最新的Google I/O上推出了Flutter for Web,旨在进一步解决一次代码,多端运行的问题。Flutter for Web还处于早期试验版,官方不建议在生产环境上使用。那么到底它的实际情况怎么样呢? 我们做了一次预研…
  7. 用 js 写卡牌游戏(三) 废了又废话 上篇文章发了之后,有挺多朋友来注册线上地址的,受宠若惊。 然后看了看上篇文章的日期,6个月前,emmmm,为什么我这么懒。。。 开了一个交流群,532413727,大家有啥想问的想说的可以加群交流。 第三回(卡牌攻击) 接着上节所…
  8. 深入浅出weex核心原理 从前,如果我们打算实现某个需求,通常需要三种程序员(IOS, 安卓,前端)写三份代码。这就带来了非常大的开发成本,所以业界也一直在探索跨平台方案——从最早的H5, Hybrid 到现在的weex, React Native。这些方案的本质目的都是,一套代码,多端运行。 H5和Hybrid的发展 早期H5和Hybrid方案的本质是,利用客户端App…
  9. 前端面试知识点整理(附答案)大部分情况,采用div+css就可以实现静态页面,但是这样的布局会导致文档结构不够清晰,而且不利于浏览器的读取。而如果采用语义强的标签,比如用H系列标签表示标题,strong表示强调等,这样就能提升网站的可读性,…
  10. 使用原生 Web Share API 进行内容分享 Chrome 75 开始支持 Web Share API – Level 2, 这也就意味着你可以通过 JS 分享 文件,链接或者文本到其他的 App 了。 其实这个需求很早很早,我们的 PM 就开始提了,关于实现,目前比较成熟的是通过 JS Bridge,然后利用 APP 的能力唤起分享面板。但是我们还是无法通过 Chrome 或者 Safari 实现页面内通过 JS …
  11. 2019年前端必用正则(js)/^1((3[d])|(4[5,6,9])|(5[0-3,5-9])|(6[5-7])|(7[0-8])|(8[1-3,5-8])|(9[1,8,9]))d{8}$/
  12. ScrapydWeb:我的第一个 1k Star 开源项目 ScrapydWeb:用于 Scrapyd 集群管理的web应用,支持 Scrapy 日志分析和可视化。 Scrapyd❌ScrapydWeb❌LogParser 推荐阅读 如何简单高效地部署和监控分布式爬虫项目 如何免费创建云端爬虫集群 在线体验 scrapydweb.herokuapp.com …
  13. JS开发常用工具函数内置函数toString后的主体代码块为 [native code] ,而非内置函数则为相关代码,所以非内置函数可以进行拷贝(toString后掐头去尾再由Function转)
  14. Angular 打包优化之 momentjs 瘦身 项目中使用到了moment.js,编译后发现moment的locale文件全部被打包到发布文件中,且moment的大部分都是locale文件,实际上我们只需要zh-cn这个语言包。 使用webpack-bundle-analyzer分析见图: moment.js 并不是一个现代化的模块化的库, 无法对其进行Tree Shaking优化。 我们需要借助第…
  15. JS 模块化历史简介对于 JavaScript 来说,模块化是一个相对现代的概念,这篇文章会带你在 JavaScript 的世界里快速浏览模块化的历史进程~
  16. Node.js + Koa2 + MySQL + Vue.js 实战开发一套完整个人博客项目网站使用 Node.js + Koa2 + MySQL + Vue.js 实战开发一套完整个人博客项目网站。
  17. 前端培训-中级阶段(5)- jQuery的概念与基本使用(2019-07-11期)前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门,但也仅仅是入门,现在前端开发的定义已经远远不止这些。前端小课堂(HTML/CSS/JS),本着提升技术水平,打牢基础知识的中心思想,我们开课啦(…

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

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


关注我

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

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

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