随笔分类 - HTML5
做新时期的好青年
摘要：var importJs = document.createElement('script') //在页面新建一个script标签 importJs.setAttribute("type","text/javascript") //给script标签增加type属性 importJs.setAttr
阅读全文
摘要：1.小程序介绍 微信⼩程序，简称⼩程序，英⽂名 Mini Program ，是⼀种不需要下载安装即可使⽤的应⽤，它实现 了应⽤“触⼿可及”的梦想，⽤⼾扫⼀扫或搜⼀下即可打开应⽤ 1.1. 为什么是微信⼩程序 ？ 微信有海量⽤⼾，⽽且粘性很⾼，在微信⾥开发产品更容易触达⽤⼾； 推⼴app 或公众号
阅读全文
摘要：Vuex 概述 1.1 组件之间共享数据的方式 父向子传值：v-bind 属性绑定 子向父传值：v-on 事件绑定 兄弟组件之间共享数据： EventBus emit 发送数据的那个组件 1.2 Vuex 是什么 Vuex 是实现组件全局状态（数据）管理的一种机制，可以
阅读全文
摘要：优化 项目优化策略 生成打包报告 第三方库启用 CDN Element-UI 组件按需加载 路由懒加载 首页内容定制 1. 生成打包报告 打包时，为了直观地发现项目中存在的问题，可以在打包时生成报告。生成报告的方式有两种： ① 通过命令行参数的形式生成报告 // 通过 vue-cli 的命令选项可以
阅读全文
摘要：一、ECharts 1、简介 ECharts是百度的一个项目，后来百度把Echart捐给apache，用于图表展示，提供了常规的 "折线图" 、 "柱状图" 、 "散点图" 、 "饼图" 、 "K线图" ，用于统计的 "盒形图" ，用于地理数据可视化的 "地图" 、 "热力图" 、 "线图" ，用于
阅读全文
摘要：vue-element-admin 1、简介 vue-element-admin是基于element-ui 的一套后台管理系统集成方案。 **功能：**https://panjiachen.github.io/vue-element-admin-site/zh/guide/#功能 **GitHub地
阅读全文
摘要：[toc] 1. 模块化相关规范 1.1 模块化概述 传统开发模式的主要问题 ① 命名冲突 ② 文件依赖 通过模块化解决上述问题 模块化就是把单独的一个功能封装到一个模块（文件）中，模块之间相互隔离，但是可以通过特定的接口公开内部成员，也可以依赖别的模块 模块化开发的好处：方便代码的重用，从而提升开
阅读全文
摘要：[toc] Promise 主要解决异步深层嵌套的问题 promise 提供了简洁的API 使得异步操作更加容易 基本使用 基于Promise发送Ajax请求 Promise 基本API 实例方法 .then() 得到异步任务正确的结果 .catch() 获取异常信息 .finally() 成功与否
阅读全文
摘要：[toc] 模板引擎概述 作用：使用模板引擎提供的模板语法，可以将数据和 HTML 拼接起来。 Ajax 项目中存在的问题 1. 数据和HTML字符串拼接导致代码混乱，拼接容易出错，增加修改难度。 2. 业务逻辑和用户界面混合，代码不易维护。 art template不仅可以使用在node服务器环境
阅读全文
摘要：RESTful 和 XML RESTful 风格的 API 传统请求地址回顾 GET http://www.example.com/getUsers // 获取用户列表 GET http://www.example.com/getUser?id=1 // 比如获取某一个用户的信息 POST http
阅读全文
摘要：[toc] .ajax()方法概述 作用：发送Ajax请求。 请求参数可以使用如下格式： 服务器要求参数必须为json格式： serialize方法 作用：将表单中的数据自动拼接成字符串类型的参数 serializeArray方法 jQuery没有提供方法将表单数据转为json对
阅读全文
摘要：[toc] Ajax请求限制 Ajax 只能向自己的服务器发送请求。比如现在有一个A网站、有一个B网站，A网站中的 HTML 文件只能向A网站服务器中发送 Ajax 请求，B网站中的 HTML 文件只能向 B 网站中发送 Ajax 请求，但是 A 网站是不能向 B 网站发送 Ajax请求的，同理
阅读全文
摘要：[toc] FormData对象的作用 1. 模拟HTML表单，相当于将HTML表单映射成表单对象，自动将表单对象中的数据拼接成请求参数的格式。 2. 异步上传二进制文件 FormData对象的使用 1. 准备 HTML 表单 2. 将 HTML 表单转化为 formData 对象 3. 提交表单对
阅读全文
摘要：window.sessionStorage window.localStorage 之前，这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储，因为它们由每个对服务器的请求来传递，这使得 cookie 速度很慢而且效率也不高。 本地存储特性 1、数据存储在用户浏览器中 2、设置
阅读全文
摘要：1.PC端网页特效 1.1 offset 1.2 offset 与 style 区别 案例：获取鼠标在盒子内的坐标 1.3 元素可视区 client 系列 1.4元素 scroll 系列属性 页面被卷去的头部兼容性解决方案 总结 原生的动画函数封装animate.js 原生JS轮播图 2.移动端网页
阅读全文
摘要：1. 注册事件（绑定事件） 1.1注册事件概述 1.2 addEventListener 事件监听方式 1.3 attachEvent 事件监听方式 1.4 注册事件兼容性解决方案 2. 删除事件（解绑事件） 2.1 删除事件的方式 2.2 删除事件兼容性解决方案 3. DOM 事件流 4. 事件对
阅读全文
摘要：SEO（Search Engine Optimization）汉译为搜索引擎优化，是一种利用搜索引擎的规则提高网站在有关搜索 引擎内自然排名的方式。 SEO 的目的是对网站进行深度的优化，从而帮助网站获取免费的流量，进而在搜索引擎上提升网站的排名，提 高网站的知名度。 页面必须有三个标签用来符合 S
阅读全文
摘要：css的选择器： p:after{ content:"台词：";} //css选择器，在p标签之后添加内容 p:before{ content：”内容”} //css选择器，在p标签之前添加内容 css常用属性： z-index:1; //定位叠放次序（z轴），数值越大，盒子越靠上，默认auto，可
阅读全文
摘要：Viewport(视口) 1.视口概念 描述：视口，就是视图窗口的简称，页面中视口大小实际上就是html元素的显示大小 说明：页面想要在移动端加载必须进行视口适配 如果不对页面进行调整，默认页面在移动端加载时，都认为页面视口宽度为980px 2.解决方案 使用<meta> <meta name="v
阅读全文
摘要：HTML5新布局标签： <header> 定义 section 或 page 的页眉，也就是定义头部的标签。 <footer> 定义 section 或 page 的页脚。 <article> 定义文章。 <aside> 定义页面内容之外的内容，比如可以用做网页内容旁边的导航栏工具栏等等。 <sec
阅读全文
