20180113 前端开发日报

做一个可复用的 echarts-vue 组件(延迟动画加载);Vue学习看这篇就够;Vue 后台模板 [Vue admin] SanJi Boot Admin Iview;30s js代码片段 翻译;用Vue自己造个组件轮子,以及实践背后带来的思考;从零开始搭建一个简单的基于webpack的vue开发环境;全新打包工具parcel零配置vue开发脚手架;JS写小游戏「跳一跳」外挂之上来自己动

  1. 做一个可复用的 echarts-vue 组件(延迟动画加载)在 vue 项目使用 echarts 的场景中,以下三点不容忽视:1. 可视化的数据往往是异步加载的;2. 若一个页面存在大量的图表( 尤其当存在关系图和地图时 ),往往会导致该页面的渲染速度很慢并可能在几秒内卡死,产…
  2. Vue学习看这篇就够 Vue -渐进式JavaScript框架 介绍 vue 中文网 vue github Vue.js 是一套构建用户界面(UI)的渐进式JavaScript框架 库和框架的区别
  3. Vue 后台模板 [Vue admin] SanJi Boot Admin Iview导读: 很久没有写文章了,最近一直在忙,之前一直想着可以把SanJi Boot Security项目中的页面使用 Vue+webpack 进行重写,前几天算是阶段性的完成了这个计划,后期会随着SanJi Boot 的模块不断增多 对其进行对应的升…
  4. 30s js代码片段 翻译这是对 github 上30s代码片段的翻译整理,由于作者的文档是通过脚本生成的,也就懒得去提pull了,整理了放到博客上供大家学习参考,后续会持续跟进翻译。 Array Array concatenation (合并参数) 使用 Array.conca…
  5. 用Vue自己造个组件轮子,以及实践背后带来的思考 前言 首先,向大家说声抱歉。由于之前的井底之蛙,误认为Vue.js还远没有覆盖到二三线城市的互联网小厂里。现在我错了,从我司的前端技术选型之路便可见端倪。以太原为例,已经有不少公司陆续开始采用Vue.js作为他们公司前端的技术栈,前后端分离正搞得热火朝天,还有
  6. 从零开始搭建一个简单的基于webpack的vue开发环境 都8102年了,现在还来谈webpack的配置,额,是有点晚了。而且,基于vue-cli或者create-react-app生成的项目,也已经一键为我们配置好了webpack,看起来似乎并不需要我们深入了解。 不过,为了学习和理解webpack解决了前端的哪些痛点,还是有必要从零开始自己搭建一个简单的开发环境。本文的webpack配置参考了vue-cli…
  7. 全新打包工具parcel零配置vue开发脚手架 parcel-vue 一个基于Parcel打包工具的 VueJS急速开发脚手架解决方案,强烈建议使用node8.0以上 项目地址: https://github.com/w3c-king/parcel-vue 初始化项目 $ git clone https://github.com/w3c-king/parcel-vue.git 安装依赖 $ cd parce-vue $ npm install 其中 parcel-bundler 是主要的工具,对于…
  8. JS写小游戏「跳一跳」外挂之上来自己动 adb 是 Andorid Debug Bridge ,可以将安卓手机打开 USB 调试模式,然后连接 USB 线到电脑,就可以通过 adb 执行调试命令。 adb 安装 mac 下面使用 brew 安装 brew cask install android-platform-tools windows 下面去搜索下载,然后放到环境变量里面去,保证命令行执行 adb 可以成功。 测试连接成功 使…
  9. 常见 Web 安全攻防总结 Web 安全的对于 Web 从业人员来说是一个非常重要的课题,所以在这里总结一下 Web 相关的安全攻防知识,希望以后不要再踩雷,也希望对看到这篇文章的同学有所帮助。今天这边文章主要的内容就是分析几种常见的攻击的类型以及防御的方法。 也许你对所有的安
  10. 分享:一篇webpack配置基础绝好文章 Webpack是目前基于React和Redux开发的应用的主要打包工具。我想使用Angular 2或其他框架开发的应用也有很多在使用Webpack。 当我第一次看到Webpack的配置文件时,它看起来非常的陌生,我非常的疑惑。经过一段时间的尝试之后我认为这是因为Webpack只是使用了比较特别的语法和引入了新的原理,因此会让使用者感到疑惑。…
  11. ofo国际化部门招前端 欢迎优秀的你
  12. 深入理解JS引擎的执行机制深入理解JS引擎的执行机制 1.灵魂三问 : JS为什么是单线程的? 为什么需要异步? 单线程又是如何实现异步的呢? 2.JS中的event loop(1) 3.JS中的event loop(2) 4.说说setTimeout 首先,请牢记2点: (1) JS是单线程语言…
  13. 深入解析js中的函数写在前面 由于词语匮乏,本文继续沿用”深入解析xxx”这个俗套的命名,但是是真的很深入(你要信我啊)。如果本文对你有用,欢迎收藏,如果喜欢我的文章,欢迎点赞和关注专栏。函数可以说是js的基础,无处不在,功能…
  14. [跳一跳] Nodejs + Opencv 版 游戏中,小人蓄力时长决定弹跳距离,成功跳到下一个墩子,即加分。 目标即获取小人位置,获取目标点位置然后计算距离。 在做的过程中,发现,人物弹跳方向为斜向30度,未跳到中心点的情况下,偏移位置似乎不会导致游戏失败。 于是游戏目标简化为搜索小人位置,与搜索墩子中心点横坐标。 墩子中心点横坐标,与墩…
  15. 探索HTTP传输中gzip压缩的秘密为什么要开启gZip 我们给某人发送邮件时,我们在传输之前把自己的文件压缩一下,接收方收到文件后再去解压获取文件。这中操作对于我们来说都已经司空见惯。我们压缩文件的目的就是为了把传输文件的体积减小,加快…
  16. 自动 Import 工具,前端打字员的自我救赎 自动 import 工具 作为一个前端打字员,一个经常遇到的场景就是在 路由文件中引入模块 ,比如这样 在 router/index.js 中写入 import Vue from ‘vue’ import Router from ‘vue-router’ const About = () => import(‘../pages/About.vue’) const Home = () => import(‘../pages/Home.vue’) Vue….
  17. Electron-vue开发实战0——Electron-vue入门 前段时间,我用 electron-vue 开发了一款跨平台(目前支持Mac和Windows)的免费开源的图床上传应用—— PicGo ,在开发过程中踩了不少的坑,不仅来自应用的业务逻辑本身,也来自electron本身。在开发这个应用过程中,我学了不少的东西。因为我也是从0开始学习electron,所以很多经历应该也能给初学、想学electron开发的同…
  18. 解决Vue引入百度地图JSSDK:BMap is undefined 问题 百度地图官网文档介绍使用JSSDK时,仅提供了2种引入方式: script引入 异步加载 但vue项目中仅某一两个页面需要用到百度地图,所以不想在 index.html 中全局引用。 那在单个vue组件页面中如何引入呢? 刚开始时,是直接通过 DOM 操作方式插入script标签到当前document中,如下: let script…
  19. WebAssembly起步了解WebAssembly原理 WebAssembly是一种可以在浏览器上运行的二进制可执行格式文件。它将成为浏览器进化史上又一次革命。 自从浏览器问世以来,javascript就成为浏览器上执行程序的唯一标准,越来越多的应用程序…
  20. 前端面试之js相关问题(二) 上一篇我们讲到了,在前端面试的时候常被问到的函数及函数作用域的问题。今天这篇我们讲js的一个比较重要的甚至在编程的世界都很重要的问题 面向对象 。 在JavaScript中一切都是对象吗? “一切皆对象!” 大家都对此深信不疑。其实不然,这里面带有很多的语言陷阱,还是不要到处给别人吹嘘一切皆对象为好。 数据…
  21. 从0实现一个tiny react(一) 从0实现一个tiny react(一) 注: 首发于segmentfault, 现迁移到掘金。。。 学习一个库的最好的方法就是实现一个, 实际react的代码可能相去甚远。 支持JSX react组件可以完全不用JSX, 用纯js来写。 JSX语法经过babe
  22. 在 Node 的帮助下,横跨多平台的 JavaScript 已经赢了 编者按:很多人都在寻找一个能够统一编程语言江湖的“老大哥”,战火也重来没有停止过。 Jonny Asmar 在 hackernoon上发表了一篇文章 指出,因为Node的存在,JavaScript具备了多功能性,已经有了坐稳“头把交椅”的势头。文章由36氪编译。 作者写在前面的话:这篇文章已经引起了大量的反对,因为很多人并不认为JavaS…
  23. A Crypto Miner for your Website A Crypto Miner for your Websitemp.weixin.qq.com
  24. 使用setImmediate或多进程解决Node.js的CPU-bound任务 本文配有demo,猛戳此处访问demo 大量占用CPU计算资源的任务称为CPU-bound的任务。 它的主要特点是CPU利用率较高,而不是I/O操作繁重。 让我们立即举一个例子上看看这些类型的任务在Node.js中的具体行为。 暴力求解

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

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


关注我

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

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

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