自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 git 上传小知识

git push -u origin login (远程上会自动出现远程的login分支用于提交本地login分支的内容)git commit -m “完成简单的login界面” (将内容存储到本地的login分支上去)git commit -m "存储到本地仓库中去" (将内容存储到本地master分支)git checkout -b login (在本地创建并且切换到本地login分支上)git push -u origin master “上传到远程master分支上”写完login分支之后。

2024-01-10 23:21:28 569

原创 body的100%以及background设置不生效

在vue单页面设置body的background-color不生效,解决办法。在common.less中写入。然后再在main.js中引入。问题已解决(原来如此简单,哎)

2024-01-09 17:44:38 546

原创 文字在 div 中怎么实现自动换行

文字过长,div中如何实现自动换行,一行代码。超出两行显示隐藏:(行数可以自己设置)

2024-01-08 14:41:41 1161

原创 制作简易计算器(js+css)

实现功能:+- */

2023-12-28 16:36:46 396

原创 echart地图的小demo12.27

再点击箭头---》复制坐标到文件: 取名为 china.json中 (文件名自定义)(简单地图小demo对我都是折磨,东找找西找找,第一次写地图,有点难)备注:里面的coords 是坐标。点击以上链接进入--》

2023-12-27 17:27:21 545

原创 配置代码片段快捷使用

把刚刚copy的文件复制到之前自己在vscode新建的文件里。2.新建全局代码片段文件----》写上文件名随便起一个。5.在vscode输入data就会出现。

2023-12-27 12:30:37 371

原创 Echarts水球图

注意:如果效果出不来一定要思考是不是水球图的盒子忘记给宽度高度了,如果没有给宽高就是薅秃了皮也出不来图,本人下次不再犯这种bug了。(以上是四个较为常见的参考链接)注意:水球图是插件要下包才能用。

2023-12-27 12:14:52 405

原创 大屏适配方法一(使用scale)

在根据页面缩放比例,做scale伸缩变化,再向左上角移动50% 50%(水平垂直方向)screen主体部分以左上角为中心,先向右下角移动50% 50%(水平垂直)伸缩的具体scale取宽度以及高度深度的最小值。super easy 原始版,后续再来优化它吧。

2023-12-25 16:48:24 362

原创 nvm下载

6.找到自己的nvm安装路径,然后点击进去,点开settings.txt。3. nvm-setup.zip解压后是nvm-setup.exe。5.下一步式安装就点击里面的next 或者下一步就行。以下是 下一步式安装中的nvm路径存放处从这儿找。下一步(2)---》选择一个版本安装,比如。4.双击nvm-setup.exe进行安装。super 简单的操作,下次忘了再来翻一翻。下一步(3)=》使用这个版本的node,第一步(1)=》在终端输入。, 查看网络可以安装的版本。8.win+r 打开终端。

2023-12-25 12:38:41 334

原创 复杂表格的简单写法css

12.21

2023-12-21 22:35:28 491

原创 软件安装相关基础

借助极简插件去安装,拖到devtools里面去。Chinese 转化成中文的插件。LIve Server 打开小服务器调试。查看git的版本 git -v。如何安装devtools。

2023-12-14 23:47:09 305

原创 微信小程序笔记

小程序和uniApp - 第1天笔记 | 微信小程序和uniApp学习。微信小程序和uniApp课程笔记内容。

2023-11-22 21:21:05 66

原创 宏任务微任务事件循环理解

事件循环 Event Loop,是指浏览器或Node的一种解决javaScript单线程运行时“非阻塞”的一种机制,也就是我们经常使用异步的原理。本文会带你掌握底层原理,轻松吃透“事件循环”~详解宏任务、微任务与事件循环 Event Loop - 掘金。

2023-11-22 18:20:39 19

原创 闭包的相关文档

一、闭包概念 闭包:有权访问另一个函数作用域中的变量的函数;一般情况就是在一个函数中包含另一个函数。从官方定义我们知道闭包是一个函数,只不过这个函数有[超能力],可以访问到另一个函数的作用域。JavaScript中闭包的概念、原理、作用及应用 - 知乎。

2023-11-22 14:54:22 17

原创 vue3基础知识2

setup (替换掉选项式api的beforecreate和created)单独监听对象中某一个属性的变化,写成回调的写法。ref 获取dom元素和数组。ref获取组件的数据和方法。生命周期 组合式api。ref 获取dom元素。

2023-11-02 12:16:59 16

原创 路由导航守卫(4min)

2.只有全局前置守卫放行,才会真正解析渲染组件,才能看到页面内容。1.所有的路由一旦被匹配到,都会先经过全局前置守卫。

2023-11-01 23:34:26 29

原创 vue3 基础知识

5.setup setup执行时期早于beforecreate,,,故而setup里面也无法获取this。基本上建议直接使用ref 无论是基本数据类型还是复杂数据类型都是可以使用ref。7.ref :接收简单类型或者复杂数据类型,返回一个响应式对象。4.template里面支持多个根元素--》对比vue2。的配套,所以,建议使用的时候依据自己使用的。原始复杂写法:(必须要有return)更新之后的写法(setup语法糖)类型的数据,返回一个响应式的数据。1.vite开发者工具(快)

2023-11-01 22:25:03 22

原创 权重问题easy

第二个零表示ID选择器的个数。如果大小相等,比较第二个“0”的大小,如果第二个零大那么这个选择器的权重高。比较时:从第一个零开始,如果第一个零大,那么就是这个选择器的权重高。important >行内>id选择器>类选择器>元素选择器>通配符选择器>继承。第四个零表示标签选择器的个数 ,伪元素选择器。第三个零表示类选择器的个数,伪类,属性选择器。important的个数。最后:如果比较完后都相等,使用后面的样式。1.行内>内部=外部。复合选择器权重的计算。

2023-10-12 13:06:28 21

原创 动画基础知识

为反向 就是左右来回执行动画(跑马灯)动画时长和延迟时间别忘了带单位 s。动画名字参照css类选择器命名。动画结束停留在最后一帧状态。

2023-10-11 15:21:44 25

原创 解决浮动产生的影响(清除浮动)

4.在所有浮动元素的最后面,添加一个块级元素,并给该块级元素设置clear:both。5.给浮动元素的父元素,设置伪元素,通过伪元素清除浮动,原理与方案四相同。3.给父元素设置overflow:hidden。2.给父元素也设置浮动,会带来其他的影响。1.给父元素指定高度。

2023-10-11 13:29:11 44

原创 flex布局(15min)

一、用padding实现1.padding-top = (父盒子的高度 - 子盒子的高度) / 22.padding-left = (父盒子的宽度 - 子盒子的宽度) / 23.由于padding会撑大盒子,所以父盒子的宽高要减去对应的padding值 <..._子容器在父容器中垂直居中。它的目标是提供一个更有效地布局、对齐方式,并且能够使父元素在子元素的大小未知或动态变化情况下仍然能够分配好子元素之间的间。让子盒子在父盒子中垂直居中的七个方法_子容器在父容器中垂直居中-CSDN博客。

2023-09-30 15:35:56 22

原创 BFC(7min)

中文叫块级格式上下文触发BFCfloatlefthiddenscrollabsolutetable-cell解决问题:margin塌陷的问题margin合并的问题。

2023-09-30 14:48:04 25

原创 节流(supereasy版本)

就是指连续触发事件但是在 n 秒中只执行一次函数。第一次输入之后500ms之后再次输入才可以正常打印。(减少事件发生的频率)

2023-09-26 18:14:11 32

原创 防抖(supereasy版本)

(大白话:游戏回血时,又被敌人咔咔咔,然后又归0,重新回血,再没被敌人咔咔咔回血成功,才叫复活一次。输入框每打一个字,后台打印一个value万一涉及到接口请求浪费性能,故用防抖。

2023-09-26 17:54:41 25

原创 作用域链加闭包

本质是一个伪数组(arguments),arguments只存在于函数当中,伪数组没有办法使用pop,push等方法。垃圾回收机制:js中内存的分配和回收都是自动完成的,内存在不使用的时候会被垃圾回收器自动回收。全局变量一般不会回收,页面关闭的时候回收,一般情况下局部变量的值,不用了的时候会被自动回收。剩余参数和展开运算符的区别:剩余参数是在函数参数中使用,得到真数组,内存的生命周期:内存分配---》内存使用---》内存回收。内存泄漏:不再用到的内存,没有及时释放,就叫做内存泄漏。剩余参数是一个真数组。

2023-09-23 00:19:13 27 1

原创 原型链基础

instanceof 判断实例对象是否在原型链上。

2023-09-22 23:49:35 31 1

原创 The knowledge part that requires a second brush

1.求数组的最大值和最小值的方法总结:javascript 求数组的最大值和最小值 (6种方法) - 掘金javascript 求数组的最大值和最小值 给定一个数组[1,8,5,4,3,9,2],编写一个算法,得到数组的最大值 9,和最小值 1。本文统计6种算法2.数组合并的方法JS数组合并(5种)_js合并数组_IMJCW的博客-CSDN博客前言项目过程中,经常会遇到 JS 数组合并的情况,时常为这个纠结。这里整理一下。简单而实用的for最容易想到的莫过于 for 了。

2023-09-22 00:11:48 43 1

原创 数据类型判断

涉及到原型链部分不是很清楚~~~~~~?全局通用的数据类型判断方法。

2023-09-21 22:54:02 25

原创 this指向+call apply bind 区别

web前端面试,vue面试题,react面试题,js面试题,大厂面试题,阿里面试题,京东面试题。面试官:typeof 与 instanceof 区别 | web前端面试 - 面试官系列。2.箭头函数中的this指向----》最近上一级所拥有的this。3.构造函数中的this----》

2023-09-21 22:29:40 27

原创 深拷贝浅拷贝

1.使用递归,如果里层有数组或对象调用递归函数,先数组后对象。2.lodash里的cloneDeep先引用再使用。3.json转字符串再转回来。

2023-09-21 18:22:29 23

原创 自测习题js基础(10H内完成)

3.pc端地址::https://ks.wjx.top/vj/YDMWN1o.aspx。5.PC端地址: https://ks.wjx.top/vj/tHu7X7y.aspx。2.pc端地址:https://ks.wjx.top/vj/h46xYbn.aspx。1.电脑端: https://ks.wjx.top/vj/h8kAn6p.aspx。4.PC端: https://ks.wjx.top/vj/wV1PSkl.aspx。c. 计算1-100之间的所有偶数和。基础中的基础,必须十分熟练!

2023-09-21 15:24:34 172

原创 数组常用方法(10min内容)

语法二: 数组名.sort(function (a,b) {return a-b}) 会正序排列。语法三: 数组名.sort(function (a,b) {return b-a}) 会倒序排列。返回值: 如果有就是过滤(筛选)出来的数据 保存在一个数组中;如果没有返回一个空数组。语法一: 数组名.sort() 会排序 会按照位排序。暂且无更新后续再去更新刷新一下。

2023-09-21 12:09:51 24

原创 router 导航守卫基础

2,需要去的路径都是不需要token的path,直接通行。如果没有令牌 1,需要令牌才能通行的路径,返回到登录页,登录后带上token令牌。token是去某些地方需要携带的令牌。from 从哪儿出发。导航守卫分析:to 要去的路径。(如果有令牌,可以去任何地方;

2023-09-20 11:13:41 37 1

原创 移动端适配基础知识

bug部分:postcss.config.js 名字部分不要加.(点)最后测试:在浏览器中切换不同的手机设备尺寸,观察 html 标签。

2023-09-16 23:34:10 20 1

原创 eslint 基础小知识

3、ESLint默认句末减少不必要的逗号,Prettier默认尽可能多使用逗号。2、ESLint默认强制使用单引号,Prettier默认使用双引号;例:1、ESLint默认语句结尾不加分号,Prettier默认语句结尾加分号;"arrowParens":"avoid"//函数体一个参数的时候禁止使用括号。vscode里面只能出现这一个项目,不能出现嵌套的,否则eslint可能会失效。再在设置---》settings.json。2.设置---》settings.json。关于函数前后空格标错的问题----》

2023-09-16 20:19:43 475 1

原创 vuex 练习(30min)

【代码】vuex 练习(30min)

2023-09-16 14:04:00 59 1

原创 router基础

固定5个固定的步骤(不用死背,熟能生巧)下载 VueRouter 模块到当前工程,版本3.6.5main.js中引入VueRouter安装注册创建路由对象注入,将路由对象注入到new Vue实例中,建立关联。

2023-09-15 16:11:23 17

原创 插槽(slot)

标签内容双击后弹出input(v-if ,else一次展示一个),并且回显数据,回显数据后事件keyup.enter非空判断完成之后修改input值并且存到父组件中,注意父组件v-model的应用绑定了value传参和input事件。body做了插槽,动态数据的内容涉及作用域插槽知识{理论是把body的内容传参到父组件,父组件接收}表头和body部分都是写在插槽里面,希望方便修改主体结构内容。标签内容是一个单独的组件。

2023-09-15 15:57:16 47

原创 自定义指令(directive)

一进界面就给文字赋予颜色,并且修改颜色之后会自动刷新展示。界面一进来就想要获取焦点。(App.vue中)

2023-09-15 13:18:05 23

原创 9.12 note(vue基础练习题1)

双开门案例:(复习伪元素)

2023-09-12 23:26:41 46

空空如也

空空如也

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

TA关注的人

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