背景 这篇文章定义了 HTML 和 CSS 的格式和代码规范，旨在提高代码质量和协作效率。 通用样式规范 协议 省略图片、样式、脚本以及其他媒体文件 URL 的协议部分（http:,https:），除非文件在两种协议下都…
分类：html
动态组件使用
动态组件使用 动态组件官网解释 通过使用保留的 <component> 元素，动态地绑定到它的 is 特性，我们让多个组件可以使用同一个挂载点，并动态切换： var vm = new Vue({ el: '#…
前端自学笔记 - 第三篇(完整链路思想/createJs/vue+js平滑滚动)
长期更新前端自学笔记，欢迎关注 前端自学笔记 – 第一篇(nginx/flutter/后台系统/vuepress博客） 前端自学笔记 – 第二篇(vuePress自动部署 & 后台项目自学…
js事件冒泡和事件捕获
前段时间开发一个小项目的时候遇到一个问题，即给一个元素以及它的父元素绑定了click事件，这个时候我点击这个元素时，父级元素的clik事件也会触发，这显然不符合要求。查阅了一些资料之后才知道原来这就是事件冒泡，下面是我对…
Javascript 对象的常见操作
Javascript 获取对象中值，新增属性，删除属性 javascript 中可以动态添加 对象属性 <html> <head> <script type="text/javascript…
网页保存为图片及高清截图的优化 | canvas跨域图片配置
本次技术调研来源于H5项目中的一个重要功能需求：实现微信长按网页保存为截图。 这里有个栗子（请用微信打开，长按图片即可保存）：3分钟探索你的知识边界 将整个网页保存为图片是一个十分有趣的功能，常见于H5活动页的结尾页分享…
iphoneX适配-客户端H5页面
由于iphoneX做了全面屏并且还保留一块小刘海，因此很多以前的移动端H5页面需要结合App客户端做出相应的适配，具体如下： 1、顶部通栏 之前的客户端一直采用状态栏20pt+导航栏44pt的做法。由于iphoneX多了…
window.showModalDialog与window.open()使用
window.showModalDialog 有些浏览器不兼容，尝试用window.open() 封装替代，需要打开子窗口后向父窗口传递数据。 <html> <script src="http://cd…
原生js实现replace方法
今天看到有人提问js的replace方法怎么实现的，自己就试了试js手册里的String对象的介绍replace大概是这样： string.replace(regexp, replacement) 第一个参数：（rege…
用户输入一个网址到页面展示内容的这段时间内，浏览器和服务器都发生了生么事情？
1 在接收到用户输入的网址后，浏览器会开启一个县城来处理这个请求，对用户输入的URL地址进行分析判断，如果是HTTP协议就按照 HTTP方式来处理。 2 调用浏览器引擎中的对应方法，比如WebView中的loadUrl方…
在API 中，常用的code码
状态码 Label 解释 200 OK 请求成功接收并处理，一般响应中都会有 body 201 Created 请求已完成，并导致了一个或者多个资源被创建，最常用在 POST 创建资源的时候 202 Accepted 请…
