HTML5

h5のvideo踩坑

video是h5新增的标签,可以通过 video 标签播放 ogg、mp4 、webm 等格式的视频。 🌽...

dvajs的概念

数据流向 数据的改变发生通常是通过用户交互行为或者浏览器行为(如路由跳转等)触发的,当此类行为会改变数据的时候可以通过...

responseType相关知识点

前端跟后端通过ajax请求来传输数据,服务端通常会返回json数据来处理,我们可以通过设置 XMLHttpRequest...

微信小程序下拉刷新

背景 微信小程序的wxml用来写界面,但是小程序底层实现却没有引入dom的思想,所以我们无法用js来操作界面的元素,也...

web组件之shadow dom

什么是shadow DOM shadow DOM是Web Components的四大组件之一,它可以将一个隐藏的、独立...

真机h5页面调试工具weinre

weinre是什么 weinre是网页远程审查工具,可以在pc端调试真机的浏览器页面,但是不能用来调试js wein...

小程序内嵌webview

背景 由于以前的项目是公众号的h5版本,现在需要一个小程序版本,为了节省人力和时间,我们的做法就是直接在webview...

前端路由实现原理

前端实现路由的两种方式浏览器页面跳转是通过后台实现的,自从前后端分离,前端也把路由跳转给接管了,就是说url的改变不发送...

小程序滑动切换tab选项卡

终于入坑小程序了,最近开发小程序,要实现一个tab切换效果,看到知乎热榜上的滑动切换tab效果还挺舒服的,刚好项目也需要...

块格式化上下文-BFC

BFC定义 块格式化上下文(Block Formatting Context,BFC) 是Web页面的可视化CSS渲染...

微信小程序敏感内容检测

获取access_token access_token是公众号的全局唯一接口调用凭据,公众号调用各接口时都需使用acc...

html常用meta标签

移动端适配 <meta content="width=device-width, initial-scale=...

dom事件机制

更多详细介绍看文章: https://www.cnblogs.com/lazychen/p/5664788.html ...

html5指南针实现

概念 地球坐标系 地球坐标系是相对于地心的,也就是说,它的轴是基于重力方向和磁场北方向。我们使用大写的X,Y,Z来描...

html资源的预加载preload

在html页面中加载css资源的时候一般这样使用 <link rel="stylesheet" type="t...

浏览器渲染机制

浏览器渲染流程 我们在浏览网站的时候,从服务器返回html内容到呈现界面给用户的过程,浏览器需要经历以下流程: ...

transform导致fixed失效

情景重现 在做移动端菜单的时候发现设置&nbsp;will-change:transform&nbsp;会导致&nbs...

移动端input限制输入中文

由于注册账号限制不能输入中文,所以在输入时候需要把中文给过滤掉,用正则就可以实现 str.replace(/[\u0...
scroll-top-icon