20170703 前端开发日报

vuejs开发H5页面总结;Temper Chrome:好用到飞起的 HTTP 请求修改插件;JavaScript 机器学习之线性回归;从0开始学习 GitHub 系列之「如何发现优秀的开源项目?」;Python Web 应用性能调优;使用vue实现tab操作;HTML5 进阶系列:文件上传下载;基于node.js的问答平台

  1. vuejs开发H5页面总结最近参与了APP内嵌H5页面的开发,这次使用vuejs替代了jQuery,仅仅把vuejs当做一个库来使用,效率提高之外代码可读性更强,在此分享一下自己的一些开发中总结的经验。 关于布局方案 当拿到设计师给的UI设计图,前…
  2. Temper Chrome:好用到飞起的 HTTP 请求修改插件 在使用过程中,如果遇到各种问题,可以向小编求助留言,关注微信公众号大前端工程师留言即可,也欢迎访问论坛:https://groups.google.com/forum/#!forum/tamper-chrome-help。 今天小编要介绍的是一款chrome浏览器插件,这款插件的神奇之处在于能够修改HTTP请求,对于程序调试过程来说,既实用又方便,亲测使用起来比…
  3. JavaScript 机器学习之线性回归 译者按: AI时代,不会机器学习的JavaScript开发者不是好的前端工程师。 原文: Machine Learning with JavaScript : Part 1 译者: Fundebug 为了保证可读性,本文采用意译而非直译。另外,本文版权归原作者所有,翻译仅用于学习 使用JavaScript做机器学习?不是应该用Python吗?是不是我疯了…
  4. 从0开始学习 GitHub 系列之「如何发现优秀的开源项目?」之前发过一系列有关 GitHub 的文章,有同学问了,GitHub 我大概了解了,Git 也差不多会使用了,但是 还是搞不清 GitHub 如何帮助我的工作,怎么提升我的工作效率? 问到点子上了,GitHub 其中一个最重要的作用就…
  5. Python Web 应用性能调优 为了快速上线,早期很多代码基本是怎么方便怎么来,这样就留下了很多隐患,性能也不是很理想,python 因为 GIL 的原因,在性能上有天然劣势,即使用了 gevent/eventlet 这种协程方案,也很容易因为耗时的 CPU 操作阻塞住整个进程。前阵子对基础代码做了些重构,效果显著,记录一些。 设定目标: 性能…
  6. 使用vue实现tab操作原文地址:https://www.xiabingbao.com/vue/2017/07/02/vue-tab.html 在使用jQuery类库实现tab功能时,是获取鼠标在mousenter或click时的index值,然后切换到当前的标题和内容,把其他的标题和内容的状态去掉: {…
  7. HTML5 进阶系列:文件上传下载前言 HTML5 中提供的文件API在前端中有着丰富的应用,上传、下载、读取内容等在日常的交互中很常见。而且在各个浏览器的兼容也比较好,包括移动端,除了 IE 只支持 IE10 以上的版本。想要更好地掌握好操作文件的…
  8. 基于node.js的问答平台其实我回来就应该先写这个的,但是一直不想动,懒功回家又发作了,还有想做全栈的话真的真的会很累。脑子会不够用! 前面的话 这个项目是我的毕业设计,手工打造,项目做得不好也比较简单,但主要是对自己所学的…
  9. Comment.js:一个纯 JS 实现的静态站点评论系统 前言 我的博客最早是使用 Disqus 来实现评论功能的。Disqus 被墙了之后,改成了多说。今年年初,多说也正式关闭了,于是我被逼着又开始寻找其他的替代评论系统。 我先是试用了网易云跟贴、畅言等几种类似的社会化评论系统。畅言要求站点必须备案,而我实在没有为了评论去申请备案的动力。网易云跟贴的管理后…
  10. Angular 4.X 踩坑集锦 使用ngIf或者ngSwitch出错 在html文件中使用ngIf或者ngSwitch时,会解析出错,错误提示如下: Error: Template parse errors: Can't bind to 'ngSwitch' since it isn't a
  11. 分享监控滚动条的 Vue2 指令 vue2-scrollspy 可以监控滚动条的位置,还可以直接设置滚动条的位置。 最基础的应用是是根据滚动条的位置,来激活对应目录的样式。 示例:https://ibufu.github.io/vue2-scrollspy/ —— 由morning分享
  12. Web图片资源的加载与渲染时机 此文研究页面中的图片资源的加载和渲染时机,使得我们能更好的管理图片资源,避免不必要的流量和提高用户体验。 —— 由Leechikit分享
  13. 基于 Node.js 爬虫的数据 API,搭建一套属于自己的 API 数据 基于nodejs 的爬虫 API接口项目,包括前端开发日报、知乎日报、前端top框架排行、妹纸福利、搞笑视频/ 热点新闻资讯 详情接口数 ,适合正在学习Vue,AngularJs框架学习 开发demo,有一套属于自己的api数据 —— 由CoderMan分享
  14. webpack+vue项目实战(一,搭建运行环境和相关配置)1.前言 现在正在开发一个公司的后台管理项目,项目是一个单页面应用。功能上就是管理销售订单的各个环节,包括物流管理,回款管理,订单管理等等的功能。这些就不多说了。项目是,基于webpack3,vue2.2.6,element2…
  15. node-webkit桌面应用的热更新最近在开发基于 nw.js 的桌面应用,需求中需要实现软件的热更新,下面简单说下实现步骤 依赖 nw.js node-webkit 相当于 Chromium 和 node.js 的结合体,我们可以通过它来将web应用打包成跨平台的桌面应用,使桌面…
  16. WebSocket 实现原理 背景 之前我们将 CocoaAsyncSocket 作为底层实现,在其上面封装了一套 Socket 通信机制以及业务接口,最近我们开始研究 WebSocket ,并用来替换掉原先的 CocoaAsyncSocket ,简单来说一下两者的关系,WebSocket 和 Socket 虽然名称上很像,但两者是完全不同的东西, WebSocket 是建立在 TCP/IP 协议之上,属于…
  17. Resonance: 通过 React 制作数据驱动的动画渐变 用 React.js 制作出根据数据变化的动画渐变效果,在 GitHub 上开源。 —— 由tianyu分享
  18. HTTP协议-从URI开始 原文连接 blog URI URI, 既是统一资源标识符号,每个 Web 服务器都有一个 URI 标识符,它在世界范围内唯一标识并定位信息资源。 它具有两种形式,URN (统一资源名)、URL(统一资源定位符)。 URN URN (统一资源名),是作为特定内容
  19. Redux 使用可变数据结构 Redux 使用可变数据结构 —— 由黄子毅分享
  20. (cljs/run-at (JSVM. :browser) “命名空间就这么简单”) 一个cljs文件定义一个命名空间,通过命名空间可以有效组织代码,这是构建大型系统必备的基础设施。本篇我们就深入理解cljs中的命名空间吧! —— 由肥仔John分享
  21. React 实践项目 (一) React在Github上已经有接近70000的 star 数了,是目前最热门的前端框架。而我学习React也有一段时间了,现在就开始用 React+Redux 进行实战! —— 由Yuicon分享
  22. 有关 CSS 预处理器的比较选择 Sass,Less 和 Stylus 三种预处理器比较,选择真正适合你的。 —— 由惠惠_分享
  23. React Native可伸缩列表封装与快速实现方案 React Native快速封装一个类似qq好友列表的可伸缩列表,一点经验分享 —— 由Custom_DOM分享
  24. vue-concise-slider 一个轻量的vue幻灯片组件 vue-concise-slider,一个简单的滑动组件,配置简单,支持自适应/全屏+按钮+分页,同时兼容移动端和PC端 —— 由秋分享

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

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


关注我

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

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

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