- 博客(24)
- 收藏
- 关注
RSS订阅原创 VUE项目解决Vant组件库样式修改不生效问题
公司项目中引用了vant组件库，浏览器右键检查获取组件库中提供的组件类名进行样式修改时，发现没有生效，浏览器没有反应，最后用：：v-deep解决了问题解决方式:在app.vue中添加样式修改 去掉组件中的scoped 在样式前添加::v-deep （这种方法比较好用）通过>>>穿透scoped /deep/在less中使用...
2022-04-09 22:51:45
3165
原创 git理论知识和工作中常用的git指令
Git学习1.版本控制简单来说就是用于管理多人协同开发项目的技术，，在开发过程中用于管理我们对文件，目录，或者工程等内容的修改历史，方便查看更改历史记录，备份以便恢复以前的版本的软件工程技术版本控制分类：本地版本控制（RCS）：记录文件每次的更新，可以对每个版本做一个快照，适合个人用 集中版控制（SVN）：所有的版本数据都保存在服务器上，协同开发者从服务器上同步更新或上传自己的修改 分布式版本控制（Git）：所有版本仓库信息同步到本地的各个用户，这样就可以在本地查看所有版本历史，，在联网
2022-04-09 14:15:43
188
原创 ES6概念学习
ES6学习：let 关键字 特性： let 关键字用来声明变量，使用 let 声明的变量有几个特点：1. 不允许重复声明；2. 块级作用域（局部变量）；3. 不存在变量提升；4. 不影响作用域链；const 关键字 特性： const 关键字用来声明常量，const 声明有以下特点：1. 声明必须赋初始值；2. 标识符一般为大写（习惯）；3. 不允许重复声明；4. 值不允许修改；5. 块级作用域（局部变量）；3. 变量和对象的解构赋值
2022-03-31 21:18:44
783
原创 前端实现三角形的四种方法
1.引入字体图标2.利用border实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2022-03-12 14:37:11
3046
原创 前端实习面试复盘（2022年3月2日）：
一.30分钟笔试1. 4道输出结果题2. 数组去重函数（最好多种方法）3. 水平垂直居中（3种以上）4. 清除浮动（3种以上）5. 两种解决异步操作的方案二.40分钟面试1。盒子模型。怎么改变 （一开始有点紧张，标准盒模型中组成成分padding卡了一下）2.对于捕获和冒泡的了解 （画了一下图，解释了一下）3. Dom事件的创建方式 （讲了两种）4.Dom事件接收几个参数，我答了两个，事件类型和事件函数5.Dom事件接收几个参数，我答了两个，事件类型和事件函.
2022-03-02 16:54:42
662
原创 vue-系统学习.6
Vue-router-参数传递传递参数主要有两种类型: params和queryparams类型先配置动态路由格式: /router/:id 传递方式：在router-link中的to路径path后面跟上要传输的数据 传递后的路径：/router/123, /router/abc等 接收数据：通过&route.params.id获取数据2 . query类型配置路由格式，普通配置 传递方式：对象中使用query的key作为传递 传递后形成的路径：/router?id=.
2022-02-16 11:15:06
359
原创 富文本（标签字符串显示）
当从接口中获取的数据是标签字符串时，需要将其以标签的形式显示出来小程序中可以使用富文本<rich-text nodes="{{接口数据}}“></rich-text>vue组件中使用v-html<div v-html="接口数据”> </div>...
2022-02-13 00:02:24
1304
原创 BetterScroll简单学习应用
基于原生js实现滚动效果在移动端可能会卡顿的背景下，使用BetterScroll实现滚动效果BetterScroll 是一款重点解决移动端（已支持 PC）各种滚动场景需求的插件。它的核心是借鉴的 iscroll 的实现，它的 API 设计基本兼容 iscroll，在 iscroll 的基础上又扩展了一些 feature 以及做了一些性能优化。BetterScroll 是使用纯 JavaScript 实现的，这意味着它是无依赖的。Better-scroll的基本使用：1.在需要使用的项目中
2022-02-11 22:44:18
871
原创 用github托管代码，将代码上传到github上的仓库中
步骤1：登陆github账号，点击右上角+号，点击new repository创建仓库创建仓库步骤2：将代码与远程仓库联系起来，拷贝远程仓库的地址步骤3：命令行输入git clone 复制的仓库地址该目录会生成一个与仓库同名字的文件夹xingkongMAIL步骤4：将vue-mail文件夹中的文件复制到仓库文件夹xingkongMAIL中步骤5：命令行输入cd xingkongMAIL，跳转到 xingkongMAI路径下，输入git add
2022-02-09 19:14:47
811
原创 vue-系统学习.5
Vue-cli脚手架介绍和安装CLI是Command-Line Interface, 翻译为命令行界面, 但是俗称脚手架使用vue-cli可以快速搭建开发环境以及对应的webpack环境安装vue脚手架npm install -g @vue/cliVue-cli目录结构解析Vue CLI2初始化项目 vue init webpack my-project Vue CLI3初始化项目 vue create my-project Vue程序运行过
2022-01-22 17:58:46
457
原创 electron打包后，点击生成的exe应用程序出现Cannot find module “electron-reloader“ 问题
在学习electron，在项目中引入了electron-reloader这个包。在开发模式下是能正常运行的，但是打包后却会包Cannot find module “electron-reloader” 的问题,解决方案：在打包的程序中的app目录下运行cmd命令行，然后输入cnpm install --save-dev electron-reloader...
2022-01-18 18:01:51
2840
原创 Electron学习
Electron的简介Electron基于chromium和Node.js，让我们可以使用Javascript,HTML,CSS构建跨平台的桌面应用程序，同时Electron兼容Mac,Window,和Linux,可以构建出三个平台的应用程序Electron的安装运行cmd, 输入npm init，然后一直按enter换行即可 输入cnpm i electron -S （如果电脑没有安装cnpm会报错，需要安装cnpm，安装步骤：运行cmd，输入命令npm install -g cn..
2022-01-18 14:02:59
710
原创 vue-系统学习.4
具名插槽当子组件的功能复杂时，子组件的插槽可能并非是一个。 比如我们封装一个导航栏的子组件，可能就需要三个插槽，分别代表左边、中间、右边。 那么，外面在给插槽插入内容时，如何区分插入的是哪一个呢？ 这个时候，我们就需要给插槽起一个名字 如何使用具名插槽呢？ 非常简单，只要给slot元素一个name属性即可 <slot name='myslot'></slot> 例：<div id="text"><cpn>
2022-01-15 11:26:53
311
原创 vue-系统学习.3
13.父组件和子组件组件与组件之间存在层级关系，如下构造父组件与子组件<body> <div id="text"> <!-- 使用父组件 --> <father_cnp></father_cnp> </div> <script src="../js/vue.js"></script> <script> //..
2021-12-17 00:04:24
281
原创 vue-系统学习.2
我们在使用v-if和v-else切换input框时，切换了会发现文字仍然显示之前输入的内容，既出现数据复用问题，这是因为vue在进行DOM渲染时，出于性能考虑，会尽可能的复用已经存在的数据，而不是创建新的元素解决方法：给input标签添加key属性，唯一标识input框，阻止数据复用问题7.v-if和v-show的区别当v-if为false时，DOM里面根本不会存在V-if指定的元素当v-show为false时，v-show指定的元素只是隐藏了起来8.V-for循环遍历数组和对
2021-12-10 00:19:19
544
2
原创 vue-系统学习
Vuejs学习，从入门到精通初步了解vuejs Vue基础语法 组件化开发 Vue CLI详解 Vue-router(前端路由) Vuex详解 网络封装 项目实战(之前在跟着黑马的vue教程粗略过了一下vue基础，接下来这段时间对vue重新进行系统化学习，主要是跟着B站的coderwhy老师自学，一边更新记录笔记，一边敲代码学习加深理解)初步了解vuejsVuejs是一个渐进式框架渐进式意味着你可以将vue作为你应用的一部分嵌入其中 如果你希望将更多的业务逻辑
2021-12-04 00:35:08
454
原创 CSS动态彩色背景
在B站上面看到一个CSS实现动态彩色背景的视频，跟着做了一下，原理蛮好理解的，难度最大的应该就是配色了，哈哈哈（附上B站视频链接【CSS】动态彩色背景_哔哩哔哩_bilibili）效果图实现代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=ed
2021-11-30 18:48:33
3415
1
原创 前端网站实现
周末的时候简单实现了一个功能较为完善的网站，样式图片什么的可能不是很好看，寒假有空再调整，该网站主要包括四个板块1.主页面模块（背景图片用轮播图展示）（主页面下面还有一些内容，随便截两个图）2.注册模块3.登陆模块（注册之后通过手机号+密码登陆）登陆之后主页面右上角会显示你的登陆信息4.切换城市模块（这一块就完全没有修饰样式了，直接实现功能）点击切换城市按钮 切换城市之后主页面右上角显示新的城市代码的话太...
2021-11-30 11:05:23
3066
2
原创 轮播图实现-两种方法（1.封装动画函数 2.原生JS ）
1.封装动画函数实现轮播图功能轮播图功能包括 1.自动播放功能 2.点击左右按钮切换图片功能（鼠标经过轮播图显示按钮） 3.点击小圆圈切换对应图片代码：HTML：<!DOCTYPE html><html lang="en"><head> <meta ch...
2021-11-27 01:22:18
892
2
原创 JS实现-密码强度验证
针对用户输入的密码进行安全性验证，主要是为了实现功能，样式就没有怎么处理不安全：密码强度弱：密码强度一般:安全：index.html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> &l...
2021-11-10 20:46:27
2716
原创 CSS实现动态太极图—复习伪元素before和after的使用
简单使用CSS实现旋转的太极图，太极图由一个div盒子，添加伪元素before和after完成，然后以五秒旋转360度的速度匀速旋转CSS代码段 <style> .TaiChi { position: relative; width: 140px; height: 70px; border-width: 2px 2px 72px 2px;
2021-11-05 00:32:02
340
原创 前端简单实现海贼王人物展示栏-运用border-box怪异盒模型
之前复习面试题的时候遇到盒模型的题目，CSS3中盒模型包含两种:标准盒模型 与 IE盒模型其中IE盒模型（怪异盒模型）的width与height范围则包含了 border,padding与content 可以通过修改元素的boxzing属性来改变元素的盒模型 box-sizeing: border-box IE盒模型首先用代码简单实现一下box-sizeing: border-box IE盒模型首先简单创建一个宽高皆为200px的div盒子...
2021-11-03 16:14:52
219
原创 简单实现一个动画首页-animition动画属性复习
实现效果如下：主要是为了复习animation属性，简单用三张图片(图片素材太难找了）实现了动画效果，背景山，人物和熊都会按照固定频率运动接下来附上代码style样式（因为样式代码不多，就没有另外开一个.css文件，直接在html页面里面写了<style> * { margin: 0; padding: 0; } body { backgr.
2021-11-02 13:02:50
282
原创 前端学习历程
大概是从大三开学的时候吧，自己确定了要走前端开发的路，因为自己不打算考研，并且大三下学期就要开始找实习工作，所以时间相对来说是很紧迫的在确定了自己未来的工作学习方向之后，自己开始全身心投入学习前端知识，每天一有空闲时间就带着电脑泡图书馆，从九月份开学到现在，自己大概算是达到了前端基础入门的阶段，算了算大概留给自己为实习面试而准备的时间只有几个月了，接下来打算在看文档复习的同时刷前端面经，自己会在CSDN里面记录自己的面经题海，在复习的同时稍稍激励自己下面是自己这两个月以来的学习路线：1.HTML
2021-10-30 19:21:46
588
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人