20180811 前端开发日报

如何直观的在JavaScript中管理状态;2019届校招前端面试题整理——HTML、CSS篇;Webpack 打包实用优化方案;揭秘js框架中的常用套路;第一期可退全款的编程入门课(JavaScript 语言);一篇文章搞定 javascript 正则表达式;前端每日实战 2018 年 7 月份项目汇总(共 29 个项目);XHttp2:功能强悍的网络请求库

  1. 如何直观的在JavaScript中管理状态 原文:How to visually design state in JavaScript 作者:Shawn McKay 译者:逆图 一份教你使用状态机和状态图来开发应用的路线图 为什么状态管理在JavaScript中显得特别困难?是现代应用继承的复杂性,
  2. 2019届校招前端面试题整理——HTML、CSS篇DOCTYPE是html5标准网页声明,且必须声明在HTML文档的第一行。来告知浏览器的解析器用什么文档标准解析这个文档。
  3. Webpack 打包实用优化方案 目前最火的打包工具莫过于Webpack了,关于Webpack的优化方案,网上有很多文章可以供大家参考。查阅前人的资料,总结自己在项目中遇到的问题,最终得出一些比较实用的优化方案,本文将与大家一一分享。既然是打包优化,那么我们需要时刻关注以下几点: 减少编译时间 减少编…
  4. 揭秘js框架中的常用套路 我们每天都在使用各种各样的框架,这些框架伴随着我们每天的工作。通过使用这些框架的目的是为了解放我们,很少人去真正关心这些框架的背后都做了些什么。我也使用了不少的框架,通过这些流行框架也让我学习到了一些知识,就想把这些东西分享出来。 每个标题都是一个独立的主题,完全可以根据需要挑有兴趣的阅读。 …
  5. 一篇文章搞定 javascript 正则表达式 前言 正则表达式在平时工作中非常常见,但是它的神奇对于很多程序员可能一直像魔法一样的存在,工作中用到的大部分正则都是去网上搜索得来的,再复杂一点看着文档费时费力的拼凑一下。是不是深有感触了?一次在网上看到有关正则的视频,让我收货颇多,当时认真记录了笔记和自己的
  6. 前端每日实战 2018 年 7 月份项目汇总(共 29 个项目)《前端每日实战》专栏每天分解一个前端项目,用视频记录编码过程,再配合详细的代码解读,是学习前端开发的活的参考书!
  7. XHttp2:功能强悍的网络请求库 一个功能强悍的网络请求库,使用RxJava2 + Retrofit2 + OKHttp组合进行封装。 关于我 特征 支持默认、全局、局部三个层次的配置功能。 支持动态配置和自定义底层框架Okhttpclient、Retrofit. 加入基础ApiService,减少Api冗余。 支持多种方式访问网络GET、PO…
  8. 用JS写一个同Excel表现的智能填充算法 在使用Excel的时候,发现它的“智能填充”功能非常有趣,能够智能地分析我当前的内容,然后准确预测出我期望得到的值。排除了AI的加成,发现这个功能其实也可以通过数学理论和简单代码来实现。经过一番折腾,终于用JS实现了大致的功能。
  9. JavaScript中新建一个带全局变量参数的new Function动态函数 有些场景会动态传递一些计算公式到后端,后端计算出结果,计算公式可能会使用到一些变量。如用户输入的公式:  a + b,需要计算 a + b 的值 有一种方法,在公式中使用 this 参数,然后传入model实现,如: myFunc = Function( ‘return this.a + this.b’ ) 调用时传入model myFunc.call({ a: 1, b: 2}) …
  10. css的2D转换 脚本化css 下面通过css实现动画效果,可以使用脚本化的css实现滑入,轮廓伸缩的列表,即动态的HTML,一个过时的说法DHTML 一些css的基础知识 之前已经看过厚厚的一本大书,现在简单看一下,补充一下不知道的点 层叠 web浏览器组合元素的style属
  11. JS 中的offset、scroll、client总结经常碰到offset、scroll、client这几个关键字,每次都要各种实验,这里总结一下。 两张图镇楼,随时翻阅 1. offset offset 指偏移,包括这个元素在文档中占用的所有显示宽度,包括滚动条、padding、border,不包…
  12. 使用JavaScript和D3.js实现数据可视化D3.js是一个JavaScript库。它的全称是Data-Driven Documents(数据驱动文档),并且它被称为一个互动和动态的数据可视化库网络。2011年2月首次发布,在撰写本文时,最新的稳定版本是4.4版本,并且不断更新。D3利…
  13. 关于解决JS遍历多个异步回调完美引用外部变量的几个办法 最近项目里用到了多选图片二维码识别上传,由于二维码识别是异步回调,再次列举一下如何在循环回调引用变量 描述 由于JS里for循环是同步任务,而reader.onloadend是异步任务,所以同步的会先执行完循环结束,等到异步回调引用外部变量所以
  14. 深入理解 Javascript 之 闭包闭包是一种特殊的对象。它由两部分构成:函数,以及创建该函数的环境(包含自由变量)。环境由闭包创建时在作用域中的任何局部变量组成。
  15. 常见的javascript日期和时间戳互相转化知道什么是时间戳:即距离1970年01月01日00时00分00秒的毫秒数(如果你要用到的是秒,那也行,单位问题而已)。
  16. 更优雅的在 mpvue 中使用 canvas 概述 大家对mpvue相信都不陌生,mpvue几乎抹平了我们对浏览器端和小程序端的开发差异。不过由于小程序的特性,我们终归不能将浏览器中的一些方法和功能完全移植到小程序中。比如在canvas的一些应用上,浏览器端和小程序就存在着很大的差异性。而本文主要介绍一种
  17. React 折腾记 – (1) React Router V4 和antd侧边栏的正确映射关联及动态title的实现 前言 如标题所言,动态更改标题,关联菜单栏 依旧如以前,实战出真理,理论的文章太多,自行去搜索 有兴趣的可以瞧瞧,没兴趣的大佬请止步于此.免得浪费您的时间 效果图 基于antd的sidebar组件封装 实现思路 实现思路 自行维护一份静态路由表 结
  18. JavaScript 各种继承方式优缺点对比 我的博客 github博客主页 原型对象 无论什么时候,只要创建一个新函数,就会根据一组特定的规则为该函数创建一个 prototype 属性,这个属性指向函数的原型对象。默认情况下,所有原型对象都会自动获得一个 constructor(构造函数)属性
  19. javaScript 之 蚁人<微任务> 每次我在写技术类文章的时候都喜欢用引用一个神话故事或者一位超级英雄。没错,因为我的中二病很严重,写代码的时候都幻想自己有一对机械手臂帮我在那啪啪啪的调试bug,别想歪了不是那种啪啪啪。 这次我要说的就是 蚁人 好吧,为什么要说蚁人那。如果你看过漫威(虽然我是
  20. ES6指北【3】——5000字长文带你彻底搞懂ES6模块如果把M4步枪看成是一个页面的话,那么我们可以做如下类比枪身 -> <main></main>消音器 -> <header></header>倍镜 -> <nav></nav>握把 -> <aside></as…
  21. 一个Vue媒体多段裁剪组件 前言 近日项目有个新需求,需要对视频或音频进行多段裁剪然后拼接。例如,一段视频长30分钟,我需要将5-10分钟、17-22分钟、24-29分钟这三段拼接到一起成一整段视频。裁剪在前端,拼接在后端。 网上简单找了找,基本都是客户端内的工具,没有纯网页的裁剪。既然
  22. 保险CIMS系统微前端实践 编辑推荐: 本文来自网络,本文主要讲述了CIMS 项目从微服务架构演化到微前端进而完成系统全面微服务化的架构演进。 什么是微前端(Micro-Frontends) 微前端的概念最早由 ThoughtWorks 在 2016 年底提出,是一种将微服务推广到前端的设计理念。(https://micro-frontends.org/),目前…
  23. 深入理解 Javascript 之 JS的解析与执行过程此时这里有4个同名变量 a ,依循规则是:function 优先与 var, 同名的后面覆盖前面的因此,a = function a(){ alter(2); } 替换掉下面的2个 a = undefined ,a = function a(){ alter(4); } 又替换掉 a = functio…
  24. 手把手教你实现一个通用的jsonp跨域方法JSONP(JSON with Padding)是JSON的一种“使用模式”,可用于解决主流浏览器的跨域数据访问的问题。由于同源策略,一般来说位于 server1.example.com 的网页无法与不是 server1.example.com的服务器沟通,而 HTML 的…
  25. 《CSS世界》笔记四:流的保护与破坏原本博客名为“浮动与定位”,但是《CSS世界》第六章节的内容不仅有浮动定位,很大一部分篇幅都在讲BFC和overflow。更吸引人的是,作者将float/absolute/relative形容为“魔界三兄弟”,将原本枯燥的理论知识硬生生变…
  26. 《CSS世界》笔记五:CSS层叠规则及元素隐藏《CSS世界》这本书还剩六章,但是这本书的精华部分主要是前面的内容,这里仅把后面章节相对重要的内容以博客展示,想着了解更多的小伙伴还是去阅读原文的好,毕竟三百多页的一本书并不是小小几篇博客能完全说清楚…
  27. Spring 中 HttpMessageConveter 概念 概念 HttpMessageConverter主要功能在于Java对象和Json Xml等Http消息格式之前的来回转换. 来看HttpMessageConverter在Spring中如何使与Http的通信变更更优雅 首先启用SpringMvc会自动注册一箩筐HttpMessageConverter @EnableWebMvc @Configuration @ComponentScan({ “org.spri…
  28. 前端er怎样操作剪切复制以及禁止复制+破解等有时候我们经常会碰到这些场景:玩掘金、知乎的时候复制一段文字,总是会在内容后面加上一些版权信息,以及像小说网站等都有禁止选中,禁止复制这种功能,还有点击自动复制账号的功能。
  29. 深入理解 Javascript 之 对象ES6 之前 ECMAScript 中有 5 种简单数据类型(也称为【基本数据类型】):Undefined、Null、Boolean、Number和 String。

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

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


关注我

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

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

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