20190120 前端开发日报-前端开发博客

大前端的下一站何去何从？；用 JS 写卡牌游戏（二）；提高 JavaScript 开发效率的高级 VSCode 扩展之二；JavaScript权威指南笔记；使用css时，可能会出错的两个地方；移动端js模拟截屏生成图片并下载功能的实现方案+踩坑过程；Git 学习笔记整理；想晋级高级工程师只知道表面是不够的Git内部原理介绍

大前端的下一站何去何从？近年来，移动互联网应用有着爆发式的增长，同质化 APP 层出不穷，人们对于产品体验的要求越来越高，渲染迟缓、交互卡顿的单体 Web APP 已经无法满足现有用户苛刻的使用标准；与此同时，井喷式的业务需求迫使 iOS、Android 两个移动平台不断提升迭代开发速度，缩短版本发布周期；如何既能利用 Web 门槛低、轻量级、跨平台…
用 JS 写卡牌游戏（二）直接看代码的点这又废话（前言）别看这个游戏现在这个垃圾样，我可是摸索了将近半年才写出来的，所以我现在理解一个好游戏要是想做出来，为啥要两三年了。目前最新进度游戏线上地址，欢迎大家注册了之后体验（如果没有人对战，可以单人剧情体验），希望大家多提建议！第二回…
提高 JavaScript 开发效率的高级 VSCode 扩展之二作为一名业余爱好者、专业人员，甚至是每月只有一次编程的开发人员，你必须知道，对于任何愿意在工作中投入最大生产时间的人来说，拥有智能和敏捷的工具是至关重要的，废话不多说，介绍插件比较重要。
JavaScript权威指南笔记声明变量不带var，JS会在全局对象中创建一个同名属性，坑爹 JS在函数作用域上倒是和Python有些相似，不过Python是直接抛出错误，而JS是打印出undefined. .. code:: python >>> def foo(): … print(a) … a = 1 … >>> foo() Traceback (most recent call last): …
使用css时，可能会出错的两个地方这两个属性大家都很熟悉了，margin-top表示外部的上边距，padding-top表示内部的上边距。
移动端js模拟截屏生成图片并下载功能的实现方案+踩坑过程首先，因为用的是第三方的app（钉钉）内嵌webview开发，所以无法拿到截屏的api（而且需要生成的日报超出一个屏幕范围，截屏也麻烦）所以，自然想到了使用第三方工具 canvas2html ，将页面中指定范围的dom转换为canvas 随后使用canvas的api toDataUrl 获得base64格式的图片数据此时试…
Git 学习笔记整理直接记录快照，而非差异比较git会对当时的全部文件制作一个快照并保存这个快照的索引。git对待数据更像是一个快照流
想晋级高级工程师只知道表面是不够的Git内部原理介绍git 是一个内容寻址的文件系统，其核心部分是一个简单的键值对数据库(key-value data store),可以向该数据库插入任意类型的内容，它会返回一个40位长的哈希键值。并在此基础上提供了一个版本控制系统的用户界面。
Git 提交洁癖指南写在最前:鉴于我写的两篇文章,git相关的大家比较喜欢,那我就先写一点这方面的… ,老实说我的git水平只能算初学者,只是用的了三年没深入钻研,还停留在使用SourceTree和偶尔使用命令行的阶段. Why 既然你们这么多强迫症喜欢简洁明了的git提交记录,那么我就给你们 …
手把手搭建nginx服务器，部署前端代码html路径下放置我们前端 build好的代码(如何build，相信各位都会)，conf下有个非常重要的文件nginx.conf，用来配置nginx服务器。
javascript异步中的回调我们之前介绍了javascript异步的相关内容，我们知道javascript以同步，单线程的方式执行主线程代码，将异步内容放入事件队列中，当主线程内容执行完毕就会立即循环事件队列，直到事件队列为空，当用产生用户交互…
立即收藏这应该是你见过的最全前端下载总结这应该是你见过的最全前端下载总结自己整理的一些项目中遇到过的关于上传和下载的一些Demo，大前端系列（也就是纯前端 + node端完成的下载，只要获取到数据下载工作全是前端来做），仅供给位看官参考，避免踩坑，…
【全网最值得推荐的前端精英教程】新的一年来了，有没有什么计划，不如来看看前端开发博客推荐的这些教程，涵盖最前沿的前端技术、React、Vue、前端面试等！想要进步，什么时候都不会迟，速来。
【20190119 前端开发日报】[NodeJs系列]理解NodeJs中的Event Loop、Timers以及process.nextTick()；让老板虎躯一震的前端技术，KPI杀手；WebSocket 协议 1~4 节；webpack4系列教程（九）：开发环境…详情→
#前端技术#【CSS Inspiration：找到写 CSS 的灵感】详见：这个项目可以帮助你寻找到使用或者是学习 CSS 的灵感。它以分类的形式，展示了不同 CSS 属性或者不同的课题使用 CSS 来解决的各种方法。
体验的升华：Weex 作者马姐姐、熊孩子（企业代号名），目前负责贝壳平台技术中心SaaS&客源的前端研发工作。 1背景当你打开一个H5页面时，是否讨厌等待？生硬的跳转是否让你倍感突兀？是否想要拥有更极致的体验？为了给大家提供贴近原生的加载速度与流畅度，提升大家的使用体验，最近两个月在研究weex这个…
JavaScript物理引擎之Matter.js与Box2d性能对比在挑选JavaScript 2D物理引擎的时候，不外乎两种主流的选择：第一种是老牌的Box2D，最开始的版本是C++实现的，后来有了很多种实现，比如flash版本和js版本，具体可看：[链接]；第二种是新潮的matter-js，matter-j…
React Native 工程中 TSLint 静态检查工具的探索之路总第329篇 2019年第007篇 TSLint为TypeScript提供了代码检查能力，对使用TypeScript的React Native工程，在规范性、安全性、可靠性、可维护性等方面起到重要作用。本文主要对TSLint相关知识进行分享，并对自定义TSLint规则进行介绍。建立的代码规范没人遵守，项目中遍地风格迥异的…
【vue-cli3升级】老项目提速50%（二）抽点时间码字… 续上一篇《【vue-cli3升级】老项目提速50%（一）》上一遍写到了项目中 eslint 的错误处理，原谅我并不怎么会写文章，哈哈… 继续说明下本文只作为个人在实际工作中的经历总结… 本着不影响业务代码的原则和初心，继续这次升级改造工程的历程… 本文大致分为以下几个部分：环…
react全家桶从0到1(react-router4、redux、redux-saga)本文从零开始，逐步讲解如何用react全家桶搭建一个完整的react项目。文中针对react、webpack、babel、react-route、redux、redux-saga的核心配置会加以讲解，希望通过这个项目，可以系统的了解react技术栈的主要…
个人React / Koa 项目上线——健身笔记 FitNote的诞生是为了更好地记录在力量训练中负重的变化情况，也可以说是力量训练笔记本。体验地址：fitnote.inhere.top 体验账号：abc / 123456 暂时暂未开放注册，有需要可以留言给你开通账号。开发详情前端项目地址前端基于 React.js 16.0 + 并采用 material-ui 前端 …
Vuex 是什么，为什么需要 Vuex 十分简单好用，没用过难免会有神秘感，以致于往往就高估了其使用难度，其实也就那么回事，没什么高大上的。 Vuex 是什么 Vuex 是专门为 Vue.js 设计的状态管理库，它采用集中式存储管理应用的所有组件的状态。状态管理是什么状态管理并不是什么神奇的概念，其实你一直都在做，即便你从来没了解过状…
使用 Gatsby.js 搭建静态博客 6 评论系统大家都知道 disqus 等第三方评论系统的存在。disqus 几年前还是挺好使的，但是现在已经是不存在的网站了。虽然国内也有类似的服务，但是免费档位有可能会有大篇幅的广告。
跨域Ajax方法经典Ajax示例： XMLHttpRequest原生方式 {代码…} jQuery {代码…} 跨域Ajax方案：方案A：JSONP 前端请求页面： {代码…} 后端响应页面：注意后端响应是GET {代码…} 方案B：XHR2服务端添加响应头信息（IE1…