20170801 前端开发日报

js实现鼠标拖拽多选功能;掌握 Chrome 开发工具:新一代前端开发技术;JS常用小结;前端清单第 24 期:React 16 中 Fiber 实战、Vue 图表、V8 Turbofan 性能优化;MongooseJS 4.11.5 发布,MongoDB 连接包;当不使用JavaScript框架时;Vue2.0仿今日头条;JS组件系列——在ABP中封装BootstrapTable

  1. js实现鼠标拖拽多选功能最近做了一个用js实现鼠标拖拽多选的功能,于是整理了一下思路,写了一个小demo:遮罩出现:被遮罩盖住的,即为选中的块(背景色为粉色)下面是具体代码,注释已在文中,与大家交流。 {代码…}
  2. 掌握 Chrome 开发工具:新一代前端开发技术 你可能已经熟悉了Chrome开发工具的基本功能。: DOM检查器、样式面板和JavaScript控制台。 但也有一些不太为人所知的特性可以显著提高你调试或开发应用的速度。 黑色主题 Chrome开发工具的内置了黑色主题。你可以通过点击开发工具窗口右上角的三点
  3. JS常用小结 开发过程中我们遇到的一些JS的问题,总结一下,未完待续 …… 1. 滚动条滚动到页面容器底部,设置滚动条距离顶部的高度为容器内容高度和容器可视区域高度的差,并添加动画。 var obj = document.getElementById(‘msgList’); if(obj.scrollHeight > obj.clientHeight){ $(obj).animate({ scrollTo…
  4. 前端清单第 24 期:React 16 中 Fiber 实战、Vue 图表、V8 Turbofan 性能优化前端每周清单第 24 期:React 16 中异常处理与 Fiber 实战、Vue 图表与 jQuery 插件、V8 Turbofan 性能优化 前端 前端每周清单 前端每周清单专注前端领域内容,分为新闻热点、开发教程、工程实践、深度阅读、开源…
  5. MongooseJS 4.11.5 发布,MongoDB 连接包 MongooseJS 4.11.5 已发布,MongooseJS 是使用 JavaScript 编程,连接 MongoDB 数据库的软件包,使 MongoDB 的文档数据模型变的优雅起来,方便对 MongoDB 文档型数据库的连接和增删改查等常规数据操作。 更新内容: docs: fix link to $lookup fix: better parallelization for eachAsy…
  6. 当不使用JavaScript框架时非常有价值的建议:哪些框架是合理的,哪些并不合理。 作者:Tod Hansmann 来源:https://opensource.com/articl…翻译:疯狂的技术宅 Image by : opensource.com 随着互联网的发展,网络发展已经远远超出了预期…
  7. Vue2.0仿今日头条toutiao 基于Vue2.0仿照今日头条的移动端项目 源码地址:toutiao_Vue2.0 预览地址:toutiao_Vue2.0 前言 先占个坑位。 之前打算做个东西熟悉vue的使用,由于自己蛮喜欢刷手机看看新闻的,借鉴了其他同学的项目(…
  8. 前端开发 通用JS工具的封装网络请求工具(Ajax请求,服务器地址配置) URL路径工具 模板渲染工具 字段验证&&通用提示 统一跳转 {代码…}
  9. React Native 源码导读(零):创建/运行/调试 最近工作需要,重新看 React Native (以下简称RN) 源码,了解机制,寻找优化空间,过程中看能不能整理出一些东西。 RN 这个项目已经是庞然大物,打开 github 项目主页,根目录下文件和文件夹就多达五六十个,看起来一脸懵逼,不知道哪些是源码,在看源码之前先理理 RN 最终用到哪些代码,项目是怎样创建,怎样…
  10. 学习webpack前,你必须要了解的概念 wepback作为前端最热门的打包管理工具之一,学习一下是很有必要的,关于webpack的学习教程很多,并且官方也有对应的中文文档,所以本篇文章不再讲解如何使用webpack,而是重点讲解学习webpack前需要了解的一些概念。 什么是webpack 关于什么是webpack,一般的教程里面都会提到webpack是一个模块化打包工作,但是很多…
  11. 看完还不懂HTTPS我直播吃翔 本文首发于我的个人技术博客看完还不懂HTTPS我直播吃翔 存在即合理 http是非常常见的应用层协议,是超文本传输协议的简称,其传输的内容都是明文的。在这个混乱的世界,明文传输信息想想就可怕,网络“小混混”的手段远比我们这些凡人高明得多,他们有一万种方式劫持,
  12. 用JS实现栈的数据结构 堆栈(英语:stack),也可直接称栈,在计算机科学中,是一种特殊的串列形式的数据结构,它的特殊之处在于只能允许在链接串列或阵列的一端(称为堆叠顶端指标,英语:top)进行加入数据(push)和输出数据(pop)的运算。另外栈也可以用一维数组或连结串列的形式来完成。 由于堆叠数据结构只允许在一端进行操作,因…
  13. 2017-07-31 前端日报2017-07-31 前端日报 精选 React中的组件通信问题详解 Weex 页面的渲染过程面试中问什么React问题?HTML5 file API加canvas实现图片前端JS压缩并上传用Canvas + WASM画一个迷宫What you should know to really un…
  14. Weex 从入门到放肆图文视频教程 文章说明:这篇文章每周更新3节,大约18-20节,所有更新都会在此文章中进行,不新起文章了,所以有追看的小伙伴请收藏或点心。文章不仅有文字和图片,也有视频,由于不会在掘金中插入视频,所以观看视频请到我个人博客中观看。(视频观看点击这里)第01节:课程介绍WEE
  15. laravel + vue.js 的前后端分离项目,一个分享原创诗文的网站About 一个前后端分离的 laravel5.4 + vue2 的项目,网站主旨是分享原创诗文–诗词小筑。前台页面是由vue2编写的,后端提供api接口。而后台管理页面是由laravel的blade模板与vue2共同完成。因此我将它们放在两个…
  16. React工程实践:基于React、Redux、React-Router的完美脚手架项目地址: https://github.com/YutHelloWo… 基于React、Redux、React-Router@3.x、webpack和reactstrap的前端脚手架。 目录 前言 特性 环境 开始 工程结构 开发调试 单元测试 静态部署 相关文档 致谢 前言 如果…
  17. Jquery中 .bind() .live() .delegate() 和 .on() 之间的区别 简介 我了解到很多网页开发者对 jquery 中的 .bind() .live() .delegate() 和 .on() 方法存在很多的疑惑。这些疑惑通常是关于它们之间真正的区别是什么啊,什么时候该使用它们啊。 在我们深入了解这些方法之前,我们先来一段常见的的 HTML ,作为我们编写 jquery 示例方法使用的样本。…
  18. 保护我们的 Git Repos,立刻停止“狐步舞” 原文地址:Protect our Git Repos, Stop Foxtrots Now! 原文作者:Sylvie Davies 译文出自:掘金翻译计划 本文永久链接:github.com/xitu/gold-m… 译者:LeviDing 校对者:薛定谔的猫
  19. nodejs实现restful API本文的重点在于restful接口的设计与实现,使用到了express和monogoose.点击查看express教程点击查看monogoose教程ES6入门教程—-阮一峰的博客 node4.x对ES6的支持并不完善,建议使用更高版本的node在实际开发中…
  20. Spring Boot Web 开发注解篇 一、spring-boot-starter-web 依赖概述 在 Spring Boot 快速入门中,只要在 pom.xml 加入了 spring-boot-starter-web 依赖,即可快速开发 web 应用。可见,Spring Boot 极大地简化了 Spring 应用从搭建到开发的过程,做到了「开箱即用」的方式。Spring Boot 已经提供很多「开箱即用」的依赖,如上面开发 web …
  21. 浅谈Vue组件在实际项目中的应用 虽然目前 Vue 已经很火了,但不可否认的是,仍有很多人刚刚开始学习使用 Vue 来构建前端项目,从生疏的初学者到熟练运用 Vue 的过程中,不可避免地会走一些弯路。为了实现某个功能,也许尝试过很多方法,最终蓦然回首,才发现当初犯下的错误是那么幼稚。然而,这些
  22. prototype.js 是如何实现JS的类以及类的相关属性和作用实现类的步骤 第一步是使用Class.create新建类,初始化的固定函数是initialize,不能使用其它名称 子类也是使用Class.create新建,父类放在第一个参数中,如var Cat = Class.create(Animal,{}); 子类中与父类的同…
  23. Gulp–手把手教你搭建前端自动化平台前端的发展真的是快,前几年还是刀耕火种的开个编辑器,几行html和js代码就能上浏览器跑了。现在呢?各种包,各种库,各种框架,各种编程范式。究其原因,就是我们高中社会课本中那句话 人民日益增长的文质文化需…
  24. vue2源码框架和流程分析vue整体框架和主要流程分析 之前对看过比较多关于vue源码的文章,但是对于整体框架和流程还是有些模糊,最后用chrome debug对vue的源码进行查看整理出这篇文章。。。。 本文对vue的整体框架和整体流程进行简要的…
  25. ReactNative学习笔记十二之export&import 掘金是一个帮助开发者成长的社区,是给开发者用的 Hacker News,给设计师用的 Designer News,和给产品经理用的 Medium。掘金的技术文章由稀土上聚集的技术大牛和极客共同编辑为你筛选出最优质的干货,其中包括:Android、iOS、前端、后端等方面的内容。用户每天都可以在这里找到技术世界的头条内容。与此同时,掘金内还…
  26. Laravel自定义webpack.mix.js我们在使用laravel构建项目时,经常会把后台管理及前台放在同一个laravel项目中。 但是当这两个项目都需要用到laravel-mix构建时,我们希望通过运行不同的npm命令区分后台及前台。 考虑混合在一起的情况: {代码….
  27. 在 CSS 中使用特征查询 原文地址:Using Feature Queries in CSS 原文作者:Jen Simmons 译文出自:掘金翻译计划 本文永久链接:github.com/xitu/gold-m… 译者:Cherry 校对者:LeviDing、H2O-2 在 CSS
  28. 学习 webpack 前,你需要了解的那些概念 wepback作为前端最热门的打包管理工具之一,学习一下是很有必要的,关于webpack的学习教程很多,并且官方也有对应的中文文档,所以本篇文章不再讲解如何使用webpack,而是重点讲解学习webpack前需要了解的一些概念。 什么是webpack 关于什
  29. 前端每周清单第 24 期:React 16 中异常处理与 Fiber 实战、Vue 图表与 jQuery 插件、V8 Turbofan 性能优化 – 知乎专栏 前端每周清单第 24 期:React 16 中异常处理与 Fiber 实战、Vue 图表与 jQuery 插件、V8 Turbofan 性能优化 前端 前端每周清单 前端每周清单专

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

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


关注我

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

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

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