前端学习笔记
文章平均质量分 85
greenhand coder
学生
展开
-
Access to XMLHttpRequest at ‘http://127.0.0.1:8080 from origin ‘http://localhost:8080‘ XXXCORS 报错
问:本地开springboot后台居然会跨域?答: 两个请求的端口号不一样,一个是8080,一个是8081原创 2021-09-14 23:14:10 · 5708 阅读 · 5 评论 -
html B站复习
lang 语言种类提示浏览器(会自动弹出翻译窗口)charset 字符集规定HTML文档使用哪种字符编码,常用有GBK(国标) GB2312(港标) UTF-8UTF-8又叫万国码,包含全世界所有国家需要用到的字符标签语义:简单理解就是标签的含义,就是这个标签是用来干嘛的。根据标签的含义,在合适的地方给最合适的标签,如标题用标题标签表示,段落用段落标签表示del 删除线标签ins 下划线标签span一行可以有多个a标签target属性: 连接的..原创 2021-02-17 09:39:00 · 117 阅读 · 1 评论 -
CSS基础复习
建议选择器,属性名,属性关键字全都使用小写选择器和{}中间保留空格内联式 style里面(控制整个html页面) 嵌入式写在标签中 外联式 css作为单独文件外联式link标签:<link rel="stylesheet" href="css文件路径">通常写在style标签的同一个位置属性:rel(定义文档间的联系,连接css的时候需要指定为stylesheet, 表示被连接的文档是一个样式表), href(所连接样式表的url)1...原创 2021-02-17 09:31:15 · 659 阅读 · 0 评论 -
B站 AJAX学习笔记
文章目录XMLAJAX的特点AJAX的优点AJAX的缺点HTTP协议请求报文响应报文express的基本使用AJAX的使用服务端:GET方式post方式AJAX 带参数请求AJAX设置请求头AJAX 响应体为json请求超时与网络异常取消请求axios发送ajax请求fetch 发送 ajax请求跨域同源策略JSONPCORSXMLXML 可扩展标记语言。XML 被设计用来传输和存储数据。XML 和 HTML 类似,不同的是 HTML 中都是预定义标签,而 XML 中没有预定义标签,全都是自定义标原创 2021-02-02 17:29:53 · 196 阅读 · 0 评论 -
ES6 B站学习笔记
文章目录1. ES6let经典题目,for循环const解构赋值数组解构对象解构箭头函数剩余参数数组解构与剩余参数使用ES6内置扩展方法扩展运算符Array的扩展方法Array.from() 将伪数组转化为数组find()findIndex()includes()String的扩展方法模板字符串startsWith() endsWith()repeat()Set 数据结构Map数据结构ES6对象简化写法ES6允许给参数赋值初始值SymbolSymbol内置值迭代器自定义迭代器生成器生成器函数实例Promis原创 2021-02-01 13:08:51 · 187 阅读 · 0 评论 -
JS高级【二】---闭包,深浅拷贝,正则
1. 函数的定义和使用所有的函数都是 Function的实例对象函数也属于对象函数内this指向,更全面版 // 1. 普通函数 this 指向window function fn() { console.log('普通函数的this' + this); } window.fn(); // 2. 对象的方法 this指向的是对象 o var o = { sayHi原创 2021-02-01 13:06:53 · 180 阅读 · 0 评论 -
JS高级【一】---原型链,继承
文章目录ES6类的继承new的过程的本质静态成员对象原型链ES5继承ES6类的本质ES5新增函数Object.keysObject.definePropety面向过程就是一步步实现解决问题的步骤打开冰箱,放大象,关门不易维护,联系紧密面向对象是把事务分解为一个个的对象,然后对象间分工合作大象对象:进入冰箱对象:打开,关闭容易维护,复用,扩展,耦合度低JS对象由属性方法构成对象是类的实例化ES6类的继承 class Father { constructor(x,原创 2021-02-01 13:04:02 · 87 阅读 · 0 评论 -
Web APIs学习【三】(BOM对象,JS执行机制)
1.BOM浏览器对象模型1.1 BOM概述1.1.1什么是BOMBOM(Browser Object Model)即浏览器模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其对象核心是windowBOM由一系列相关的对象构成,并且每个对象都提供了很多的方法与属性BOM缺乏标准(js有ECMA DOM有W3C),由厂商在各自浏览器上定义BOM把浏览器当作一个对象来看1.1.2 BOM的构成BOM 比 DOM 更大 它包含 DOMwindow(document,location,n原创 2021-02-01 13:01:11 · 264 阅读 · 2 评论 -
Web APIs学习【二】(事件与事件对象)
文章目录1. 事件高级1.1 注册事件1.1.1 注册事件概述1.1.1.1 传统注册方式1.1.1.2 方法监听注册方式1.2 删除事件1.2.1 传统方式1.2.2方法监听方式1.3 DOM事件流1.4 事件对象1.4.1 事件对象概述1.4.2 事件对象的使用1.4.3 兼容性写法1.4.4 事件对象的常用属性1.4.5 事件委托1.4.6 常用的鼠标事件1.4.6.1常用的鼠标事件1.4.6.2 鼠标事件对象1.4.7 常用键盘事件1.4.7.1 常用键盘事件1.4.7.2 键盘事件对象1.4.7.原创 2021-02-01 13:01:03 · 190 阅读 · 0 评论 -
(万字!)Web APIs学习【一】(初识Web APIs,DOM操作)
文章目录1. 初识Web APIs1.1Js的组成1.1.1JS基础阶段1.1.2 Web APIs 阶段1.1.1.1DOM(文档对象模型)1.1.1.2 BOM(浏览器对象模型)1.2Web API2. DOM简介2.1 什么是DOM2.2 DOM树2.3 获取元素2.3.1通过ID获取某一个元素2.3.2 获取页面中某一类元素2.3.2.1根据标签名获取元素2.3.2.2 根据类名获取元素2.3.3 h5新增获取元素方法(标签名,类名, id均可)2.3.4 获取body与html元素2.4 事件基础原创 2021-02-01 13:00:51 · 377 阅读 · 0 评论 -
JS学习【五】(对象,内置对象api,简单复杂类型)
1.JavaScript对象js中,对象是一组无序的方法和属性的集合1.1对象创建的三种方式1.1.1 利用字面量来创建对象对象字面量:就是{ }里面包含了属性与方法{ }中采用键值对的形式,键相当于属性名,方法名;值相当于属性值,可以是任意类型(匿名函数,数字类型,布尔类型等)注意:方法冒号后面是匿名函数对象的调用:调用属性:对象.属性名 / 对象[‘属性名’]调用方法:对象.方法名() var keke = {}; keke = { nam原创 2020-08-21 12:43:25 · 294 阅读 · 0 评论 -
JS学习【四】(作用域,预解析)
1. JavaScript作用域1.1 变量的作用域1.1.1 全局变量在全局作用域下声明的变量都是全局变量全局变量在代码任何位置都可以使用特殊情况:在函数内未声明但赋值的变量也是全局变量(不推荐)function f(){ num = 10;}console.log(num); // => 101.1.2 局部变量在函数内部定义的变量1.1.3 局部变量与全局变量的区别全局变量:在任何一个地方都可以使用,浏览器关闭时才销毁局部变量:在函数内部使用,其代原创 2020-08-20 15:52:51 · 142 阅读 · 0 评论 -
JS学习【三】(流程控制语句,数组,函数)
1.流程控制语句1.1 switch 的注意事项所判断的值必须要和case后面的值全等(===)才算匹配 switch (i) { case 1: console.log('number 1'); break; case '2': console.log('String 2'); } // i = 1 => number 1 // i = '1' => '' // i = 2 => '' // i =原创 2020-08-19 18:25:05 · 106 阅读 · 0 评论 -
JS学习【二】(逻辑运算符 ‘==’ 与 ‘===’)
1.逻辑运算符1.1 比较运算符概念∶比较运算符(关系运算符)是两个数据进行比较时所使用的运算符,比较运算后,会返回一个布尔值( true / false )作为比较运算的结果。1.2 ==== 号在进行运算的时候,会进行数据类型转化,只要求值相等就可以返回true(就是只判断值)console.log(18 == 18);// => trueconsole.log(18 == '18');// => trueconsole.log(18 != 18);// =>原创 2020-08-19 11:07:30 · 394 阅读 · 0 评论 -
JS学习【一】(初识js,变量,数据类型转化, 解释器)
每个ppt名字作为h2,里面每个知识点模块再分h31.初识js1.1Js的组成1.1.1ES是什么ECMAScript是由ECMA国际进行标准化的一门编程语言,这种语言在万维网上应用广泛,它往往被称为JavaScript或JScript,但实际上后两者是ECMAScript语言的实现和扩展。ECMAScript规定了JS的编程语法和基础核心知识,是所有浏览器厂商共同遵守的一套JS语法工业标准。1.1.2DOM(文档对象模型)1.1.3 BOM(浏览器对象模型)1.2 JS的三种写法原创 2020-08-17 13:03:47 · 177 阅读 · 0 评论 -
Vue.js学习笔记(五)(vue-router)
1.后端路由阶段用户在浏览器中输入url→发送给服务器解析→通过jsp(java serve page)把网页(包含html,css,java(java作用:从数据库中读取数据并将数据动态地放在页面中))渲染好→将网页传给浏览器(传过去的网页只有html和css)后端渲染(服务端渲染):后端通过jsp/php等技术把页面渲染好了后端路由:后端处理url映射到不同的页面2.前后端分离阶段简述:此时后端只负责提供数据,不负责任何阶段的内容,服务器分为静态资源服务器和提供api接口的服务器流程:用户在原创 2021-02-01 13:00:35 · 351 阅读 · 0 评论 -
Vue.js学习笔记(六)(Vuex)
1.Vuex的基本使用意义:原创 2021-02-01 13:00:44 · 174 阅读 · 0 评论 -
前端模块化的意义
5100原创 2021-02-01 12:55:11 · 437 阅读 · 0 评论 -
Vue.js学习笔记(四)(Vue-CLI2&4的使用和安装)
前提:安装Node和NPM,Node环境要求8.9以上或者更高版本输入npm -v node -v查看版本第一步:改源npm install 速度极慢,我这里卡了半小时进度一动不动,所以要用淘宝的仓库cnpm就不介绍了,前辈说好像会出bug还是啥的版本问题,推荐我改源在cmd输入这个npm命令,改换淘宝仓库npm config set registry https://registry.npm.taobao.org查看源指令:npm config get registry原创 2021-02-01 12:56:33 · 325 阅读 · 0 评论 -
Vue.js学习笔记(三)(组件的基本使用)
1.全局组件与局部组件组件的意义:写一个可以复用的小模块,举例:写一段可以复用的标签使用步骤1创建组件对象2注册组件(分为全局和局部)3使用组件写法代码:<body><div id="app"> <!--3.使用组件--> <cpn></cpn></div><div id="app2"> <cpn></cpn></div><script原创 2021-02-01 12:56:25 · 405 阅读 · 0 评论 -
Vue.js学习笔记(二)
1.v-if v-else v-else-if代码用法:<body><div id="app"> <div v-if="score >= 90">优秀</div> <div v-else-if="score >= 80">良好</div> <div v-else-if="score >= 60">及格</div> <div v-else>不及格&原创 2021-02-01 12:56:15 · 248 阅读 · 0 评论 -
Vue.js学习笔记(一)
1.vue是渐进式的框架:可以在原来用jQuery写的项目新开一个页面用vue写,以前的页面慢慢把以前jQuery项目的代码去除掉,可以不全部重构2.Vue响应式<body> <div id="app">{{message}}</div> <script src="../js/vue.js"></script> <script> const aaa = new Vue({原创 2021-02-01 12:56:04 · 308 阅读 · 0 评论 -
腾讯云开发小程序课程笔记
1.响应的数据绑定wxml:<view style="background-color:{{bgcolor}};width:400rpx;height:300rpx;"></view><button bindtap="redTap">让背景变红</button><button bindtap="yellowTap">让背景变黄&l...原创 2020-03-18 18:00:15 · 320 阅读 · 0 评论 -
js学习笔记
1.浏览器解释html时是按先后顺序的,所以前面的script就先被执行。比如进行页面显示初始化的js必须放在head里面,因为初始化都要求提前进行(如给页面body设置css等)2.通过html事件触发html函数html:<form> <input type="button" value="点击我" οnclick="contxt()" /> &...原创 2020-03-18 17:56:26 · 115 阅读 · 0 评论 -
小程序入门学习笔记
1.pages目录下每一个文件夹代表一个页面2.主目录下的文件都是小程序全局配置原创 2020-02-10 16:37:47 · 246 阅读 · 0 评论 -
小程序uploadFile 与 Error parsing HTTP request header 错误
填坑,这个bug已经改好10来天了,今天才想起来要写篇博客记录分享一下因为腾讯云域名审核的原因,10天前才第一次试跑小程序,进行前后端交互。第一次跑发现微信开发者平台还没有注册,直接飚红好吧,新手上路总是会翻车的顺便说一下,服务器域名注册写到端口就好了可以配置端口,如 https://myserver.com:8080,但是配置后只能向 https://myserver.com:8080...原创 2020-01-12 19:34:09 · 319 阅读 · 0 评论 -
小程序出现 net::ERR_SSL_PROTOCOL_ERROR 的错误
前几天在小程序前后端交互的时候,调用wx.request的时候出现了net::ERR_SSL_PROTOCOL_ERROR 这个错误。如图找了很多篇CSDN上的博客,都说要把https转化为http我寻思着,小程序不能用http啊就跟后端到处搜资料找最后发现是证书的问题,后端那里没有把证书在服务器上装好就这么简单一个小bug,CSDN上没找到,可能是小程序的开发者都不喜欢在CSDN...原创 2020-01-12 18:45:56 · 8902 阅读 · 7 评论 -
关于小程序调用导航API的笔记
1.腾讯 百度 高德API可实现的功能:腾讯:1地点搜索2关键词输入提示3逆地址解析(坐标位置描述)4地址解析(地址转坐标)5路线规划6距离计算7获取城市列表8获取城市区县详见:https://lbs.qq.com/qqmap_wx_jssdk/index.html百度:POI查询、模糊查询、地址转换和天气查询详见:http://lbsyun.baidu.com/index.php?t...原创 2019-12-01 11:35:23 · 361 阅读 · 0 评论 -
CSS常用标签
1.字体设置font-size:20px //字体大小20pxfont-weight:bold //字体加粗color:red //字体设置为红色2.内联式,嵌入式,外部式<span style="color:pink">超酷的互联网</span> //这种样式称为内联式span{ color:red;} ...原创 2019-09-24 15:49:01 · 168 阅读 · 0 评论 -
HTML常用标签含义
与 之间的文本描述网页 与 之间的文本是可见的页面内容body标签: 与 之间的文本被显示为标题 与 之间的文本被显示为段落与间是链接 eg: This is a link图片用单 eg:head标签:...原创 2019-09-15 21:55:24 · 427 阅读 · 0 评论