20170417 前端开发日报

分享一个比较完整的Vue2+项目供大家交流学习;Web 直播流的解析;ajax跨域访问;JavaScript 内存泄漏教程;ECMAScript6入门(五)–异步编程核心Promise;以 JS 的名义好好查查 IEEE-754 浮点数;Vue.js 打造一个开源的 CNode 社区;web 低多边形 3d 动态交互背景生成,类似 QQ 轻聊版登录框

  1. 分享一个比较完整的Vue2+项目供大家交流学习分享一个比较完整的Vue2+项目供大家交流学习,这个项目的英文简介:Awesome douban DEMO created with Vue2.x + Vuex + Vue-router + vue-resource 项目地址:https://github.com/jeneser/do… 在线演示:https://j…
  2. Web 直播流的解析 Web 进制操作是一个比较底层的话题,因为平常做业务的时候根本用不到太多,或者说,根本用不到。 老铁,没毛病 那什么情况会用到呢? canvas websocket file fetch webgl … 上面只是列了部分内容。现在比较流行的就是音视频的处理,怎么说…
  3. ajax跨域访问跨域访问 php/跨域访问 默认情况下前台发送Ajax是允许跨域请求的。我们可以在后台进行相关设置然后允许前台跨域请求。 允许单个域名访问
 {代码…} 允许多个域名 {代码…} 允许所有域名请求 {代码…}
  4. JavaScript 内存泄漏教程 一、什么是内存泄漏? 程序的运行需要内存。只要程序提出要求,操作系统或者运行时(runtime)就必须供给内存。 对于持续运行的服务进程(daemon),必须及时释放不再用到的内存。否则,内存占用越来越高,轻则影响系统性能,重则导致进程崩溃。 不再用到的内存,没有及时释放,就叫做内存泄…
  5. ECMAScript6入门(五)–异步编程核心Promise异步编程是Javascript的特性之一,正是因为这种特性,才使得我们在浏览网页的时候,即使同时加载非常多的文件图片,也能保证速度的流畅。异步编程算是弥补了JS作为单线程语言的不足。 是什么 传统的异步编程主要…
  6. 以 JS 的名义好好查查 IEEE-754 浮点数 IEEE 754 表示:你尽管抓狂、骂娘,但你能完全避开我,算我输。 一、IEEE-754浮点数捅出的那些娄子 首先我们还是来看几个简单的问题,能说出每一个问题的细节的话就可以跳过了,而如果只能泛泛说一句“因为IEEE754浮点数精度问题”,那么下文还是值得一看。 第一个问题是知名的0.1+0.2 != 0.3,为什…
  7. Vue.js 打造一个开源的 CNode 社区 Vue.js打造一个开源的CNode社区 Vue.js打造一个开源的CNode社区,实现了浏览、发帖、收藏、回复、点赞、个人中心等等功能。 源代码 源代码地址: https://github.com/microzz/vue-cnode 欢迎大家star和f
  8. web 低多边形 3d 动态交互背景生成,类似 QQ 轻聊版登录框 找了这个东西很久,后来找到了但是没发现特别好用的,最终发现这是一个最后发布在 4 年前的一个老项目,作用是导出图片,于是就简单修改了下,把文件并到了一个,多余功能砍光,可以非常快速的生成背景图。 github:https://github.com/a49666/coolest-background demo1:https://a49666.github.io/coolest-background/e…
  9. nodejs异步操作1.问题的引出 先来看一段简单的代码: {代码…} delayMsg是一个异步操作,根据同步 -> 异步 -> 回调的先后顺序,明显打印结果dataList是空数组。那么怎么改变? 2. 采用CO模块 {代码…} 3. 采用async {代…
  10. 利用 Nowa 分分钟创建和维护 React 应用,抛弃命令行前言吐槽 前端的技术发展辣么快,对于前端新手来说,我还没怎么使用 jQuery 开发界面就要换成Angular & Vue & React & … 更复杂的是,用户还要学习一堆复杂的构建工具把页面进行优化优化再优化。 …
  11. ReactJS新闻 #24 Twitter Lite与高性能React渐进式网站应用于规模化新闻 Twitter Lite与高性能React渐进式网站应用于规模化 Twitter(推特)对外发表了新的手机专用网站 – Twitter Lite网站,这个网站使用了React与PWA的多项技术,在开发者的博客分享了有关于如何克服性能瓶颈的一些…
  12. Angular 4.x Forms patchValue and setValue在 Angular 4.x 中有多种方式可以更新表单的值,对于使用响应式表单的场景,我们可以通过框架内部提供的 API ,(如 patchValue 和 setValue )方便地更新表单的值。这篇文章我们将介绍如何使用 patchValue 和 setV…
  13. Git学习与使用心得(2)—— 简述工作原理简述工作原理 通过上一篇的学习,就开始了解下本地库工作原理了。本地库,顾名思义还是离线的,没有跟外界取得联系,所以还是自娱自乐的=-=别捉急,后面还有的。 首先我们先在git的家创建一个haha.txt,内容为: {…
  14. 基于 Vue.js 的精选壁纸推荐单页应用 该项目使用 vue-cli 构建、打包, 配合 vue 全家桶(vue、vuex、vue-router)进行开发、使用 axios 进行资源请求 —— 由xLogic分享
  15. 基于 Vue-cli 的 PC 端 SPA 实践 花三天写完的,基于 Vue 脚手架(Vue2.0)写成的一个仿~ 益跑网 Demo。主要是练 2.0 的路由。首页的手风琴特效通过原生写的。其他页的轮播图通过一个叫 Vue-awesome-swiper 写成(竖直方向好像有点 bug),懒加载用的 Vue-lazyload。算是个再简单不过的 demo 了。 —— 由雪挽分享
  16. 做一个简单的可预览图片上传组件(Vue2.x) 基于 Vue2.x 的图片上传组件 —— 由HuaYan分享
  17. react 服务端渲染实践 这篇主要总结为什么使用服务端渲染以及如何利用 react 的特性作服务端同构渲染,并附上 demo 示例网站。 —— 由Xin Lu分享
  18. 手把手教你封装一个 vue component 几分钟 教你如何封装一个原生 js component 成 vue component 文末有大彩蛋 —— 由花裤衩分享
  19. windows环境下配置node.js环境方式一:安装包直接安装(不推荐): 1.下载适合自己系统位数的安装包。 安装包下载地址:https://nodejs.org/en/download/ 2.安装Node.js软件 安装过程基本直接“NEXT”就可以了。记得勾选 Add to Path 3.测试是否…
  20. 关于 js、jq 零碎知识点 写在前面: 本文都是我目前学到的一些比较零碎的知识点,也是相对偏一点的知识,这是第二篇。前后可能没有太大的相关性,需要的朋友可以过来参考下,喜欢的可以点个赞,希望对大家有所帮助。本文的受众是刚学前端,大手子可以跳过。 1.页面加载完成之后,才开始执行函数。 $
  21. 实例 – Vue 单页应用:记事本 0.前言 若文章中存在内容无法加载的情况,请移步作者其他博客。 简书 CSDN 最近在看 Vue 的时候,别人给我安利了一个国外的小案例,通过 Vue 和 Vuex 来实现一个记事本。 仔细剖析下,发现“麻雀虽小,五脏俱全”,是一个挺适合初学者学习分
  22. Vue-cli 图文视频教程 Vue-cli 的图文视频教程,就是你可以看文字版教程,但你觉的看不明白,你可以看视频。视频内容和图文教程的内容是一样的,只是操作步骤更加清晰。本教程 Vue2.0 进阶必备。 —— 由胜洪宇分享
  23. JavaScript 中函数节流和函数去抖的讲解 我们都知道频繁触发执行一段js逻辑代码对性能会有很大的影响,尤其是在做一些效果实现方面,或者逻辑中需要进行后端请求,更是会导致卡顿,效果失效等结果,所以在处理类似的情况时,可以考虑使用函数节流和函数去抖来解决,至于具体使用哪一种方式,根据实际情况分析定夺,先来
  24. React-Native 中一些组件的用法 (一) React Native 的开发思路是通过组合各种组件来组织整个 App,在大部分情况下通过组合 View、Image 等几个基础的组件,可以非常方便的实现各种复杂的跨平台组件,不过在需要原生功能支持、对性能有要求的情况下还是需要进行一定的原生的开发,合理的组件实现方式可以降低使用和跨平台的成本。 —— 由黎默丶lymoo分享
  25. 使用Vue渲染可配置表单–记一次问卷平台项目近几天来了个紧急项目,想要做一个内部版本的问卷星。相当于可以编辑问卷并提供问卷展示,数据统计的这么一个平台。整个项目耗时不长,本着积淀和积累的原则,将过程中的思路和收获进行一下沉淀。由于公司原因,…
  26. #前端头条#【前端开发资源合集】前端对于网站来说,通常是指,网站的前台部分包括网站的表现层和结构层。因此前端技术一般分为前端设计和前端开发,前端设计一般可以理解为网站的视觉设计,前端开发则是网站的前台代码实现,…请戳→ #前端开发博客# ​​​

    前端开发资源合集
  27. vue2+webpack2实现饿了么移动端商家页面这是一个基于Vue全家桶实现的饿了么移动端webap项目github地址:https://github.com/JerryYgh/m…如果觉得对您有帮助,您可以在github上给我个star支持一下,谢谢!如果有问题,也欢迎一起讨论! 先来张项目动态…
  28. CSS Grid VS Flexbox:实例对比 实例带你看懂 CSS Grid 布局与 Flexbox 布局的区别,希望对你有所帮助。 —— 由IT程序狮分享
  29. git图解3:分支操作git 的分支是它最明显的特性, 大部分人听别人推荐使用git都会听到“git分支操作方便…”,对比其他版本控制系统git 分支操作有难以置信的轻量,创建新分支几乎瞬间完成,不同分支之间切换也非常快捷方便;本文将…

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

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


关注我

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

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

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