笔记
文章平均质量分 86
丑小鸭变黑天鹅
奋斗吧,年轻人!
展开
-
ECharts数据可视化学习笔记和应用
ECharts数据可视化学习笔记和应用原创 2021-01-27 20:06:45 · 347 阅读 · 0 评论 -
AJAX学习笔记
AJAX学习笔记一、AJAX 简介二、XML 简介三、AJAX 的特点1、 AJAX 的优点2、AJAX 的缺点四、HTTP协议请求报文与响应文本结构HTTP请求报文响应报文HTTP状态码五、Chrome网络控制台查看通信报文六、Node.js安装七、Express简单使用八、AJAX请求的基本操作1、AJAX发送GET请求2、AJAX发送POST请求3、服务端响应JSON数据4、AJAX-IE缓存问题解决5、AJAX请求超时与网络异常处理6、AJAX取消请求7、AJAX请求重复发送问题8、jQuery发送原创 2021-03-05 16:40:54 · 881 阅读 · 1 评论 -
Less学习笔记
Less学习笔记一、介绍二、语法介绍1、变量(Variables)1.1、常规用法1.2、变量其他用法1.2.1选择器Selectors1.2.2 URLs1.2.3 Import Statements1.2.4 Properties1.3、 特殊用法1.4、属性作为变量2、混合(Mixins)2.1、 常规用法2.2、其他用法2.2.1、 混合使用类选择器和 id 选择器2.2.2、 不输出 Mixin2.2.3、 Mixin 中的选择器2.2.4、命名空间2.2.5、 !important 关键字2.2原创 2021-11-24 17:07:30 · 248 阅读 · 0 评论 -
MySql数据库导入sql错误 Unknown collation: ‘utf8mb4_0900_ai_ci‘
MySql数据库导入sql错误 Unknown collation: ‘utf8mb4_0900_ai_ci‘MySql数据库导入sql错误 Unknown collation: ‘utf8mb4_0900_ai_ci’错误原因:高版本数据库(8.0)转存sql文件 并导入低版本数据库(5.7)解决办法:方案一:升级mysql至高版本方案二:将需要导入的sql文件,把其中的utf8mb4_0900_ai_ci全部替换为utf8_general_ciutf8mb4替换为utf8重新执行sql文转载 2021-06-18 11:07:08 · 171 阅读 · 0 评论 -
ES7-ES11重点学习笔记
ES7-ES11重点学习笔记一、ECMASript 7 新特性1、Array.prototype.includes2、指数操作符3、测试用例二、ECMASript 8 新特性1、async 函数2、await 表达式3、async 和 await 两种语法结合可以让异步代码像同步代码一样1、async 和 await 结合读取文件2、async 和 await 结合封装AJAX请求4、Object.values 和 Object.entries三、ECMASript 9 新特性1、Rest/Spread 属原创 2021-06-17 12:58:43 · 607 阅读 · 1 评论 -
ES6学习笔记
ES6学习笔记一、const1、作用2、特点3、测试用例二、let1、作用2、特点3、测试用例三、变量的解构赋值1、作用2、测试用例四、模板字符串1、作用2、测试用例五、对象的简化写法一、作用二、测试用例六、箭头函数1、特点2、测试用例七、函数参数的默认值设置1、作用2、特点测试用例八、rest参数一、作用二、测试用例九、扩展运算符1、作用2、测试用例十、Symbol一、const1、作用声明常量2、特点一定要赋初始值一般常量使用大写(潜规则)常量的值不能修改块儿级作用域对于数组和对象的原创 2021-06-16 11:04:15 · 138 阅读 · 0 评论 -
axios学习笔记
axios学习笔记一、什么是axios二、Vue中发送网络请求有非常多的方式, 那么, 在开发中, 如何选择呢?1)选择一2)选择二3)选择三4)选择四三、特点四、安装五、例子1、发起一个GET请求2、发起一个POST请求3、同时发起多个请求六、axios api1、axios(config)2、请求方法别名3、同时发生的请求4、创建一个实例5、实例的方法6、请求配置7、响应组成8、用then接收以下响应信息七、默认配置1、全局修改axios默认配置2、实例默认配置3、配置优先级4、拦截器5、错误处理一、转载 2021-05-25 20:11:07 · 624 阅读 · 0 评论 -
JavaScript高级进阶学习笔记
JavaScript高级进阶学习笔记一、基础总结深入1、数据类型一2、数据类型二3、数据、变量、内存3.1、关于赋值与内存的问题3.2、关于引用变量赋值问题3.3、关于数据传递问题3.4、JS引擎如何管理内存4、对象5、函数6、回调函数7、IIFE8、函数的this二、函数高级一、基础总结深入1、数据类型一<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <tit原创 2021-01-23 22:15:15 · 186 阅读 · 0 评论 -
JavaScript基础学习笔记(六)
JavaScript基础学习笔记(六)JSON1、什么是json2、语法规则3、JSON使用4、需要注意的点5、其他内容JSON1、什么是json2、语法规则3、JSON使用4、需要注意的点json文件中只能有json相关的语句,其他语句(包括注释)都不要写,否则会出错。在前端模拟调用json文件时,通常使用ajax。function ajaxdata(){ //获取json数据 $.ajax({ url:"data/jsdata.json", type:"原创 2021-01-19 18:49:49 · 97 阅读 · 0 评论 -
JavaScript基础学习笔记(五)
JavaScript基础学习笔记(五)BOM1、NavigatorBOM1、Navigator原创 2021-01-19 18:25:49 · 137 阅读 · 0 评论 -
JavaScript基础学习笔记(四)
JavaScript基础学习笔记(四)一、 事件1、事件对象2、div跟随鼠标移动3、事件的冒泡4、 事件的委派5、事件的绑定6、事件的传播7、拖拽18、拖拽29、滚轮的事件10、键盘事件11、键盘事件练习-键盘移动div一、 事件1、事件对象<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><he原创 2021-01-17 20:44:14 · 98 阅读 · 0 评论 -
JavaScript基础学习笔记(三)
JavaScript基础学习笔记(三)DOM1、什么是DOM2、模型3、节点4、事件5、文档的加载6、DOM查询(一)7、DOM查询(二)8、DOM查询(三)9、DOM查询案例10、图片切换练习DOM1、什么是DOM2、模型3、节点<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <原创 2021-01-17 15:08:36 · 117 阅读 · 0 评论 -
正则表达式学习笔记
JavaScript基础学习笔记(二)一、正则表达式一、正则表达式原创 2021-01-13 20:08:54 · 101 阅读 · 0 评论 -
JavaScript基础学习笔记(一)
JavaScript基础学习笔记(一)一、简介1、起源2、简史3、特点二、JS语法1、输出语句2、编写位置3、基本语法4、字面量和变量5、标识符6、字符串7、Number8、布尔值9、Null和Undefined10、强制类型转换-String11、强制类型转换Number12、其他进制的数字13、转换为Boolean14、算术运算符15、一元运算符16、自增和自减17、逻辑运算符18、非布尔值的与或运算一、简介1、起源2、简史3、特点二、JS语法1、输出语句<!DOCTYPE h原创 2021-01-12 19:28:30 · 349 阅读 · 0 评论 -
Promise学习笔记
Promise学习笔记一、promise是什么?二、为什么要用Promise?三、Promise初体验1、抽奖案例2、读取文件案例3、AJAX案例4、封装fs模块5、util.promisify方法6、封装AJAX操作四、Promise的API1、then和catch2、resolve3、reject4、all5、race五、关键问题1、如何修改promise对象状态2、能否执行多个回调3、Promise 改变状态与指定回调的顺序问题4、Promise then方法的返回结果特点5、如何串联多个任务6、异常原创 2021-05-18 11:10:58 · 161 阅读 · 5 评论 -
vuex学习笔记
vuex学习笔记一、vuex的理解1、vuex是什么2、状态自管理应用3、多组件共享状态的问题二、vuex 核心概念和 API1、state2、mutations3、actions4、getters5、modules6、向外暴露 store 对象7、组件中8、映射 store9、store 对象三、示例一、vuex的理解1、vuex是什么github 站点: https://github.com/vuejs/vuex在线文档: https://vuex.vuejs.org/zh-cn/简单来说:原创 2021-04-28 20:40:10 · 267 阅读 · 2 评论 -
vue-router学习笔记记录
vue-router学习笔记记录一、理解1、说明2、 相关 API 说明二、基本路由三、嵌套路由四、缓存路由组件对象五、向路由组件传递数据一、理解1、说明官方提供的用来实现 SPA 的 vue 插件github: https://github.com/vuejs/vue-router中文文档: http://router.vuejs.org/zh-cn/下载: npm install vue-router --save2、 相关 API 说明VueRouter(): 用于创建路由器的构原创 2021-04-25 20:57:54 · 149 阅读 · 0 评论 -
Vue学习笔记->->高级篇
Vue学习笔记->->高级篇一、基于脚手架编写项目二、打包发布项目三、eslint1、说明2、ESLint 提供以下支持3、ESLint 提供以下几种校验4、规则的错误等级有三种5、相关配置文件一、基于脚手架编写项目HelloWorld.vue<template> <div class="text">{{msg}}</div></template><script> export default { //配置对象原创 2021-04-22 17:19:11 · 594 阅读 · 0 评论 -
Vue学习笔记-->>基础篇
Vue学习笔记一、Vue核心1、Vue的基本认识1、官网2、介绍3、特点4、与其它前端 JS 框架的关联5、vue扩展插件2、Vue的基本使用一、Vue核心1、Vue的基本认识1、官网中文官网https://cn.vuejs.org/英文官网https://vuejs.org2、介绍Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有原创 2021-03-26 21:09:55 · 368 阅读 · 0 评论 -
移动Web开发之响应式布局
移动Web开发之响应式布局一、响应式开发1、原理2、布局容器二、Bootstrap1、简介2、使用3、布局容器三、Bootstrap栅格系统1、简介2、使用3、列嵌套4、列偏移5、列排序6、响应式工具一、响应式开发1、原理2、布局容器<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/原创 2021-01-07 18:17:36 · 235 阅读 · 0 评论 -
移动Web开发之rem适配布局
移动Web开发之rem适配布局一、rem基础二、媒体查询1、什么是媒体查询![在这里插入图片描述](https://img-blog.csdnimg.cn/20201216165106147.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxODgwMDcz,size_16,color_FFFFFF,t_70)2、语法规范1、mediaty原创 2020-12-16 23:06:25 · 299 阅读 · 0 评论 -
移动WEB开发之flex布局
移动WEB开发之flex布局一、flex布局体验1、传统布局与flex布局二、布局原理三、flex布局父项常见属性1、常见父项属性2、flex-direction设置主轴的方向1、主轴与侧轴2、属性值3、justify-content设置主轴上的子元素排列方式4、flex-wrap元素是否换行5、align-items设置子元素排列(单行)6、align-content设置侧轴上子元素排列方式(多行)7、align-items和align-content的区别8、flex-flow四、子项flex属性使用1原创 2020-12-09 18:17:42 · 215 阅读 · 0 评论 -
移动WEB开发流式布局
移动WEB开发流式布局一、移动端基础1、浏览器现状2、手机屏幕现状3、常见移动端屏幕尺寸4、移动端调试方法二、视口1、布局视口layout viewport2、视觉视口visual viewport3、理想视口ideal viewport4、meta视口标签三、二倍图1、物理像素&物理像素比2、多倍图3、背景缩放background-size4、背景二倍图及多倍图切图四、移动端开发选择1、移动端主流方案2、移动端技术解决方案3、特殊样式4、移动端常见布局5、流失布局(百分比布局)一、移动端基础1原创 2020-12-08 19:51:39 · 152 阅读 · 0 评论 -
HTML5和CSS3提高篇学习笔记
HTML5和CSS3提高篇学习笔记原创 2020-12-06 15:31:43 · 587 阅读 · 0 评论 -
CSS基础学习笔记
一、CSS简介1)CSS俗称(层叠样式表、CSS样式表、级联样式表)2)组成:选择器以及一条或多条声明3)规范建议1、属性值前面,冒号后面,保留一个空格2、选择器(标签)和大括号中间保留空格3、样式代码采用展开式风格4、里面所有单词用小写4)命名规范 头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left原创 2020-11-27 16:38:47 · 1174 阅读 · 0 评论 -
HTML基础之补充
html补充内容1、<!DOCTYPE html>文档类型说明注意:一定要出现在第一行,看到这个标签说明是html5语言2、<head lang="">告诉读者当前网站是中文的还是英文的还是其他语言的en代表英文zh-CN代表中文3、<del>xxx</del>或者<s>xxx</s>删除线标签4、<u>xxx</u>或者<ins>xxx</ins>下划线标签5、div和s原创 2020-11-20 17:10:20 · 791 阅读 · 0 评论 -
html基础学习之总结
Html基础总结一、常用标签1、换段落标签<p>xxx</p>换段落标签效果如图:2、标题标签,共6个级别,h1最大,h6最小<h1>xxx</h1><h2>xxx</h2><h3>xxx</h3><h4>xxx</h4><h5>xxx</h5><h6>xxx</h6>效果如图:3、网页标题标签<titl原创 2020-11-19 22:08:20 · 194 阅读 · 0 评论