调试移动端页面，优先选择使用chrome浏览器调试，如果是hybrid形式的页面，可以使用chrome提供的chrome://inspect/#devices 安卓真机调试，不过这个要求比较高：首先，你的 Chrome …

1、Pwa 是什么？ Progressive Web App, 简称 PWA，是提升 Web App 的体验的一种新方法，能给用户原生应用的体验。PWA 能做到原生应用的体验不是靠特指某一项技术，而是经过应用一些新技术进…

前一阵子写了一个移动端视频播放 但是发现不能局部播放，只能全屏播放，话不多说，贴代码 <video ref="myVideo" id="myVideo" preload="auto" style="width:10…

HTML面试题 1.XHTML和HTML有什么区别 HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言最主要的不同： XHTML 元素必须被正确地嵌套。 XHTML 元素必须被关闭。 标签名必须…

flex布局方案position margin布局方案grid布局方案 1. flex布局方案 （1）块级元素水平居中和垂直居中 body { display: flex; align-items: center; /*…

前言团队在使用react时，不断探索，使用了很多不同的css实现方式，此篇blog总结了，react项目中常见的几种css解决方案：inline-style/radium/style-component，只列举了团队项目…

前端面试总结 先说背景，本人2018年7月毕业，去年十月校招到今年10月一直在做前端开发工作，年前打算换工作，就重新梳理下面试考点 总结包含： JavaScript基础，CSS基础，常见算法和数据结构，React&…

一，前端性能优化有哪些？ a) 页面优化方面： 1，减少HTTP请求数--设计简化页面--合理设置缓存--资源合并与压缩--css sprites--图片嵌入--Lazy Load Images 2，将外部脚本置底 3，…

前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水平，打牢基础知识的中心思想，我们…

关于轮播图的实现算是前端的一个基础，其实实现起来是很简单，这里把实现的基本思路总结一下。轮播图的实现方案有很多种方式，可以用纯js来实现，也可用css来实现，我们这里主要用到了css3的过渡(transition)以及转…

介绍：Emmet是许多流行文本编辑器的插件，它极大地改进了HTML和CSS工作流程 、为大部分流行的编辑器都提供了安装插件，核心是缩写语法+tab键(不同编辑器可自行设置)，以下是我整理的常用知识点。 一、特性 1、支持…

js面向对象编程 什么是面向对象编程？用对象的思想去写代码，就是面向对象编程 对象的组成： 对象的属性 对象的方法，就是对象的一些行为（通常是一个函数） var person = { name: "黎明", sex: "…