20190321 前端开发日报

Vue实现电商网站项目;在Node.js中编写内存高效的软件应用程序;前端构建秘籍;Vue 的小奇技(第十篇):监听第三方组件的生命周期钩子;Ajax技术的一些总结;用Class写一个记住用户离开位置的js插件;11 个最好的 JavaScript 动态效果库;前端面试题 — JavaScript(二)

  1. Vue实现电商网站项目 shopping vue + vue-router + vuex 实现电商网站 效果展示 install git clone https://github.com/chenchangyuan/shopping.git npm install npm run dev 运行环境: node v9.11.1 npm 5.6.0 需求分析 登录页面、商品列表页(网站首页)、购物车页(实现结算)、商品详情页 可按颜色、品…
  2. 在Node.js中编写内存高效的软件应用程序 在Node.js中编写内存高效的软件应用程序 Naren Yellavula 封锁 UnblockFollow 继2018年11月14日之后 一个旨在避免气流的建筑物( https://pixelz.cc ) 软件应用程序在计算机的主存储器中运行,我们称之为随机存取存储器(RAM)。 JavaScript尤其是Node.js(服务器端js)允许我们为最终用户编写…
  3. 前端构建秘籍 随着前端构架工具的不断发展,提供了很多提高我们的开发体验和开发效率的能力,同时构建已经成为前端技术栈中常见的技术。 webpack 也是众多构建工具中崭露头角一员,早期的 webpack 配置复杂难懂,随着其发展,相关配置也不断简化,性能也不断提高,但是对于深入使用的开发人员,通常它的默认配置并不适用于业务开发…
  4. Vue 的小奇技(第十篇):监听第三方组件的生命周期钩子 今天要讲的技巧是我以前从我朋友Damian Dulisz 那里学来的。他是 Vue.js 核心团队的成员,就是那个官方新闻站点Vue newsletter 的建设者,也还是vue-multiselect 库的作者。 在一些场景中,我需要在父组件上知道子组件什么时候被创建、挂载或者是更新,特别是当为原生 js 库创建组件时。 你可能知道有一些方法可以…
  5. Ajax技术的一些总结 ajax全称叫 Asynchronous JavaScript and XML ,意思是异步的 JavaScript 和 XML。 ajax是现有标准的一种新方法,不是编程语言,可以在不刷新网页的情况下,和服务器交换数据并且更新部分页面内容,不需要任何插件,只需要游览器允许运行JavaScript就可以。 而传统的网页(不使用ajax的)如果需要更新页面内容,…
  6. 用Class写一个记住用户离开位置的js插件 前言 常见的js插件都很少使用ES6的 class ,一般都是通过构造函数,而且常常是手写 CMD 、 AMD 规范来封装一个库,比如这样: // 引用自:https://www.jianshu.com/p/e65c246beac1 ;(function(undefined) { "use strict" var _global; var plugin = { // … } _gl…
  7. 11 个最好的 JavaScript 动态效果库当我想要在网上找一个简洁的 Javascript 动效库时,总是发现很多“推荐”的库都是缺乏持续维护的。
  8. 前端面试题 — JavaScript(二)上一篇 前端面试题-JavaScript(一), 感兴趣的小伙伴也可以移步这里查看 完整版JavaScript面试题,面试题会不定期更新加进去一些个人工作中遇到的或者认为比较重要的东西,后面会涉及到前端的各个方面,感兴趣的…
  9. 基于 React.js 和 Node.js 的 SSR 实现方案 SSR:即服务端渲染(Server Side Render) 传统的服务端渲染可以使用Java,php 等开发语言来实现,随着 Node.js 和相关前端领域技术的不断进步,前端同学也可以基于此完成独立的服务端渲染。 过程:浏览器发送请求 -> 服务器运行 react代码生成页面 -> 服务器返回页面 -> 浏览器下载HTML文档 -> 页面准备…
  10. React 怎么实现 Vue 的 <keep-alive> 组件 如果你用过Vue,那肯定知道它有一个非常好用的组件(keep-alive)能够保持组件的状态来避免重复重渲染。 有时,我们希望在列表页面进入详情页面后,缓存列表页面的状态;当从详情页面返回列表页面时,列表页面还是和切换前一样。 这实际上挺难实现的,因为 React 中的组件一旦卸载就无法重用。在 issue #12039 中…
  11. Vue2.0源码阅读笔记(一):选项合并 Vue本质是上来说是一个函数,在其通过new关键字构造调用时,会完成一系列初始化过程。通过Vue框架进行开发,基本上是通过向Vue函数中传入不同的参数选项来完成的。参数选项往往需要加以合并,主要有两种情况: 1、Vue函数本身拥有一些静态属性,在实例化时开发者会传入同名的属性。 2、在使用继承的方式使用Vue时,…
  12. 前端培训-初级阶段(9 -12)前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门,但也仅仅是入门,现在前端开发的定义已经远远不止这些。前端小课堂(HTML/CSS/JS),本着提升技术水平,打牢基础知识的中心思想,我们开课啦(…
  13. HTTP精简教程二:简单的HTTP协议HTTP协议和TCP/IP协议族内的其他众多协议相同,用于客户端和服务器之间的通信。请求访问资源的一端为客户端,响应资源的一端为服务器。请求必须从客户端发出,而服务器回复响应,因此建立通信是从客户端开始的。
  14. 加快你的网站响应速度-Vue懒加载 关于懒加载 众所周知,对于页面内容比较丰富的网站,dom的解析会很复杂,这样就会导致首屏加载过慢,对于图片很丰富的网站,我们知道可以使用图片懒加载来提高网站的响应速度,我在我的另外一篇文章中写过,有兴趣的点击这里。像淘宝、京东等等的首页都是经过懒加载处理的,他们会先渲染出骨架,然后懒加载的区域出现…
  15. Vue.js基础拾遗 1、Vue.js的数据绑定形式是使用“Mustache”语法(双大括号)的形式,针对Html代码,需要使用 v-html 指令。 <p>Using v-html directive: <span v-html="rawHtml"></span></p> 复制代码 2、Mustache语法不能作用在HTML特性上面,此时需要使用 v-bind 指令。 <div v…
  16. Angular动态创建组件之Portals 这篇文章主要介绍使用Angular api 和 CDK Portals两种方式实现动态创建组件,另外还会讲一些跟它相关的知识点,如:Angular多级依赖注入、ViewContainerRef,Portals可以翻译为 门户 ,我觉得放到这里叫 入口 更好,可以理解为动态创建组件的入口,类似于小程序或者Vue中的Slot. cdk全名Component Development Kit 组…
  17. RxJS的学习之路三(创建一个Observable) 在RxJS中Observable是可以被订阅(subscribe)的一个流对象,而observer是订阅Observable的物件,理解这两者的区别和联系是很重要的。 用RxJS官网上给的一个例子来说明 var Obsec = Rx.Observable.create(function (observer) { observer.next(1); observer.next(2); observer.next(3); observer.complete()…
  18. 浅谈WebSocket跨域劫持漏洞(CSWSH) WebSocket 跨域劫持漏洞 WebSocket 跨域劫持漏洞,英文名: Cross-site WebSocket Hijacking ,漏洞类型:全能型CSRF(可读、可写)。 了解WebSocket Websocket 优点 支持双向通信,实时性更强。 更好的二进制支持。 较少的控制开销。连接创建后,ws客户端、服务端进行数据交换时,协议控制…
  19. 浅谈 Go 标准库对 JSON 的处理效率 写在前面 在实践 Kubernetes 中应用日志的收集方案时,发现有一些日志无法收集到 ElasticSearch(ELK 技术栈中的 S,其他两个是 Logstash 和 Kibana)。查了原因后发现原来是因为业务打印的日志“不合规”,不仅无法保存到 ES 中,还会影响 ES 保存日志的效率;业务方不乐意,负责 ES 的同事也不乐意 承接…
  20. JavaScript数组的使用小结(详细还是去看MDN) JavaScript中的数组是一种特殊的对象,由于对象的属性必须是字符串的形式,所以数组的数字索引在内部被转为字符串类型。 创建数组 1.0 直接用 ; // 数组中的元素可以是不同的数据类型 console.log(arr1) …
  21. 最简单的Vue.js入门方法最近花了几天看了下vue, 确实vue相对于其他两大前端框架来说,学习成本会低很多。 文档、社区、资料都很完善。下面是我觉得还不错的学习路径,希望对你有帮助。
  22. Lottie-前端实现AE动效在海外项目中,为了优化用户体验加入了几处微交互动画,实现方式是设计输出合成的雪碧图,前端通过序列帧实现动画效果:序列帧:动画效果:序列帧:帧动画的缺点和局限性比较明显,合成的雪碧图文件大,且在不同…
  23. 我在珍爱网这半年(前端) “半年”,在职场中是一个很短暂的词,现在我已经去了另外一家公司了,很想和一些想加入珍爱网的前端分享一下我的经历。 我是一名前端工程师,在珍爱网的级别是I2+,对应的是普通前端的title。对于珍爱网的这段工作经历,我是带着期望到来,带着遗憾离开。为什么说带着期望来,因为我放弃了几个年薪35W+的offer选择…
  24. 在 Golang 的 HTTP 请求中共享数据 首先,我们需要先明确一下问题的描述:本文所要讨论的共享数据可不是指的 cookie、session 之类的概念,它们描述的是在「请求间」共享数据,而我们关注的是在「请求中」共享数据,也就说是,在每个请求中的各个 middleware 和 handler 之间共享数据。 实际上,我之所以关注这个问题是因为 httpr…

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

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


关注我

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

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

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