William-F-CSDN博客

原创给自己点时间再记记这200条Git命令吧

新建创建一个新的 git 版本库。这个版本库的配置、存储等信息会被保存到.git 文件夹中#初始化当前项目$ git init# 新建一个目录，将其初始化为Git代码库$ git init [project-name]# 在指定目录创建一个空的 Git 仓库。运行这个命令会创建一个名为 directory，只包含 .git 子目录的空目录。$ git init --bare <directory># 下载一个项目和它的整个代码历史# 这个命令就是将一个版本库拷贝到另

2021-04-18 01:50:19 61

原创为什么padding/margin的百分比单位基于父元素的宽度而不是高度

W3C规范中提出：padding/margin使用%单位是规定基于父元素的宽度的百分比的内外边距。原因可能为：父元素的高度往往由子元素来决定，如果改变margin-top比例增加，相应的，父元素高度也会进行适应性增加；此时父元素高度增加的同时，margin-top若以父元素高度为基准，则其实际数值又会发生适应性变化，双向因果会造成循环，所以W3C的规范做出了以上规定。而至于真正原因是什么，其实不必太纠结，W3C提出了标准，我们按标准进行开发即可。用途：实现子元素宽高等比缩放//子元素，%单位以

2021-03-11 12:10:41 1378 1

原创 vscode配置.prettierrc文件

.prettierrc常用配置{ // tab缩进大小,默认为2 "tabWidth": 4, // 使用tab缩进，默认false "useTabs": false, // 使用分号, 默认true "semi": false, // 使用单引号, 默认false(在jsx中配置无效, 默认都是双引号) "singleQuote": false, // 行尾逗号,默认none,可选 none|es5|all // es5 包

2021-03-01 17:47:49 2049

原创关于VSCode扩展插件typings

VSCode中语法智能提示功能（nodejs）1.先安装typings这个包// 安装npm install -g typings2.输入 typings -version 出现版本号说明安装成功// 检查typings -version //版本号3.到项目开发目录打开终端输入typings init// 初始化typings init //目录出现一个typings.json的文件4.继续输入以下命令，安装语法的提示文件// 语法提示文件(1)typings instal

2021-02-03 23:11:18 534

原创 JavaScript执行机制

JavaScript执行机制：javascript是一门单线程语言，在最新的HTML5中提出了Web-Worker，但javascript是单线程这一核心仍未改变。所以一切javascript版的"多线程"都是用单线程模拟出来的。允许JavaScript脚本创建多个线程，但是子线程完全受主线程控制，且不得操作DOM。所以，这个新标准并没有改变JavaScript单线程的本质。1、同步和异步任务分别进入不同的执行"场所"，同步的进入主线程，异步的进入Event Table并注册函数。2、当Event

2021-01-30 20:02:14 122

原创关于toString()方法的理解

关于toString()方法的理解toString()方法：返回反映这个对象的字符串总结有以下几点：undefined和null没有此方法（基本类型肯定没有方法，String、Number和Boolean是因为有对应的基本包装类型，才可以调用方法）；console.log(null.toString());//errorconsole.log(undefined.toString());//errorDate类型等返回对应表示时间的字符串；而Object类型返回字符串“[object

2021-01-29 00:46:36 2152

原创 JS BOM

一、Window对象常见常见事件：window.onload = function(){}或者window.addEventListener(“load”,function(){}); window.onload 是窗口(页面）加载事件,当文档内容完全加载完成会触发该事件(包括图像、脚本文件、CSS 文件等), 就调用的处理函数。document.addEventListener(‘DOMContentLoaded’,function(){})DOMContentLoaded 事件触发时，仅当DOM

2020-12-18 10:50:11 56

原创什么是前端工程化

什么是前端工程化？工程化是一种思想，而不是某种技术。其主要目的为了提高效率和降低成本，即提高开发过程中的开发效率，减少不必要的重复工作时间等栗子要盖一栋大楼，假如我们不进行工程化的考量那就是一上来掂起瓦刀、砖块就开干，直到把大楼垒起来，这样做往往意味着中间会出现错误，要推倒重来或是盖好以后结构有问题但又不知道出现在哪谁的责任甚至会在某一天轰然倒塌。那我们如果用工程化的思想去做，就会先画图纸、确定结构、确定用料和预算以及工期，另外需要用到什么工种多少人等等，我们会先打地基再建框架再填充墙体这样最后建立

2020-12-08 11:24:56 121

原创 Vue面试题

**常见问题**vue优点？答：轻量级框架：只关注视图层，是一个构建数据的视图集合，大小只有几十 kb ；简单易学：国人开发，中文文档，不存在语言障碍，易于理解和学习；双向数据绑定：保留了 angular 的特点，在数据操作方面更为简单；组件化：保留了 react 的优点，实现了 html 的封装和重用，在构建单页面应用方面有着独特的优势；视图，数据，结构分离：使数据的更改更为简单，不需要进行逻辑代码的修改，只需要操作数据就能完成相关操作；虚拟DOM：dom 操作是非常耗费性能的

2020-06-21 10:19:37 104

weixin_43563204的博客