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