- 博客(29)
- 收藏
- 关注
RSS订阅原创 Git操作 后续~
Git简易版安装完之后进行全局配置（用户名和邮箱地址）；本地的主要操作 git init 初始化为版本库（生成.git隐藏文件夹）； git add . 将工作区的内容提交到暂存区； git commit -m '提交注释' 将暂存区提交到本地仓库； 一些辅助命令： git status 查看状态； git log 查看提交日志； git reflog 查看提交日志； git reset --hard 版本号 回退到指定
2021-10-11 22:05:31
145
2
原创 初始容纳块、初始包含块、第一屏
在定位的时候，大家都听说过子绝父相，但如果是子绝父不相的情况嘞，大家有没有考虑过他是基于什么来进行定位的；首先先说一下初始容纳块是什么东西，在css权威指南中，对于浮动元素，容纳块是最近的祖辈块元素。对于绝对定位（absolute）的元素，容纳块为最近的非static定位的父级块元素。而初始容纳块就是页面的第一屏；下面我来通过代码的形式，一一来解释这个问题。<!DOCTYPE html><html> <head> &l...
2021-09-10 20:44:21
262
2
原创 HTML中的幽灵节点
块状元素在只包含一张图片时底部会有不知名的空白。问题分析： 在HTML5文档声明中，内联元素的所有解析和渲染如同每个行框盒子前面有一个空白的节点，这个空白节点不占据任何宽度、也没有办法通过脚本获得，还是个透明的节点（幽灵节点）。但是只有在HTML5中使用<!DOCTYPE html>的时候才会有。 根据上面所说空白节点就是图片前面有一个看不到的内容，既然是内容默认就采用vertical-algin:baseline对齐。图片是行内块状元素默认基线是图片底部。这个时候就会.
2021-08-05 11:26:53
745
原创 gitee的提交上传方式
1、创建gitee账户，注册并登陆；2、进入到页面之后，鼠标放在右上角头像的位置，点击设置，在SSH公钥的位置添加自己的公钥；3、创建完公钥之后，返回主页面，在头像旁边有个加号，鼠标放上去，点击“创建仓库”；4、输入仓库的名称，根据自己的需求进行选项，完成创建；5、创建完成后，页面会自动跳转到一个配置Git的地方（如果没出现这个页面，删除仓库，重新创建）；6、win+R => 输入cmd，打开黑色框框，将“Git全局配置”下面的两行，依次复制到黑色框框并执行；7、重点来了:
2021-06-23 16:37:15
1117
原创 前端基础面试题11
同步和异步同步 指在 主线程上排队执行的任务，只有前一个任务执行完毕，才能继续执行下一个任务。 也就是调用一旦开始，必须这个调用 返回结果(划重点——）才能继续往后执行。程序的执行顺序和任务排列顺序是一致的。 异步 异步任务是指不进入主线程，而进入 任务队列的任务，只有任务队列通知主线程，某个异步任务可以执行了，该任务才会进入主线程。 每一个任务有一个或多个 回调函数。前一个任务结束后，不是执行后一个任务,而是执行回调函数，后一个任务则是不等前一个任务结束就执行。
2021-06-17 22:12:27
69
原创 自学Vue 11天！！！
自学Vue 11天！！！既昨天的内容继续往下。四、Watch（熟悉）watch的作用可以监控一个值的变换，并调用因为变化需要执行的方法。可以通过watch动态改变关联的状态。简单点说，就是实时监听某个数据的变化。1、普通监听<template> <div class="home"> <input type="text" v-model="msg"> <h3>{{msg}}</h3> <...
2021-06-16 23:28:38
3526
2
原创 前端基础面试题10
介绍下 Set、Map、WeakSet 和 WeakMap 的区别？Set 成员不能重复； 只有键值，没有键名，有点类似数组； 可以遍历，方法有 add、delete、has WeakSet 成员都是对象（引用）； 成员都是弱引用，随时可以消失（不计入垃圾回收机制）。可以用来保存 DOM 节点，不容易造成内存泄露； 不能遍历，方法有 add、delete、has； Map 本质上是键值对的集合，类似集合； 可以遍历，方法很多，可
2021-06-16 22:27:10
45
原创 自学Vue ten day！！！
一、Devtools与Vscode开发配置（了解）Vue-Devtools是vue在做项目开发时常用的浏览器插件。1、安装方式 升级浏览器至最新版 点击浏览器右上角的 三个点 ，在 更多工具 中，选择 扩展程序 打开 扩展程序 的 开发者模式 将 Vue.js Devtools_5.3.3.crx 这个插件直接拽入当前界面，即可完成安装，如需此文件，滴滴me~~ 2、打开控制台测试devtools随意写一个点击事件，并查看点击效果像一些使...
2021-06-15 23:10:41
97
3
原创 前端基础面试题9
indexof语法：str.indexOf(searchValue [, fromIndex])参数：searchValue：要被查找的字符串值。如果没有提供确切地提供字符串，[searchValue 会被强制设置为 "undefined"]， 然后在当前字符串中查 找这个值。举个例子：'undefined'.indexOf() 将会返回0，因为 undefined 在位置0处被找到，但是 'undefine'.indexOf() 将会返回 -1 ，因为字符串 'undefined' 未被找
2021-06-15 22:28:10
87
原创 自学Vue nine day！！！
一、不写子传父有什么问题<span style="background-color:#f8f8f8"><span style="color:#333333"><span style="color:#117700"><</span><span style="color:#117700">div</span> <span style="color:#0000cc">id</span>=<sp...
2021-06-14 23:28:47
94
2
原创 前端基础面试题8
盒子塌陷是什么？本应该在父盒子内部的元素跑到了外部。关于盒子塌陷的几种解决方法（1）最简单，直接，粗暴的方法就是盒子大小写死，给每个盒子设定固定的width和height，直到合适为止，这样的好处是简单方便，兼容性好，适合只改动少量内容不涉及盒子排布的版面。缺点是非自适应，浏览器的窗口大小直接影响用户体验。（2）给外部的父盒子也添加浮动，让其也脱离标准文档流，这种方法方便，但是对页面的布局不是很友好，不易维护。（3）给父盒子添加overflow属性。overflow:auto; 有可
2021-06-14 22:28:25
59
原创 自学Vue Eight Day！！！
自学Vue Eight Day！！！模仿ToDoList代办事项列表：1、渲染数据arr:[ { id:1, content:"内容1", isShowBorder:true, isFinished:true }, { id:2, content:"内容2", isShowBorder:true, isFinished:...
2021-06-13 23:51:57
116
2
原创 前端基础面试题7
CSS样式优先级样式类型样式类型分为三类：行间、内联、外部；1、行间<h1 style="font-size:12px;color:#000;">我的行间CSS样式。</h1>2、内联<style type="text/css"> h1{font-size:12px; color:#000; }</style>3、外部<link rel="stylesheet" href...
2021-06-13 20:48:44
77
原创 自学Vue seven day！！！
弹框案例：要求：将弹窗内的内容在页面中展示；点击按钮将弹窗关闭；<!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-Compatib...
2021-06-12 23:37:46
111
3
原创 前端基础面试题6
未知高度元素垂直居中的实现方式有哪些？1、绝对定位+css3 transform:translate(-50%，-50%).wrap{ position:relative;}.child{ position: absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%);}2、css3 的flex布局.wrap{ display:flex; justify-...
2021-06-12 22:11:58
70
原创 自学Vue six day！！！
1、自定义属性1.1、局部自定义属性实现类似v-show的自定义指令<div id='app'> <button @click="isShow=!isShow">按钮</button> <p v-myshow="isShow"></p> </div> <script> new Vue({ el: '#app',...
2021-06-11 21:59:57
103
3
原创 前端基础面试题5
Vue2.0的数据响应是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty () 来劫持各个属性的setter、getter，但是它并不算是实现数据的响应式的完美方案，某些情况下需要对其进行修补或者hack这也是它的缺陷，主要表现在两个方面： vue 实例创建后，无法检测到对象属性的新增或删除，只能追踪到数据是否被修改 不能监听数组的变化 解析： vue 实例创建后，无法检测到对象属性的新增或删除，只能追踪到数据是否被修改(Object.def
2021-06-11 21:52:38
61
原创 自学Vue five day！！！
自学Vue five day！！！昨天的项目代码公示 ：<span style="background-color:#f8f8f8"><span style="color:#333333"><span style="color:#555555"><!DOCTYPE html></span><span style="color:#117700"><</span><span style="color:..
2021-06-10 23:09:52
100
6
原创 前端基础面试题4
vue的双向数据绑定原理是什么？vue数据双向绑定是通过数据劫持结合“发布者-订阅者模式”的方式来实现的。 vue是通过Object.defineProperty()来实现数据劫持，其中会有getter()和setter方法；当读取属性值时，就会触发getter()方法，在view中如果数据发生了变化，就会通过Object.defineProperty()对属性设置一个setter函数，当数据改变了就会来触发这个函数；手写代码：...
2021-06-10 20:10:17
104
原创 自学Vue four day！！！
练习项目：要求：完成添加、删除学生个人信息的功能，在删除时，弹出确认删除框；<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=devic...
2021-06-10 01:16:07
116
原创 前端基础面试题3
null 和 undefined 的区别：状态不同，undefined是一种原始的值，非人为操作；null是被人置空；undefined 的字面意思就是：未定义的值 。这个值的语义是，希望表示一个变量最原始的状态，而非人为操作的结果 。 这种原始状态会在以下 4 种场景中出现： 声明了一个变量，但没有赋值 访问对象上不存在的属性 函数定义了形参，但没有传递实参 使用 void 对表达式求值 因此，undefined 一般都来自于某个表达式最原始的状态值，不是人
2021-06-09 19:48:47
78
原创 JavaScript中数组去重
//ES6方法 var arr2 = [1, 2, 3, 1, 6, 2, 3] let set = new Set(arr2); console.log([...set]); // console.log([...new Set(arr2)]) //简写 console.log(Array.from(new Set(arr2))) //提前定义一个空数组ne...
2021-06-09 10:47:11
71
原创 自学Vue Three Day！！！
three day！！！three day！！！1、v-for中的key属性：2.1、reduce方法的使用2.2、Vue的计算属性computed 的使用(重点！！！)2.3、computed内部方法（计算属性）具有有缓存的作用(重点！！！)2.4、computed内部方法（计算属性）的另一种写法(get和 set)3、关于v-model的原理一个小skill4、数组常用方法5、reduce、filter、map方法简易使用：1、v-for中的key属性：<div id="app"&.
2021-06-08 22:03:13
96
原创 前端基础面试题2
HTML中的引入方式有哪几种？答：link和@importlink的引入方式：<link href="index.css" rel="stylesheet">@import的引入方式：<style type="text/css"> @import url(index.css); </style>拓展：link和@import的区别1、引入的内容不一样link除了引入样式文件，还能引入图片等外部文件，而@import只能引入样式文件。2、
2021-06-08 20:42:43
47
原创 ##一个小demo##微信小程序项目
<!--title轮播--><swiperindicator-dots="true"indicator-active-color="#fff"autoplay="true"interval="3000"circular="ture"><swiper-itemwx:for="{{banner}}"wx:key="index"><imagesrc="{{item}}"></image></swi...
2021-06-08 17:18:28
111
1
原创 前端基础面试题1
HTML中标签的类型，他们的作用分别是什么样的！DOCTYPE：!DOCTYPE与body、head一样，都属于标签属性。它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。head：1、它是所有头部元素的容器, 绝大多数头部标签的内容不会显示给读者。2、该标签下所包含的部分可加入的标签有 <base>，<link>, <meta>, <script>, <style>和<title>。bod
2021-06-08 07:59:58
84
原创 自学Vue Two Day ! ! !
继续跟着昨天的总结往下走。内容有点多，如果感兴趣的话，建议先点赞关注后观看，以防后面找不到回家的路。5.1、Vue通过控制类名来控制样式（重点！！！）提前定义好一个类名的样式，然后通过Vue的动态添加或删除div里面的类名来控制这个标签的样式。<style> .active{ width: 100px; height: 100px; background-color: pink; ...
2021-06-07 19:13:24
97
原创 自学Vue one day！！！
在学习之前需要先了解咱们Vue一、Vue简介吃水不忘挖井人，记住咱们的祖师爷、Vue的创造者：尤雨溪（Evan You）! ! !Vue (读音 /vjuː/，类似于 view)，大家可不要读错了喔。其次，Vue是一个渐进式的前端框架，那么什么是渐进式呢？渐进式表示说Vue是一个很庞大的一个生态核心库，里面包含了很多东西，而且都是相互嵌套的。比如说：Core+Vue-router+Vuex+axios（Vue全家桶），可以渐进的去学习，里面的知识是一层套一层，循序渐进。如果大家想学习
2021-06-06 14:53:11
228
原创 自学Vue
用到的工具有：vs code、typora；每日进行一个学习心得的分享；本人也是一个学习没有多久的一个小白，刚接触vue，希望能通过分享自己的一些学习心得，能给大家有一定的帮助；
2021-06-06 10:51:57
108
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人