自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(49)
  • 收藏
  • 关注

原创 精通CSS学习笔记 第三章 盒子模型 定位

总结一下就是这章讲了css核心,就是盒子模型,然后讲了一些比较特殊的情况,比如合并外边距,关于两栏布局里面那个overflow:auto为什么可以实现两栏布局的答案也在这。1.盒模型:outline->padding->border->margin->content默认情况下,为标准盒模型,也就是box-sizing为content-box,这种情况下,width和heigth是指的内容的宽度和高度;当box-sizing为border-box,这时的宽度和高度为加上边框和内边

2021-07-14 19:01:05 246

原创 精通CSS学习笔记 第二章 选择符 层叠 特殊性 CSS文件性能

1~13关于选择符,选择器。14~18关于层叠和特殊性。19 加载CSS。20 关于性能优化的tips。1.类型选择符:p{ color:black;}2.后代选择符:blockquote p{ padding-left:2em;}3.id和类选择符:#intro{...}.date-post{...}4.子选择符:#nav > li{ 只选择 *一个* 直接后代}5.相邻同辈选择符:h2 + p{ 选择一个后方相邻同辈}6.一般同

2021-07-14 09:07:25 277

原创 精通CSS学习笔记 第一章 基本理解

总结:讲了一些关于CSS3和H5的概念,这些概念某种程度上是一种指导思想,在后面的开发中要注意,这样才能优化前端界面本身。1.关注点分离:将一个应用分成一个一个模块,然后模块之间松散组合起来2.CSS3:所谓CSS3不是一个确定的CSS版本,而是一个模糊的集合,像CSS Backgrounds and Borders Level 3,Selectors Level 4 和 CSS Grid Layout Level 1,这些都属于这个集合,也就是对CSS2改进到了一个地步,就是CSS3,没有明确的规范,

2021-07-13 21:31:16 229 1

原创 vue 中简单封装 axios

把axios注入到Vue中import axios from 'axios';Vue.prototype.$axios = axios;import axios from 'axios'axios.defaults.timeout = 5000; //响应时间axios.defaults.headers.post['Content-Type'] = 'application/json;charset=UTF-8'; //配置请求头axios.de

2021-06-10 21:57:22 620 5

原创 Tomcat服务器 配置 Vue cli 4 Vue router history模式

在tomcat你的app文件下面,创建一个WEB-INF文件夹,在里面创建web.xml<?xml version="1.0" encoding="ISO-8859-1"?><web-app xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/ja

2021-06-10 21:28:12 320

原创 数据结构 JavaScript实现 栈

title: 数据结构 JavaScript实现 栈date: 2021-6-9 22:55:53author: Xilong88tags: 数据结构基于JavaScript类的栈/** * @description :Stack based on JavaScript Class * @method : push(element); * pop(); * peek(); * isEmpty(); * clear(); * s.

2021-06-09 22:56:29 129 2

转载 Vuex 学习总结

title: Vuex 学习总结date: 2021-6-8 23:28:33author: Xilong88tags: Vue个人理解加简单总结:个人理解:Vuex就是一个插件,用来做Vue的状态管理。因为Vue里面每个组件都有自己的data,然后子组件又可以相互访问,有的时候还必须改变某些prop,这个时候又加上Vue的响应式,可能就会导致数据变化很难维护。用官方的话来说,原本是想实现单向数据流,但是多组件共享状态时,就会破坏这种单向数据流。如:多个视图依赖于同一状态。.

2021-06-08 23:28:51 136 1

原创 Vue Router学习

title: Vue Router学习date: 2021-6-7 21:08:18author: Xilong88tags: Vue简单理解和总结:个人理解:Vue Router是一个插件,可以通过组合组件来组成应用程序,把components添加到routes里面,就可以实现路由的功能。官方的例子:Vue Router 官网<script src="https://unpkg.com/vue/dist/vue.js"></script><scr.

2021-06-07 21:08:50 213

原创 VUE官方文档学习---深入响应式原理

title: VUE官方文档学习—深入响应式原理date: 2021-6-6 20:41:08author: Xilong88tags: Vue先上一张图:这是官方对响应式原理的解释图我在网上查到一个简易版的响应式原理的代码原贴在这<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Two-way data-binding&lt.

2021-06-06 20:41:27 970 11

原创 Vue官方文档学习---过渡 & 动画

title: VUE官方文档学习—过渡 & 动画date: 2021-6-5 11:22:39author: Xilong88tags: Vue过渡 & 动画进入/离开 & 列表过渡单元素/组件的过渡transition标签来封装组件来完成过渡自动嗅探目标元素是否应用了 CSS 过渡或动画,如果是,在恰当的时机添加/删除 CSS 类名。如果过渡组件提供了 JavaScript 钩子函数,这些钩子函数将在恰当的时机被调用。如果没有找到 JavaScr.

2021-06-05 11:22:53 307

转载 VUE官方文档学习---深入了解组件

title: VUE官方文档学习—组件注册date: 2021-6-4 22:59:27author: Xilong88tags: Vue组件注册全局注册:Vue.component('my-component-name', { /* ... */ })组件名称建议用“-”链接起来的,而且命名要和功能挂钩。组件名大小写可以使用“-”或者大驼峰模式命名,但是在html中只能用连线。全局注册通过Vue.component创建组件就是全局创建,全局创建的组件可以在所有子组件中使.

2021-06-04 22:59:43 348

原创 VUE官方文档学习---组件基础

title: VUE官方文档学习—组件基础date: 2021-6-3 17:13:48author: Xilong88tags: Vue基本示例// 定义一个名为 button-counter 的新组件Vue.component('button-counter', { data: function () { return { count: 0 } }, template: '<button v-on:click="count++"&gt.

2021-06-03 17:14:50 330 3

原创 VUE官方文档学习---表单输入绑定

title: VUE官方文档学习—表单输入绑定date:author: Xilong88tags: Vuev-model用来绑定表单的,本质是一种语法糖,有几点需要注意:1.绑定时的数据来源是vm中的data,而不是默认的DOM属性2.不同的输入元素v-model会使用不同的property,发生不同的事件text 和 textarea 元素使用 value property 和 input 事件;checkbox 和 radio 使用 checked property 和 cha.

2021-06-03 11:33:29 305 1

原创 VUE官方文档学习—事件处理

title: VUE官方文档学习—事件处理date:author: Xilong88tags: Vue<div id="example-1"> <button v-on:click="counter += 1">Add 1</button> <p>The button above has been clicked {{ counter }} times.</p></div>var example1 = new Vu

2021-06-03 09:48:12 333 2

转载 VUE官方文档学习---列表渲染

title: VUE官方文档学习—列表渲染date: 2021-6-2 21:39:19author: Xilong88tags: Vue列表渲染用 v-for 把一个数组对应为一组元素我们可以用 v-for 指令基于一个数组来渲染一个列表。v-for 指令需要使用 item in items 形式的特殊语法,其中 items 是源数据数组,而 item 则是被迭代的数组元素的别名。<ul id="example-1"> <li v-for="item in .

2021-06-02 21:39:43 120 1

原创 VUE官方文档学习---条件渲染VUE官方文档学习---条件渲染

title: VUE官方文档学习—条件渲染date:author: Xilong88tags: Vue

2021-06-02 18:53:14 208

原创 VUE官方文档学习---Class 与 Style 绑定

title: VUE官方文档学习—Class 与 Style 绑定date: 2021-6-2 17:32:02author: Xilong88tags: Vue操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是 attribute,所以我们可以用 v-bind处理它们:只需要通过表达式计算出字符串结果即可。不过,字符串拼接麻烦且易错。因此,在将 v-bind 用于 class 和 style时,Vue.js 做了专门的增强。表达式结果的类型除了字符串之外,还.

2021-06-02 17:32:18 329 2

原创 VUE官方文档学习---计算属性和侦听器

title: VUE官方文档学习—VUE实例date:author: Xilong88tags: Vue计算属性为了维护性,我们希望模板表达式里面内容少一点,所以可以用计算属性:<div id="example"> <p>Original message: "{{ message }}"</p> <p>Computed reversed message: "{{ reversedMessage }}"</p></.

2021-06-02 16:47:23 520 1

原创 VUE官方文档学习---模板语法

title:date:author: Xilong88tags: JavaScript

2021-06-02 15:10:29 160 1

原创 VUE官方文档学习---VUE实例

title: VUE官方文档学习—VUE实例date: 2021-6-1 16:56:06author: Xilong88tags: JavaScriptVue实例通过new 关键字 创建 一个Vue 的实例,其中要传入一个property对象参数,options。比如传入data,可以作为响应式的值当这些数据改变时,视图会进行重渲染。值得注意的是只有当实例被创建时就已经存在于 data 中的 property 才是响应式的。也就是说如果你添加一个新的 property 改变这个属.

2021-06-01 16:58:16 738 7

原创 JavaScript高级程序设计第四版学习--总结

title: JavaScript高级程序设计第四版学习–总结date: 2021-5-31 15:53:41author: Xilong88tags: JavaScript总结:从5月13日到今天,每天都泡在工作室看这本书,基本模式就是打开一章,先读一遍理解,然后再写博客梳理一下。除了十八章 动画与Canvas二十二章 处理XML二十七章 工作者线程二十八章 最佳实践以外都看了,并且写了博客。这一遍都有啥改变呢?感觉有些东西更清晰了,扫盲了。也就是说,只要是这本.

2021-05-31 16:26:29 313 3

原创 JavaScript高级程序设计第四版学习--第二十六章

title: JavaScript高级程序设计第四版学习–第二十六章date: 2021-5-31 15:50:31author: Xilong88tags: JavaScript本章内容理解模块模式凑合的模块系统使用前ES6模块加载器使用ES6模块可能出现的面试题:1.ES6模块的基本使用方法2.判断export和import语句是否合法的程序题凑合的模块系统 略ES6之前的模块加载器 略知识点:1.理解模块模式把逻辑分块,各自封装,相互独立,每个块自行决定.

2021-05-31 15:50:59 153 1

原创 JavaScript高级程序设计第四版学习--第二十五章

title: JavaScript高级程序设计第四版学习–第二十五章date: 2021-5-31 15:06:04author: Xilong88tags: JavaScript本章内容cookie浏览器存储APIIndexedDB可能出现的面试题:1.了解过cookie吗?2.了解过localStorage和sessionStorage吗?3.了解过IndexDB吗?HTTP cookie通常也叫作cookie ,最初用于在客户端存储会话信息。这个规范要求服务器在响应.

2021-05-31 15:06:35 166

原创 JavaScript高级程序设计第四版学习--第二十四章

title: JavaScript高级程序设计第四版学习–第二十四章date: 2021-5-31 10:46:01author: Xilong88tags: JavaScript本章内容:使用XMLHttpRequest 对象处理XMLHttpRequest 事件源域Ajax限制Fetch APIStreams API可能出现的面试题:1.xhr对象的基本使用方法2.聊聊HTTP头部3.xhr的事件有哪些?4.跨域问题了解过吗?有哪些解决方案5.Fetch API.

2021-05-31 10:46:19 264

原创 JavaScript高级程序设计第四版学习--第二十三章

title: JavaScript高级程序设计第四版学习–第二十三章date: 2021-5-30 21:07:15author: Xilong88tags: JavaScript本章内容:理解JSON语法解析JSONJSON序列化可能出现的面试题:1.JSON和XML的优缺点?2.JSON怎么处理undefined3.JSON基本使用方法知识点:JSON语法支持表示3种类型的值。简单值 :字符串、数值、布尔值和null 可以在JSON中出现,就像在JavaScri.

2021-05-30 21:08:30 148 1

原创 JavaScript高级程序设计第四版学习--第二十一章

title: JavaScript高级程序设计第四版学习–第二十一章date: 2021-5-30 20:02:06author: Xilong88tags: JavaScript本章内容:理解浏览器错误报告处理错误调试JavaScript代码可能出现的面试题:1.try,catch,finally的基本使用2.JavaScript错误类型有哪些?它们一般在什么情况下发生?3.error事件的回调有哪些参数?4.什么是重大错误,什么是非重大错误?5.console对象有哪.

2021-05-30 20:02:29 172 3

原创 JavaScript高级程序设计第四版学习--第二十章

title: JavaScript高级程序设计第四版学习–第二十章date: 2021-5-29 20:59:12author: Xilong88tags: JavaScript本章内容Atomics与SharedArrayBuffer跨上下文消息Encoding APIFile API与Blob API拖放Notifications APIPage Visibility APIStreams API计时APIWeb组件Web Cryptography API可能.

2021-05-29 20:59:35 285

原创 JavaScript高级程序设计第四版学习--第十九章

title: JavaScript高级程序设计第四版学习–第十九章date: 2021-5-28 22:46:03author: Xilong88tags: JavaScript本章内容理解表单基础文本框验证与交互使用其他表单控件可能出现的面试题:1.讲讲form的常用属性方法2.怎么阻止表单提交?3.表单按钮有哪几种?4.如何获取焦点(H5中新方法)5.H5对表单有哪些增强?6.如何检测表单合法性?7.了解过validity对象吗?总结:这一章讲了表单的属性和方.

2021-05-28 22:46:28 254 7

原创 JavaScript高级程序设计第四版学习--第十七章

title: JavaScript高级程序设计第四版学习–第十七章date: 2021-5-27 10:02:37author: Xilong88tags: JavaScript本章内容:理解事件流使用事件处理程序了解不同类型的事件可能出现的面试题:1.了解过事件流吗?2.事件冒泡?事件捕获?3.绑定事件有哪些方法?4.事件中target,currentTarget,this的区别?5.H5新增的事件了解哪些?6.事件委托?7.事件性能问题应该注意哪些?8.删除事.

2021-05-27 10:03:28 206 2

原创 avaScript高级程序设计第四版学习--第十六章

title: JavaScript高级程序设计第四版学习–第十六章date:author: Xilong88tags: JavaScript

2021-05-26 20:43:36 170

原创 JavaScript高级程序设计第四版学习--第十五章

title: JavaScript高级程序设计第四版学习–第十五章date:author: Xilong88tags: JavaScript**本章内容:理解Selectors API使用HTML5 DOM扩展可能出现的面试题:1.如何通过CSS选择符参数获取节点?2.关于元素遍历的题目(5种新增的方法)3.如何获取CSS类名的值中的某一个4.innerHTML和outerHTML有啥区别?5.innerText和outerText有啥区别?6.性能关于innerHTML和.

2021-05-26 15:49:20 174 2

原创 JavaScript高级程序设计第四版学习--第十四章

title: JavaScript高级程序设计第四版学习–第十四章date: 2021-5-25 22:40:38author: Xilong88tags: JavaScript**本章内容:理解文档对象模型(DOM)的构成节点类型浏览器兼容性MutationObserver 接口可能出现的面试题:1.什么是DOM?2.操作节点的程序题3.节点和元素是什么?它们的的区别?4.了解过MutationObserver吗?5.写一个MutationObserver的程序之.

2021-05-25 22:41:16 375

原创 JavaScript高级程序设计第四版学习--第十二章

title: JavaScript高级程序设计第四版学习–第十二章date: 2021-5-24 22:47:30author: Xilong88tags: JavaScript本章内容:理解BOM的核心——window 对象控制窗口及弹窗通过location 对象获取页面信息使用navigator 对象了解浏览器通过history 对象操作浏览器历史可能出现的面试题:1.什么是BOM?2.CSS像素?3.如何获取窗口或者屏幕大小,几种属性的区别?4.如何打开新窗口?.

2021-05-24 22:47:54 274

原创 JavaScript高级程序设计第四版学习--第十一章

title: JavaScript高级程序设计第四版学习–第十一章date: 2021-5-23 19:42:09author: Xilong88tags: JavaScript本章内容异步编程期约异步函数可能出现的面试题:1.了解过Promise吗?2.Promise有几种状态机?3.Promise的常见方法?4.如何实现期约取消?5.如何实现进度追踪?6.了解过异步函数吗?7.性能优化,await和Promise的错误追踪的性能。总结:这一章主要就是讲Pro.

2021-05-23 19:42:39 357

原创 title: JavaScript高级程序设计第四版学习--第十章

title: JavaScript高级程序设计第四版学习–第十章date: 2021-5-22 15:37:39author: Xilong88tags: JavaScript本章内容函数表达式、函数声明及箭头函数默认参数及扩展操作符使用函数实现递归使用闭包实现私有变量可能出现的面试题:总结:知识点:1.函数定义的方式(4种):函数声明:function sum (num1, num2) { return num1 + num2;}函数表达式:let su.

2021-05-22 19:05:09 244 4

原创 JavaScript高级程序设计第四版学习--第九章

title: JavaScript高级程序设计第四版学习–第九章date: 2021-5-21 15:03:59author: Xilong88tags: JavaScript本章内容章内容代理基础代码捕获器与反射方法代理模式可能出现的面试题:1.了解过代理,捕获器,反射吗?2.介绍常见的捕获器与反射方法。3.介绍几种代理的用处总结:代理,反射,这些是ES6中的新方法,看完之后感觉在开发中可以实现很多功能,就像书上提到的:跟踪属性访问、隐藏属性、阻止修改或删除属性、函数.

2021-05-21 16:09:17 237

原创 JavaScript高级程序设计第四版学习--第八章

title: JavaScript高级程序设计第四版学习–第八章date: 2021-5-20 21:57:39author: Xilong88tags: JavaScript本章内容理解对象理解对象创建过程理解继承理解类可能出现的面试题:1.谈谈数据属性,访问器属性2.定义属性,读取属性用什么方法?3.合并属性用什么方法?4.编程中用ES6的语法糖可以体现出水平5.什么是对象解构6.创建对象有几种模式?各自特点?7.了解原型吗?8.了解继承吗?常见模式有哪些(.

2021-05-20 21:58:04 317 4

原创 JavaScript高级程序设计第四版学习--第七章

title: JavaScript高级程序设计第四版学习–第六章date: 2021-5-18 20:52:55author: Xilong88tags: JavaScript本章内容理解迭代迭代器模式生成器可能出现的面试题:1.迭代器和生成器的程序题2.做题过程中,看是否使用了迭代器生成器,可以看出这个面试者的一些水平吧3.可迭代协议和迭代器协议的概念总结:本章的重点就是迭代器和生成器,主要是理解两个东西的本质,然后就是掌握其使用的基本方法。关于生成器有很多很高级的.

2021-05-19 22:18:21 174 3

原创 JavaScript高级程序设计第四版学习--第六章

title: JavaScript高级程序设计第四版学习–第六章date: 2021-5-18 22:29:20author: Xilong88tags: JavaScript本章内容对象数组与定型数组Map 、WeakMap 、Set 以及WeakSet 类型可能出现的面试题:1.数组的操作的程序题2.了解过定型数组吗?3.了解过映射吗?了解过弱映射吗?两者差别4.了解过集合吗?了解过弱集合吗?两者差别5.集合和映射的差别?6.集合映射的程序题总结:主要内容是简.

2021-05-18 22:29:47 241 3

原创 JavaScript高级程序设计第四版学习--第五章

title: JavaScript高级程序设计第四版学习–第五章date: 2021-5-17 23:10:21image: /assets/images/blog/blog.webpauthor: Xilong88tags: JavaScript本章内容理解对象基本JavaScript数据类型原始值与原始值包装类型可能出现的面试题:1.Date的一些常见方法2.了解过JavaScript包装类型吗?3.正则表达式的运用题4.字符串操作题5.三种包装类的常用方法1.

2021-05-17 23:11:03 253

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除