01-快速入门:HTML

html概述和基本结构 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>网页标题</title> </head> <body> 网页显示内容 </body> </html> 注:定义成中文是’lang=”zh ... »

Fetch的使用及兼容ie的处理

Fetch 作为一个与时俱进的前端,Fetch当然应该有所了解和涉猎。如果你没有听说过Fetch,那么ajax应该不陌生吧。Fetch相当于是一个新版本的Ajax,虽然现在我们常常使用的仍是ajax,但是fetch已经在渐渐地撼动ajax的地位。在最近的项目中,为了更新一下技术栈,所以使用了fetc ... »

Logan:美团点评的开源移动端基础日志库

Logan已经稳定迭代了一年多的时间。目前美团点评绝大多数App已经接入并使用Logan进行日志收集、上传、分析。近日,我们决定开源Logan生态体系中的存储SDK部分(Android/iOS),希望能够帮助更多开发者合理的解决移动端日志存储收集的相关痛点。 ... »

webpack4 系列教程(十二):处理第三方JavaScript库

教程所示图片使用的是 github 仓库图片,网速过慢的朋友请移步 "《webpack4 系列教程(十二):处理第三方 JavaScript 库》原文地址" 。或者来我的小站看更多内容: "godbmw.com" 0. 课程介绍和资料 " 本节课源码" " 所有课程源码" 本节课的代码目录如下: 本 ... »

source map 的原理探究

线上产品代码一般是编译过的,前端的编译处理过程包括不限于 转译器/Transpilers (Babel, Traceur) 编译器/Compilers (Closure Compiler, TypeScript, CoffeeScript, Dart) 压缩/Minifiers (UglifyJS) ... »

如何打造亚秒级加载的网页3——用户体验 总结

如何打造亚秒级加载的网页3——用户体验 小总结 嘿呀小伙伴好呀,国庆节玩得开不开心?快不快乐? 哈哈不管你开心还是不开心明天该上班的上班去,该上课的上课去咯 笔者也是玩了好些天之后才想起来把第三节给小伙伴们补完哈哈 附上前一二节的链接: 第一节——前端性能:https://www.cnblogs.c ... »

手把手教你实现一个引导动画

前言 最近看了一些文章,知道了实现引导动画的基本原理,所以决定来自己亲手做一个通用的引导动画类。 我们先来看一下具体的效果: "点这里" 原理 1. 通过维护一个Modal实例,使用Modal的mask来隐藏掉页面的其他元素。 2. 根据用户传入的需要引导的元素列表,依次来展示元素。展示元素的原理: ... »

前端工程化

前端工程化 背景 前端工程化的概念近两年来被广泛的提及,究其原因,是前端工程师所负责的客户端功能逻辑在不断复杂化。PC网站、手机应用、桌面应用、微信小程序,前端开发的应用领域越来越广,前端工程师这个职位也不再是几年前被戏称的“切图仔”,在这种背景下,前端工程化应运而生。 聊到前端工程化,必然会有一些 ... »

九月 前端面试笔试总结记录

本文记录并总结了一些九月本人参加面试当中遇到的题目,由于本人水平也有限,这些题目对应的解答一些是我自己的思路或者回来之后进行查阅总结得到的,可能并非最佳答案。分享出来给大家参考,如果出现错误,请大佬们多多见谅并勘误,感谢。 9.4 面试题目 1. 数字如何转换成字符串? 使用 toString() ... »

beeshell —— 开源的 React Native 组件库

beeshell 是一个 React Native 应用的基础组件库,基于 0.53.3 版本,提供一整套开箱即用的高质量组件,包含 JavaScript(以下简称 JS)组件和复合组件(包含 Native 代码),涉及前端(FE)、iOS、Android 三端技术,兼顾通用性和定制化,支持自定义主... ... »

Vue2 生命周期 lifecycle

图片出处 : 我的github博客https://github.com/songxtianx/Front-End-Blog 每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫 ... »

Javascript高级编程学习笔记(2)

script标签 js在浏览器中的使用,肯定会涉及到script标签。 那么script标签有哪些属性呢? 1.async:异步加载(不让页面等待该脚本的加载执行,异步加载页面的其他部分) 2.charset:设置js的字符集编码 3.defer:延迟脚本(当浏览器解析到/html 结束标签时才执行 ... »

聊聊浏览器(webkit)资源加载机制

一些准备 在开始这个话题之前,我们有必要简单回顾一下 浏览器(webkit)的网页渲染过程(如果想要详细了解这个过程,可以戳我几年前写的一篇文章。): 我们知道,浏览器在渲染过程中,如遇到节点需要依赖其他资源(比如:图片、CSS、JavaScript、video等),浏览器会通过网络去加载它们。这其 ... »

如何打造亚秒级加载的网页2——网络性能 过程解读

对于我们前端来说,页面的加载速度是直接影响到用户的体验度 这一篇是第二篇关于提高网页加载速度的博客了, 第一篇可以在我以前的博客中找到 附上链接: https://www.cnblogs.com/mlw1814011067/p/9683919.html PS:这篇博客我没做太多样式处理,如果你对这方 ... »

比官方文档更易懂的Vue.js教程!包你学会!

欢迎大家前往 "腾讯云+社区" ,获取更多腾讯海量技术实践干货哦~ 本文由 "蔡述雄" 发表于 "云+社区专栏" 蔡述雄,现腾讯用户体验设计部QQ空间高级UI工程师。智图图片优化系统首席工程师,曾参与《众妙之门》书籍的翻译工作。目前专注前端图片优化与新技术的探研。 2016年,乃至接下来整个2017 ... »

node.js使用redis储存session(详细步骤)

转储session的原因 网上有许多session需要用数据库储存的原因,对我来说原因很简单,仅仅只是node的生产环境不允许将session存到服务器的内存中。会报一个内存溢出的风险警告。所以我决定将session转储到数据库中。而用于存储session的方案有许多,这里由于本人比较菜,所以选择了 ... »

ES6 之 解构赋值

本博文配合 阮一峰 《ES6 标准入门(第3版)》一书进行简要概述 ES6 中变量的解构赋值。 数组的解构赋值 基本用法 ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构。 ES6 以前,为变量赋值,只能直接指定值。 ES6 允许写成下面的样式。 该代码表示,可以从数组中 ... »

如何打造亚秒级加载的网页1——前端性能

对于我们前端来说,页面的加载速度是直接影响到用户的体验度 用户体验度是能直接决定最终的销售额的 每增加延迟一秒,页面访问量降低11%,转化率降低7% 如何提高页面的加载速度是前端工程师们必然要懂的 那么我就来讲解一下可以从哪些方面来提高页面的加载速度: 页面加载速度影响因素——前端性能 前端性能关键 ... »

推荐六本前端开发必看的书籍

第一本:《JavaScript 语言精粹(修订版)》 我毕业后工作头一两年读的第一本 JavaScript 书就是《JavaScript 语言精粹》,当时完整地读了两篇,后来还时不时地会翻里面的重点看。对于前端刚工作的人和前端刚入门的人来说,需要反复阅读和理解。这本书可以深入理解 JavaScrip ... »