20180923 前端开发日报

5 分钟学习一些优雅的 JavaScript 技巧;前端代码规范工程化实践指南;bootstrap+Ajax+SSM(maven搭建)表单增删改查;HTML5 视频播放(video),JavaScript控制视频;typescript模块导入与全局变量踩坑日志;直接剪切板粘贴上传图片的前端JS实现;【未解决】PySpider中给crawl加fetch_type为js后内部调用phantomjs结果导致大量出错:HTTP 599 Conn…;前端面试题大集合:来自真实大厂的532道面试题(只有题,没有答案)

  1. 5 分钟学习一些优雅的 JavaScript 技巧 原文: Learn these neat JavaScript tricks in less than 5 minutes 作者:Alcides Queiroz 5 分钟学习一些优雅的 JavaScript 技巧 —— 专业的省时技巧 1. 清空或截取数组 一个简单的清空或者截取数组的方法,就是修改它的 length 属性: const arr = ; // 截取 arr….
  2. 前端代码规范工程化实践指南 现代前端技术飞速发展,前端已进入了以效率和质量为核心的工程化时代,各种自动化工具和技术的使用大大提高了开发效率。在团队协作中,编码规范至关重要,统一的编码规范可以降低代码维护的成本,但是,纯手工检查代码规范费时费力且难以保证准确性,因此,针对代码规范的自动化工具应运而生,从最早的JSLint,到JSHint…
  3. HTML5 视频播放(video),JavaScript控制视频 <html lang="en"> <head> <meta charset="UTF-8"> <title>Documenttitle> <style> figcaption { text-align: center; line-height: 150px; font-family: "Microsoft Yahei"; font-size: 24px; } .player { width: 720px; height: 360px; margin: 10px a…
  4. typescript模块导入与全局变量踩坑日志在调整typescript项目结构,全局变量尽量少用,但还是必不可少的,既要合理的引入,又要能用上vscode的智能提示。上篇日志已经记录了,在vscode中开发,全局变量的定义与声名是分开的,要做好对应。
  5. 直接剪切板粘贴上传图片的前端JS实现 这篇文章发布于 2018年09月21日,星期五,00:15,归类于JS实例。 阅读 112 次, 今日 112 次 byzhangxinxu from https://www.zhangxinxu.com/wordpress/?p=8016 本文可全文转载,但需得到原作者书面许可,同时保留原作者和出处,摘要引流则随意。 一、趁热打铁 上一篇文章也和剪切板粘贴相关,主要讲的是 输…
  6. 【未解决】PySpider中给crawl加fetch_type为js后内部调用phantomjs结果导致大量出错:HTTP 599 Conn… 折腾: 【未解决】pyspider运行出错:FETCH_ERROR HTTP 599 Connection timed out after milliseconds 期间,通过: pyspider HTTP 599 Connection timed out after 难道是需要加user-agent? 答复: 问题:HTTP 599: Operation timed out… – Google Groups “和 phantomjs 连接超时,看看 phantomjs 是否…
  7. 前端面试题大集合:来自真实大厂的532道面试题(只有题,没有答案)面试题是来自微博@牛客网发布的真实大厂前端面经题目,我一直在收集题目长期一个一个的记录下来的,可能会有重复,但基本前端的面试大纲和需要掌握的知识都在其中了,面试题仅做学习参考,学习者阅后也要用心钻研…
  8. 深入探究immutable.js的实现机制(二) 本文是我正在更新的深入探究immutable.js系列的第二篇。深入探究immutable.js的实现机制(一)深入探究immutable.js的实现机制(二)&nbsp; 本篇上一篇我们研究了 Immutable.js 持久化数据结构的基本实现原理,对其核心
  9. 前端阶段性总结(三):web安全引言: 转前端一年了,期间工作较忙,也没时间整理一些知识体系,此系列文章是对前端基础的一些回顾与总结。本文主要总结一下前端需要关注的web安全。
  10. 前端进阶(13) – 搭建自己的前端脚手架一般新开发一个项目时,我们会首先搭建好一个脚手架,然后才会开始写代码。搭建脚手架可以用 create-react-app、vue-cli、yeoman 等命令行工具,也可以直接用 html5-boilerplate、react-boilerplate、hackathon-s…
  11. 原来vue的slot可以这么玩转 vue的内容分发非常适合“固定部分+动态部分”的组件的场景,固定部分可以是结构固定,也可以是逻辑固定,比如下拉loading,下拉loading只是中间内容是动态的,而拉到底部都会触发拉取更多内容的操作,因此我们可以把下拉loading做成一个有slot的插件
  12. angular的输入和输出angular的核心组件化,可以说组件化的相当彻底。而要实现组件之间的通信,一个必不可少的就是输入和输出。通过对输入输出的学习,更加加深我对组件化的认识。
  13. vue 巧用过渡效果 vue提供的了transition组件来实现组件的过渡和路由的过渡,合理使用这个组建可以让我们的页面更加的灵活,提高用户体验。 概念 在进入/离开的过渡中, 会有6个class的切换, 抄一张官方的图 v-enter:定义进入过渡的开始状态。在元素被插入之
  14. 开发一个 Parcel-vue 脚手架工具像我们熟悉的 vue-cli,create-react-app 等脚手架,只需要输入简单的命令 vue init webpack project,即可快速帮我们生成一个初始项目。在实际工作中,我们可以定制一个属于自己的脚手架,来提高自己的工作效率。
  15. 记录一次基于vue、typescript、pwa的项目由开发到部署 前言 最近秋招之余空出时间来按自己的兴趣动手做了一个项目,一个基于vue,typescript,pwa的实验浏览移动端webapp,现在趁热打铁,将这个项目从开发到部署整个过程记录下来,并将从这个项目中学习到的东西分享出来,如果大家有什么意见或补充也可以在评论
  16. Node.js – 200 多行代码实现 Websocket 协议最近正在研究 Websocket 相关的知识,想着如何能自己实现 Websocket 协议。到网上搜罗了一番资料后用 Node.js 实现该协议,倒也没有想象中那么复杂,除去注释语句和 console 语句后,大约 200 行代码左右。本文记…
  17. 前端每日实战:140# 视频演示如何用纯 CSS 创作文本的淡入动画效果(并祝大家中秋节快乐)效果预览 按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以全屏预览。 [链接] 可交互视频 此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 请用 chrome, safari, edge 打开观看。 [链接] …
  18. AngularJS ng-class 指令把判断写在控制器中 例如:controller view 直接把判断写在V层中 1.如果number等于0,则执行,否则不执行 2.如果number等于0,则执行true,否则执行false 教程中disabled禁用简单方法 因分页的frist和last都的直…
  19. How React Works (一)首次渲染 一、前言 本文将会通过一个简单的例子,结合React源码(v 16.4.2)来说明 React 是如何工作的,并且帮助读者理解 ReactElement、Fiber 之间的关系,以及 Fiber 在各个流程的作用。看完这篇文章有助于帮助你更加容易地读
  20. CSS 中重要的层叠概念最近在项目的过程中遇到了一个问题,menu-bar希望始终显示在最上面,而在之后的元素都显示在它之下,当时设置了 z-index 也没有效果,不知道什么原因,因此找了一下css有关层叠方面的资料,解决了这个问题,这里…
  21. 金九银十求职季,前端面试送给你|掘金技术征文 前言最近好多小伙伴都跳槽去找工作,我只能在心里默默的支持他们能找到一份好的工作,这份前端面试大全送给我的小伙伴们,主要说的是前端一些常用的一些知识,说的不对的地方请小伙伴们即使指正出来,自己同时也回顾下这些知识。主要分以下几个方边来说:css和htmljava
  22. webpack调优总结webpack的出现为前端开发带来翻天覆地的变化,无论你是用React,Vue还是Angular,webpack都是主流的构建工具。我们每天都跟它打交道,但却很少主动去了解它,就像写字楼里的礼仪小姐姐,既熟悉又陌生。随着项目复…
  23. 【前端芝士树】Js中的闭包是怎么一回事 && 笔试问题集锦这涉及到var作为变量声明的关键词时所出现的一些问题。比如,var 的 变量提升 以及 函数级作用域
  24. 前端应该知道的基本知识前端时间在部门内进行分享,准备素材时偶然发现下面的一个现象,因为和当时分享的主题无关,就先记下来了,事后重新审视,并把一些思考记录如下:
  25. 如何在 Node.js 中更优雅地使用 gRPC:grpc-helper 在上一篇的 gRPC 的介绍以及实践 中,而在文末,我简单介绍了给 Node.js 做的 grpc-helper,但是现在,我觉得得用一篇完整的博客来好好介绍,毕竟还是想要给大家用的,以下我会介绍我实现这个工具的过程,以及我的一些实现思路。 其实在这之前,我看了官方的讨论,而且也调研了当中提到一些帮助类工具,比如 grpc-…
  26. GitHub pages + Hexo 搭建自己的个人博客hexo是一个非常简单简洁的博客系统,因为不喜欢wordpress的臃肿然后就转Hexo。 这是我自己搭建好的博客 第一步:配置GitHub pages 首先需要一个GitHub账号然后可以具体可参照官方教程 第二步:安装node.js 下载安…
  27. Redux的中间件Middleware不难,我信了^_^ Redux的action和reducer已经足够复杂了,现在还需要理解Redux的中间件。为什么Redux的存在有何意义?为什么Redux的中间件有这么多层的函数返回?Redux的中间件究竟是如何工作的?本文来给你解惑,Redux中间件从零到“放弃”。 本文的
  28. 代理服务器和 Web 服务器通信中的 504 问题 上周在工作中遇到一个504问题,特写此文记录,关注我公众号的读者可能阅读过一篇关于502问题的文章《502错误,让你进一步明白nginx和php-fpm之间的关系》。对于一个Web开发者来说,504和502问题看上去好像很简单,每个人也可能都遇到过,但把问题说清楚并不那么容易,也希望这两篇文章能够帮助您。 两台设备只…

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

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


关注我

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

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

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