Tao ying

04245d9982ec82ad29febc4ea2d4621517b73fefcf280fbc2d0653a401ca63b93a27692a90bb7309604d3e161459055e45d3d2f657a67eef67cfddafa53c38c0446e911e84fbfd67ba5fc827625299c53404eb9b8acd8e54536fda32ec5a6e0412e28aa56ccdb16e96a4a5417d71169c171666f9c3c53df711f6716e78b361c710039945be6ce5007c00cc225ae18c274902b5d52fe1d460651e320053dc7825ac79350228bc329c8657038ad572012ab50a94b85c697fd9bfc15c2e6833c24442a4e678db503bd450d4d3f092dbb72ca62bae834acd7a3d7d99de90fa859e56953ba04a5fe2e8f54439b9ed11e36e20fe05b58c381379bf ...

04245d9982ec82ad29febc4ea2d46215e316ce828a272a1e10e4803ce02e8bd01e1b48f45583785901c87509321f66778437dcaab8790e1e6714e1d9fafe8e2c5b0d94cbdaa914b7d20653dab168e7fcee934794026a1f1e91f9e975cb608e1d1782aeb45434fa2c2527a95dcc89e52edc68f3b4a4cdc125b0616b07f28a626d51c061f2b45394116a89240669def98728f4c15c4a351ebd96e7d3ef4e706e1fbd425edb1a9f0b95fb22cb687efbbae8106d4ea8fede631c39991e34e69b238635624367e969430458d2e112e8301781e711117a219ea5c9c4a1b1505f9e7d2a38842dd9a0ec70b856dc267b1f9ec0fc094ba4eb1c0561d7 ...

Emmet 语法的前身是 Zen coding，它使用缩写，来提高 html/css 的编写速度,，VSCode 内部已经集成该语法。 快速生成 HTML 结构语法 快速生成 CSS 样式语法 快速生成HTML结构语法 生成标签直接输入标签名按 tab 键即可，比如 div 然后 tab 键， 就可以生成 <div></div> 如果想要生成多个相同标签加上 * 就可以了，比如 div*3 就可以快速生成 3 个 div 如果有父子级关系的标签，可以用 > 比如 ul>li 就可以了 如果有兄弟关系的标签，用 + 就可以了 比如 div+p 如果生成带有 类名 或者 id 名字的标签， 直接写 标签.demo 或者 标签#demo 再按下 tab 键就可以了 如果生成的事物有顺序，可以用自增符号 $ 如果想要在生成的标签内部写内容可以用 {} 表示 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849 ...

04245d9982ec82ad29febc4ea2d462152c9e8f61aedc774e16f3bd31c52c7087d0a3db3039cceeef9a71c2084e0dd043c9c7a139399f6845575f57035fd1dd9371c900894e364776f892ca6c7d34784d9422446af154e8e72dab2ebed8e6744489954581b4bf9ff3ef8e2b335155948a480e79a8ae2b1a1b657cc2dbb14d33323ad8dd83a6b25311670a6a95f30970781260fa76d660754c2a572f08b4d18e6951672a4101e213d2105aa2008a05313b4725dc9085ed1cde158e645d1dab3e921c489f941eda5d8f9f4201f2434b4d732d88ff3c22432ad989cb4d5604b94a58f4683f6cd6a37c01bf62964088a7b8577dc719fecd1f7d27 ...

04245d9982ec82ad29febc4ea2d462152c9e8f61aedc774e16f3bd31c52c7087d67a8197506a9ebef8476ac9449c2e377132c31986e8819d9594a6034e411aa726330fe8315ea97f881c4f5239a2ee6b4a5f617ea6332e91686f3b546c0176c28d85e2b03b49ee8b552f15ce33525694426d33d393fdbe59a68ecb99279a265dd5dd9a7cc2b849ed87aa01d12ad42e4941a9729f397b61bef63ddc7ae688febbb5e480d5c247aecbaadb08688d04f41bace9cd105005f9f4b74d2f9093d79c27a640950f7c11b0bd570a86a38aba52233ab8037e028a7bd07630db731e58cab8c687276ddd9446aca725784484a1b4641540d3a883b49af5 ...

04245d9982ec82ad29febc4ea2d462152c9e8f61aedc774e16f3bd31c52c7087a332c4f4750e972f82edff557e3f4101844cccb7d98933ba711ed092eb077b52b85b027db2464a278a25a29c918776a1f323103eaff0f796bae5e025cc74f39feb18eb2495dfcb23d7fe7b022f1d7fd153216721cb42a4fd2bec5aff2a45b883680b0bac723e9589ace755adeb492f1ff847e2bc36ea1c53ffc53872d0b98d9cb7d2a5af51aa87d015a68f25bf61dc46f7577b60ae3f0af80755d2a054d48e419fc44c4eff362f0305a1ac6322a4d5b806725aa2a3e997d065787fd35f7bb07a11cc090e0eaff96de95d13600ed917f8627381e76e0caebf ...

wsl的安装1. window开发环境下Wsl2的安装WSL 安装的官方文档:https://docs.microsoft.com/en-us/windows/wsl/install-win10 哔哩哔哩视频 2. Windows10开发环境搭建 | Terminal和VS CodeWindows Terminal安装文档https://docs.microsoft.com/en-us/windows/terminal/get-started 哔哩哔哩视频 3. Windows10开发环境搭建在WSL2里安装Docker安装脚本文件 install-docker.sh 12345678910111213141516# install dockercurl -fsSL get.docker.com -o get-docker.shsh get-docker.shif [ ! $(getent group docker) ];then sudo groupadd docker;else echo "docker user group already exists&qu ...

1.移动端网页特效1.1 触屏事件概述 1.2 触摸事件对象（TouchEvent） 1.3 移动端拖动元素 移动端轮播图移动端轮播图功能和基本PC端一致。 可以自动播放图片 手指可以拖动播放轮播图 2. classList2.1 classList 属性 移动端轮播图案例分析 移动端返回顶部案例当页面滚动某个地方，就显示，否则隐藏点击可以返回顶部 2.2 click 延时解决方案移动端 click 事件会有 300ms 的延时，原因是移动端屏幕双击会缩放(double tap to zoom) 页面。解决方案： 禁用缩放。 浏览器禁用默认的双击缩放行为并且去掉 300ms 的点击延迟。 1<meta name="viewport" content="user-scalable=no"> 利用touch事件自己封装这个事件解决 300ms 延迟。原理就是: 当我们手指触摸屏幕，记录当前触摸时间 当我们手指离开屏幕， 用离开的时间减去触摸的时间 如果时间小于150ms，并且没有滑动过屏幕， 那么我们就定义为 ...

window.sessionStorage与window.localStorage的区别1. 本地存储 2. window.sessionStorage 3. window.localStorage 记住用户名案例如果勾选记住用户名， 下次用户打开浏览器，就在文本框里面自动显示上次登录的用户名 案例分析: ① 把数据存起来，用到本地存储② 关闭页面，也可以显示用户名，所以用到localStorage③ 打开页面，先判断是否有这个用户名，如果有，就在表单里面显示用户名，并且勾选复选框 ④ 当复选框发生改变的时候 change事件 ⑤ 如果勾选，就存储，否则就移除

5. PC端网页特效1. 元素偏移量offset系列1.1 offset概述 1.2 offset 与 style 区别 获取鼠标在盒子内的坐标案例案例分析: 实现代码: 123456789var box = document.querySelector('.box');box.addEventListener('mousemove', function(e) {var x = e.pageX - this.offsetLeft;var y = e.pageY - this.offsetTop;this.innerHTML = 'x坐标是' + x + ' y坐标是' + y;}) 模态框案例 案例分析: 仿京东放大镜案例案例分析: 2. 元素可视区clientx系列 淘宝 flexible.js 源码分析 立即执行函数 (function() {})() 或者 (function(){}())主要作用： 创建一个独立的作用域。 避免了命名冲突问题 注意: 下面三 ...

第一天学习1. getElementById获取元素12345678910111213141516171819202122232425<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title></head><body> <div id="time">2019-9-9</div> <script> ...

1. jQuery 事件注册单个事件注册 其他事件和原生基本一致。比如 mouseover、mouseout、blur、focus、change、keydown、keyup、resize、scroll 等 2. jQuery 事件处理2.1 事件处理 on() 绑定事件on() 方法在匹配元素上绑定一个或多个事件的事件处理函数 events:一个或多个用空格分隔的事件类型，如”click”或“keydown” 。 selector: 元素的子元素选择器 。 fn:回调函数 即绑定在元素身上的侦听函数。 on() 方法优势1： 可以绑定多个事件，多个处理事件处理程序。 12345$(“div”).on({mouseover: function(){},mouseout: function(){},click: function(){}}); 如果事件处理程序相同 123$(“div”).on(“mouseover mouseout”, function() {$(this).toggl ...

1. jQuery 对象拷贝如果想要把某个对象拷贝（合并） 给另外一个对象使用，此时可以使用 $.extend() 方法 代码: 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title ...

1. jQuery 选择器1.1 jQuery 基础选择器 1.2 jQuery 层级选择器 知识铺垫 1.3 隐式迭代（重要） 1.4 jQuery 筛选选择器 1.5 jQuery 筛选方法（重点） 1.6 jQuery 里面的排他思想 淘宝服饰精品案例案例分析: 1.7 链式编程 2. jQuery 样式操作2.1 操作 css 方法jQuery 可以使用 css 方法来修改简单元素样式； 也可以操作类，修改多个样式。 参数只写属性名，则是返回属性值 1$(this).css(''color''); 参数是属性名，属性值，逗号分隔，是设置一组样式，属性必须加引号，值如果是数字可以不用跟单位和引号 1$(this).css(''color'', ''red''); 参数可以是对象形式，方便设置多组样式。属性名和属性值用冒号隔开， 属性可以不用加引号， 1$(this).css({ "color":"white& ...

博客创建时会遇到的问题1.1 问题描述git add . 上传时出现警告warning: in the working copy of ‘…‘, LF will be replaced by CRLF the next time Git touche或者错误 fatal: bad boolean config value ‘fals’ for ‘core.autocrlf’ 1.2 解决方案链接1. https://blog.csdn.net/weixin_55252589/article/details/129017650git add . 或者博客上传远端时前执行 链接2. https://stackoverflow.com/questions/66891275/fatal-bad-boolean-config-value-for-core-autocrlf 1git config --global core.autocrlf false 2.上传github时不显示2.1 问题描述上传github时，不显示博客内容 2.2 解决方案生成页面前清除缓存 1hexo clean

1. 新建文章1.1 新建文章目录执行命令 1hexo new "文章标题" 在source_posts目录下创建文章目录，文章目录的名称就是文章的标题，文章目录下创建index.md文件，文件内容如下： 1234567---title: 博客文章创建date: 2023-04-03 14:04:09tags:--- 文章配置 Page Front-matter 123456789101112131415---title:date:updated:type:comments:description:keywords:top_img:mathjax:katex:aside:aplayer:highlight_shrink:--- 解释 title: 文章题目date: 文章创建时间updated: 文章更新时间type: 文章类型comments: 是否开启评论description: 文章描述keywords: 文章关键字top_img: 文章顶部图片mathjax: 【可选】显示mathjax(当设置mathjax的per_page: false时，才需要配 ...