- 博客(237)
- 资源 (2)
- 收藏
- 关注
RSS订阅
原创 Markdown编辑器常用语法使用指南（CSDN通用）
@[TOC](这里写自定义目录标题)## 功能快捷键这里写自定义目录标题功能快捷键标题1级标题2级标题3级标题四级标题五级标题六级标题文本样式列表链接代码片表格自定义列表注脚注释SmartyPants导出与导入导出导入功能快捷键撤销：Ctrl/Command + Z重做：Ctrl/Command + Y加粗：Ctrl/Command + B斜体：Ctrl/Command + I标题：Ctrl/Command + Shift + H无序列表：Ctrl/Command + Shift +
2020-07-16 14:46:18
1101
原创 HTML 网页特殊符号代码大全
HTML网页特殊符号代码大全在网页设计中，我们有时需要把以下两种字符显示在页面上：HTML的保留字符。无法通过键盘输入但能表达某种特殊含义的字符。直接使用往往是无法显示的，这时就必须使用它们对应的实体名称或实体数字才能显示（在大多数浏览器中默认的字符集为ISO-8859-1）。下面做了整理，以备速查（注意：代码对大小写敏感）。1、特色类字符实体名称实体数字描述©©©版权标志| 竖线，常用作菜单或导航中的分隔符
2020-07-09 23:07:27
41190
9
原创 那些好用真香的工具网站
看抽象语法树: https://astexplorer.net/gif制作：http://www.gif5.net压缩图片：https://www.yasuotu.com/
2020-06-18 16:10:38
512
1
原创 Git 新建分支并推送（push）到远程仓库，合并feature分支到develop分支
最后，feature A开发完成之后需要合并到开发主分支 develop ，此时可使用merge --squash 命令把 featureA 分支的多个提交合并成一个提交merge到develop上；此时develop分支的代码是没有被add的，需要重新执行add， commit命令，再push到远程分支。在多人协作的项目中经常需要新建feature分支开发一个新功能，或者是要做一些修改，需要新建一个分支。创建新分支开发完成之后可能需要暂时需要提交到远程，完全提测完成后再合并到develop主分支。
2023-03-22 23:45:36
3210
原创 JavaScript Reference Type 解读
Reference Type 是语言内部的一个类型。读取一个属性，例如在 `obj.method()` 中，`.` 返回的准确来说不是属性的值，而是一个特殊的 “Reference Type” 值，其中储存着属性的值和它的来源对象。这是为了随后的方法调用 `()` 获取来源对象，然后将 `this` 设为它。对于所有其它操作，Reference Type 会自动变成属性的值（在我们这个情况下是一个函数）。这整个机制对我们是不可见的。它仅在一些微妙的情况下才重要。
2022-11-03 22:30:00
510
转载 GIT使用rebase和merge的正确姿势
使用 rebase 和 merge 的基本原则：1.下游分支更新上游分支内容的时候使用 rebase2.上游分支合并下游分支内容的时候使用 merge3.更新当前分支的内容时一定要使用 --rebase 参数例如现有上游分支 master，基于 master 分支拉出来一个开发分支 dev，在 dev 上开发了一段时间后要把 master 分支提交的新内容更新到 dev 分支，此时切换到 dev 分支，使用 git rebase master等 dev 分支开发完成了之后，要合并到上游分支 mas
2022-10-25 23:30:00
2358
原创 JavaScript 中 数组（Array）的 pop/push, shift/unshift 方法以及性能比较
JavaScript 中 数组（Array）的 pop/push, shift/unshift 方法以及性能比较
2022-08-03 23:00:00
1607
原创 正确按照字典顺序比较字符串之 localeCompare
现代浏览器（IE10- 需要额外的库 Intl.JS) 都支持国际化标准 ECMA-402。它提供了一种特殊的方法来比较不同语言的字符串，遵循它们的规则。调用 str.localeCompare(str2) 会根据语言规则返回一个整数，这个整数能指示字符串 str 在排序顺序中排在字符串 str2 前面、后面、还是相同：、如果 str 排在 str2 前面，则返回负数。如果 str 排在 str2 后面，则返回正数。如果它们在相同位置，则返回 0。...
2022-08-02 23:15:00
1352
原创 JavaScript 使用 “at” 获取数组（Array）最后一个元素
新的数组方法array.at(index)允许我们以常规访问器的方式通过索引访问数组元素。而且，array.at(index)接受负索引，在这种情况下，该方法从末尾取元素
2022-08-02 22:15:00
1351
原创 [Vue3] v-for循环中报错 类型“never”上不存在属性“xxx”
[Vue3] v-for循环中报错 类型“never”上不存在属性“xxx”
2022-07-21 10:39:22
7477
原创 Vue中 v-html 指令警告（ warning ‘v-html‘ directive can lead to XSS attack vueno-v-html）
Vue中 v-html 指令警告： warning 'v-html' directive can lead to XSS attack vueno-v-html，可以修复或者忽略此警告
2022-07-16 22:00:00
7900
1
原创 如何解决：warning Prop ‘fontFamily‘ requires default value to be set vue/require- 以及 vue3中props的默认写法
Vue3 中的项目使用 eslint 进行代码校验报如下警告warning Prop 'params' requires default value to be set vue/require-default-prop意思为：Prop ‘params’ 需要设置默认值
2022-07-15 00:15:00
3053
原创 Vue3 + Typescript 中使用 Vuex报错：Binding element ‘state‘ implicitly has an ‘any’ type
Vue3 + Typescript 中使用 Vuex报错：Binding element 'state' implicitly has an ‘any’ type
2022-07-14 23:15:00
2902
原创 stylelint检查报错：Unexpected missing generic font family font-family-no-missing-generic-family-keyword
Vue3 stylelint检查报错：Unexpected missing generic font family font-family-no-missing-generic-family-keyw
2022-07-14 22:00:00
7644
原创 echarts改变折线图和折线点的颜色、改变x轴y轴的颜色以及宽度、改变坐标值的颜色、设置legend
echarts改变折线图和折线点的颜色、改变x轴y轴的颜色以及宽度、改变坐标值的颜色、设置legend
2022-07-12 23:00:00
16564
转载 DNS解析和DNS缓存, 如何清理DNS解析缓存
一、DNS解析DNS解析也即是我们说的域名解析，为了方便记忆，网站都是注册了一个域名，通过域名来访问网站。访问网站内容，实际是通过访问IP地址实现的，所以在域名和IP之前存在一种对应关系，而域名解析服务器即DNS服务器则完成将域名翻译成IP地址的任务。对于用户来说，永远不需要关心访问的IP地址是多少，只需要输入域名即可，所以当IP发生变化时对用户没有一点影响，这就是动态域名解析。域名服务器承载着IP与域名的管理工作和解析工作，当域名对应的IP出现变化时，域名服务器需要重新进行配置。动态域名：域名对应的
2022-05-23 16:57:50
3414
1
原创 Angular技巧之Angular CLI 如何把预处理变量变成全局的
Angular CLI 创建的项目可以选择css的预处理 less 作为 style 文件的默认预处理格式。less 可以设置变量，函数，同时使用继承，混入等方法达到更方便，通用的效果。通常情况下，我们会设计一些通用的变量在各个地方使用，如何将通用变量的文件一次引入，全局使用呢？笔者在assess目录下有一个less的变量文件src/assets/less/variables.less@app-amber: #f9b551;@title-ml: 8px;@table-border-c: #e1e
2022-03-30 20:42:04
842
原创 Javascript如何实现继承？各种继承方法的优缺点是什么？
一、继承是什么？继承（inheritance）是面向对象软件技术当中的一个概念。如果一个类别B“继承自”另一个类别A，就把这个B称为“A的子类”，而把A称为“B的父类别”也可以称“A是B的超类”继承的优点继承可以使得子类具有父类别的各种属性和方法，而不需要再次编写相同的代码在子类别继承父类别的同时，可以重新定义某些属性，并重写某些方法，即覆盖父类别的原有属性和方法，使其获得与父类别不同的功能虽然JavaScript并不是真正的面向对象语言，但它天生的灵活性，使应用场景更加丰富关于继承，我们
2022-03-23 11:08:08
274
转载 用JS（Javascript）非框架实现模态框
实现简单弹出框/遮罩层的效果。 并且点击mask黑灰色背景可以关闭模态框<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>弹出框</title> <style> * { padding: 0; margin: 0; } body {
2022-03-22 23:55:56
565
原创 CSS Box Model (盒子模型)
所有 HTML 元素可以看作盒子，在 CSS 中，"box model "这一术语是用来设计和布局时使用。CSS 盒模型本质上是一个盒子，封装周围的 HTML 元素，它包括：边距，边框，填充，和实际内容。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。下面的图片说明了盒子模型 (Box Model)：不同部分的说明：Margin（外边距） - 清除边框区域。Margin 没有背景颜色，它是完全透明Border（边框） - 边框周围的填充和内容。边框是受到盒子的背景颜色影响Pa.
2022-03-22 23:36:52
237
原创 HTTP 中为什么会有 OPTIONS 请求？
什么是 OPTIONS 请求？为什么会有 OPTIONS 请求？首先还是看一下官方或者比较官方的定义：HTTP 的 OPTIONS 方法 用于获取目的资源所支持的通信选项。客户端可以对特定的 URL 使用 OPTIONS 方法，也可以对整站（通过将 URL 设置为“*”）使用该方法。 --MDN WEB DOCS同时 OPTIONS 请求具备以下特性：选项是否允许备注Request has bodyNo没有请求体Successful response has bo
2022-03-22 10:09:02
2280
原创 git commit 提交规范
约定式提交规范是一种基于提交消息的轻量级约定。 它提供了一组用于创建清晰的提交历史的简单规则； 这使得编写基于规范的自动化工具变得更容易。 这个约定与 SemVer 相吻合， 在提交信息中描述新特性、bug 修复和破坏性变更。提交说明的结构如下所示：<类型>[可选的作用域]: <描述>[可选的正文][可选的脚注]大致分为三个部分(使用空行分割):标题行: 必填, 描述主要修改类型和内容主题内容: 描述为什么修改, 做了什么样的修改, 以及开发的思路等等页脚注
2022-03-21 10:12:28
3734
转载 HTTP 请求头各参数具体含义
HTTP的头域包括通用头、请求头、响应头和实体头四个部分。每个头域由一个域名，冒号（:）和域值三部分组成。通用头部：是客户端和服务器都可以使用的头部，可以在客户端、服务器和其他应用程序之间提供一些非常有用的通用功能，如Date头部。请求头部：是请求报文特有的，它们为服务器提供了一些额外信息，比如客户端希望接收什么类型的数据，如Accept头部。响应头部：便于客户端提供信息，比如，客服端在与哪种类型的服务器进行交互，如Server头部。实体头部：指的是用于应对实体主体部分的头部，比如，可以用实体头部
2022-03-21 00:16:57
5574
转载 谈谈对前端工程化的理解
什么是前端工程化？工程化是一种思想，而不是某种技术。其主要目的为了提高效率和降低成本，即提高开发过程中的开发效率，减少不必要的重复工作时间等栗子要盖一栋大楼，假如我们不进行工程化的考量那就是一上来掂起瓦刀、砖块就开干，直到把大楼垒起来，这样做往往意味着中间会出现错误，要推倒重来或是盖好以后结构有问题但又不知道出现在哪谁的责任甚至会在某一天轰然倒塌，那我们如果用工程化的思想去做，就会先画图纸、确定结构、确定用料和预算以及工期，另外需要用到什么工种多少人等等，我们会先打地基再建框架再填充墙体这样最后建立起
2022-03-20 16:58:52
1113
原创 rem、px、em(手机端h5页面屏幕适配的几种方法）
pxpx像素（pixel）：相对长度单位。相对于显示器屏幕分辨率而言。pc端使用px倒也无所谓，可是在移动端，因为手机分辨率种类颇多，不可能一个个去适配，这时px就显得非常无力，所以就要考虑em和rem。em相对于父节点的font-size，会有一些组合的问题。 比如你把body的font-size定义为50%，一般地会是8px。那么你在body里字体大小就是1em=8px了。可当你定义了一个div，然后把字体设置成了75%，请问，现在的1em等于多少？ 这个时候你会发现，原来他继承了body的值，现
2022-03-18 15:50:01
5557
原创 ＜meta＞标签 name=“viewport“ 详解
什么是Viewport手机浏览器是把页面放在一个虚拟的“窗口”（viewport）中，通常这个虚拟的“窗口”（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过平移和缩放来看网页的不同部分。移动版的 Safari 浏览器最新引进了 viewport 这个 meta tag，让网页开发者来控制 viewport 的大小和缩放，其他手机浏览器也基本支持。Viewport 基础一个常用的针对移动网页优化过的页面的 viewport
2022-03-18 14:13:26
14490
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人