- 博客(44)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 vue3+ts+vite自适应项目——搭建项目
本项目主要目的是熟练vue3和ts的使用，内容大致包括项目搭建、layout布局、自适应、element-plus引入及自定义主题、vue3等相关操作。感兴趣就继续往下看吧~我们接下来自定义elemnet-plus的主题色，尺寸等~),),打开 vite.config.ts 我们需要 修改全局样式路径 和 更改主题样式 ，如下：//element-plus 按需导入plugins:vue(),//element-plus 按需导入。
2023-04-28 18:15:53
4541
原创 JavaScript高级编程设计（第三版）——第四章：变量作用域和内存问题
~这一章主要记录一些基本数据类型如何检测、作用域及垃圾回收的一些方法，这一块在面试的时候常常会被问道~
2023-03-31 10:00:00
549
原创 JavaScript高级编程设计（第三版）——第三章：基本概念
第三章：基本概念这一章主要记录一些基本语法、数据类型、操作符、语句、函数等，这些都是我们会常用的滴~
2023-03-29 10:00:00
337
原创 vite+vue3+cesium大屏数据可视化项目——第一章：搭建项目
这几年智慧城市、数字孪生、数字可视化这些高级词汇可太多啦，招聘简介上也有很多要求会webGis等相关经验，所以我觉得最近来学一学，本文章也是边学边记录项目把。由于我常用vue所以这次用vue3+cesium来开发。点这里这一章主要搭建项目~
2023-03-28 10:00:00
3609
1
原创 JavaScript高级编程设计（第三版）——第二章：在html中使用javaScript
这一张主讲如何再html中使用js，以及js的相关属性。以上就是今天要讲的内容，主要是script标签的作用和几个参数的解析。
2023-03-27 10:00:00
386
原创 验证码——vue中后端返回的图片流如何显示
登录界面经常会有验证码，验证码的实现方式也有很多，我目前做过以下两种：1.调用接口获取验证码 + canvas画布渲染2.后端返回图片（数据流），前端显示这两种方式都比较简单，本次项目技术栈为：vue2.6 + axsio ，接下来一起看看把~以上就是今天要讲的内容，本文仅仅简单两种验证码的实现方式，当然还有其他的验证吗实现方式，感兴趣自己去看看把~
2023-03-21 16:24:29
5807
原创 前端面试题（一）
这是去一家公司面的，公司主要是作PC端，使用的jquery和js比较多，所以问的技术大多偏向于基础，记录一下把~以上就是今天要讲的内容，这篇面试可能比较基础，因为这个岗位还有设计方面的要求，所以对前端要求也不是很高，好啦，今天就到这里啦，拜拜~
2023-03-06 16:12:37
4725
原创 前端八股文——笔试题
记录一下面试题及答案~啥都有把，大杂烩~一、flex布局手写题目代码结构如下，请实现以下效果（忽略样式只写布局）.box{//重点1//重点2}.item{}//重点3}//重点4}主要考察flex熟练程度，align-self表示自身在交叉轴（主轴为横着的，交叉轴就为竖着的）的位置，有三个值：flex-start、center、flex-end。参考：阮一峰flex布局发出npm install 安装命令检查node_modules是否有该模块有。
2022-12-26 15:50:10
4812
1
原创 vue项目打包后显示空白解决方案？
目录前言一、页面空白？二、图片加载不出来？总结vue打包后会出现空白页面，这说明配置的时候路径有问题，接下来一起看看如何解决把。页面空白说明打包路径有问题，打开config/index.js，找到build下的assetsPublicPath，修改为'./'，如下：这里说一下，dev环境下 assetsPublicPath: '/'，表示项目根目录，build 环境下的 assetsPublicPath: './'，表示当前更目录配置完后打包发现有页面出现了注意：如果还没有页面出现，那可能是你的路由模式选用
2022-12-09 10:30:00
8587
1
原创 yarn安装及使用
一直在用npm的朋友对npm 的速度慢肯定深有体会，facebook提供yarn来解决这一问题，当然他的优点不止于此。速度快并发锁定文件，让协同工作无差异会自动验证安装包完整性记录一下安装过程。以上就是今天要讲的内容，本文仅仅简单介绍了yarn的安装和使用，希望对你有帮助哟~
2022-11-30 19:08:06
4312
原创 前端面试题记录——vue
今天参加了一个面试 ，主要是围绕vue来问的，记录一下吧~一、说一下虚拟DOM？1.虚拟dom是什么？虚拟dom是基于js模拟的一个dom节点。以上就是今天要讲的内容，面试题不仅仅是背题，也会拓展知识面，后续工作中若遇见bug也能第一时间定位问题，这一点是非常重要的，每一个知识点都要熟悉，才会和其他的融会贯通，好啦，今天就到这里啦~希望对你有帮助，后续也会继续更新面试题，感兴趣就关注我等待吧。
2022-11-26 13:46:07
1013
原创 前端面试——手写call、apply方法
以上就是今天要讲的内容，本文仅仅简单介绍call、apply如何手写，如果你有好的想法记得评论区告诉我哟~
2022-10-26 15:05:46
794
原创 前端面试——如何理解this指向？
this指向真的是老生常谈的问题，在八股文当中也占据很重要的位置，面试过程中也会经常问道this指向问题，那么我们今天就来看看this指向和实践把~一、this在不同函数中的指向。
2022-10-24 19:57:14
2025
原创 前端面试——防抖节流
不管是在工作中还是面试中我们都会遇见这个词语：防抖节流，那么今天我们就讲一讲防抖节流到底有什么作用，应用在什么场景、如何实现和原理~感兴趣就继续往下看看把一、防抖？1.防抖无论在n秒内触发了多少次事件，只执行最后一次以上就是今天要讲的内容，本文仅仅简单防抖和节流并且讲解了原理，希望对大家有用把~。
2022-10-21 15:00:00
445
原创 面试必问——vue2、vue3双向绑定原理区别？
随着vue3的发布，很多企业已经开始用vue3开发项目了，那么面试中也会经常被问道vue2和vue3的区别，今天就vue响应式原理来讲一讲两者的区别。一、vue2双向绑定原理？如果你搜索一下这个问题，绝大多数都会这样回答你：是通过数据劫持结合发布订阅模式的方式来实现的，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调来渲染视图。也就是说数据和视图同步，数据发生变化，视图跟着变化，视图变化，数据也随之发生改变。
2022-10-20 16:00:00
1463
原创 前端面试——盒子模型详解
盒子模型是css中的一种思维模型，即把网页内容看成一个盒子，这个盒子由外到内包括margin、border、padding、content。根据浏览器计算方式不同分为两种模型：标准模型（w3c模型）和怪异模型（又称IE模型）。他们的主要区别是：标准模型的宽度不包含padding和border，怪异模型的宽度包含padding和border(个人认为主要表现在内容区域的大小变化)。以上就是今天要讲的内容，本文仅仅简单介绍盒子模型原理和转换方式，简单的描述了一下使用场景，如果有更好的想法告诉我吧~。
2022-10-12 13:57:00
2285
原创 RequestParam和RequestBody前端传值的区别？
事情是这样的：我：这个接口报错啊？后端：Exception: Required String parameter 'XXX' is not present后端：没接收到值啊我：然后后端改成了RequestBody接收但是呢，我还是想了解一下他们之前有啥区别，关键是前端传参有啥区别，所以我就开始学习，于是就有了这一篇博文，希望大家也学习一下吧，多学点总没错~一、RequestParam和RequestBody区别？以下是个人片面理解，如有不正确的地方请指正。
2022-08-23 15:49:36
705
原创 wangEditor富文本编辑器（第四章：自定义首行缩进菜单）
继上一章，我们实现了富文本框字数限制，到上一章呢，基本上得功能已经可以实现了。接下来就是扩展章节了，我会继续去探索更多得自定义菜单，今天先开一个简单得——“首行缩进”，感兴趣就继续往下看看吧~新建目录components/textIndent.js以上就是今天要讲的内容，本文仅仅简单自定义首行缩进菜单的思路和实现，好啦好啦，希望能够帮助到你啦，或者开阔一下思维也可以滴~。如果有什么想法也可以评论区留言给我哟~白白啦httpshttpshttpshttps。.........
2022-08-01 17:50:45
3897
2
原创 解决：el-menu 菜单栏点击收起后label和图标不隐藏
项目场景项目框架弄好，数据也联调完成了，结果要加菜单树。加上就出现问题啦，菜单栏点击收起按钮，label和图标不隐藏~
2022-07-26 14:21:43
1526
原创 git得一些常用命令
git有很多命令，但是常用得也不多，但不是很好记.所以这里记录不同情况下如何操作git命令，如果对你有帮助记得给我三连哟~一、git是什么？git就是可以实现多人协同开发得一个代码管理工具（详情自行了解）。如果你没有安装git，那么请你先去下载并安装。。。。以上就是git的一些基础操作，其实命令到非常简单且常用，多用几次自然就能记住啦。如果对你有帮助我就会很开心啦，大家一起加油鸭！(ps后续会继续更新常用的git命令~)......
2022-07-21 14:47:15
728
原创 wangEditor富文本编辑器（第三章：图片上传）
目录前言一、思路？1.修改上传方式二、全部流程总结接上一章字数限制做好后，这一章要解决一下图片上传得问题，官方中得图片是转成了base格式，但是现实情况下就是要调用后端接口上传照片，所以我们这章主要是修改图片上传得默认接口~。默认是有上传图片的，并且是两个选项，如下： 这里我们只需要一个上传图片，所以要先隐藏这个下拉，点击图片菜单后直接弹出图片选择，如下： 如何做呢？在editor.create()之前写下面这句：二、全部流程注释很详细了，代码如下：总结以上就是今天要讲的内容，本文
2022-06-15 17:26:10
9703
1
原创 vue项目中使用svgIcon(svg-sprite-loader安装、配置及使用)
目录前言一、安装svg-sprite-loader二、封装组件1.在components路径下新建svg/svgIcon.vue2.在src目录下新建icons文件夹，包括一下文件三、配置svg-sprite-loader四、使用svg-icon组件五、配置被选中时的颜色1.检查svg源文件2.配置选中后得颜色总结前言网页中经常会遇到一些自定义得小图标，为了保证图标不失真，我们经常使用svgIcon实现。接下来一起看看如何安装和配置把~...
2022-05-18 14:38:13
7467
1
原创 vue中使用lib-flexible和postcss-pxtorem实现自适应
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档目录前言一、lib-flexible安装及引入二、postcss-pxtorem安装及配置总结前言其实单独使用lib-flexible也可以实现自适应效果，只是下载依赖后要重新去修改flexible源码（那岂不是每次下载后都要修改源码，此举虽然简单，但却是很烦。。。。），为了解决这个问题，结合postcss-pxtorem来实现px转rem。一、lib-flexible安装及引入npm .
2022-04-28 16:28:04
1817
3
原创 stylus在vue中的安装及使用
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档目录前言一、安装stylus二、使用步骤1.使用stylus2.引用全局样式及配置总结前言之前在项目中经常使用sass，偶然一次看到前辈在用stylus，然后我问他为啥要用这个呀，然后他给我说了几点优点：stylus可以自动将px转成rem，这就节省自己算rem的事件 stylus可以像sass一样使用变量、计算模式 stylus可以像sass一样嵌套样式然后，我就被种草了。恰巧.
2022-04-28 14:31:58
3355
原创 nvm安装和配置（npm下载失败的原因以及解决方法）
文章目录前言一、下载nvm安装包二、安装nvm三、配置nvm1.方法一：有可能会出错的安装方式2.方法二：一定不会出错的方法总结前言项目安装依赖包的时候提示node版本过高，前辈推荐用nvm来解决，之前没了解过，今天记录下安装和配置步骤。一、下载nvm安装包下载nvm点击这里二、安装nvm解压安装包后一直点next安装，一直等到安装结束就是安装完成。三、配置nvm安装完成后再开始配置，安装nvm的过程中会自动配置环境变量，如没用配置，请参考下图：1.方法一：有可能会出错的安装方式为了
2022-02-16 10:50:35
19499
8
原创 wangEditor富文本编辑器（第一章：基础使用）
表单系列——富文本提示：后台系统中经常会遇见富文本，其中包括图片的上传，添加样式、链接等。本文使用wangEditor实现富文本功能文章目录表单系列——富文本前言一、如何使用？二、使用步骤1.安装wangEditor2.读入数据总结前言一、如何使用？第一次接触富文本，那么什么是富文本呢？富文本是一种类似DOC格式（Word文档）的文件，有很好的兼容性，使用Windows“附件”中的“写字板”就能打开并进行编辑。直观点，就是下图这样可以自己调节格式的就是富文本。本文使用wangEd
2022-02-16 10:46:53
2064
原创 CSS3——flex布局
CSS3——flex布局文章目录CSS3——flex布局前言一、flex布局是什么？二、如何使用flex?1.搜索栏2.读入数据总结前言网页开发过程中我们经常遇见那种排列规整的布局，这个时候可以考虑用flex来实现，这样就更加的方便快捷。本章将制作两个实例：搜索栏和菜单来讲解flex布局。提示：以下是本篇文章正文内容，下面案例可供参考一、flex布局是什么？Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布
2021-08-26 15:14:37
403
原创 vue+elementUI后台系统（第六章：路由嵌套与layout布局）
系列文章目录提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加例如：第一章 Python 机器学习入门之pandas的使用提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录系列文章目录 前言 一、pandas是什么？ 二、使用步骤 1.引入库 2.读入数据 总结前言在后台系统设计中，经常会使用layout布局以及路由一、layout布局首先我们来看一下效果图：1.引入库代码如下（示例）：二、使
2021-08-03 09:22:07
10820
8
原创 vue+elementUI后台系统（第五章：权限设置）
前言前一章我们已经写出来登录页面和首页，用户登录成功后会跳转至首页，那么不成功时，我直接输入首页得路由进入也行吗？当然行，但这明显不符合逻辑呀，所以这一章得目的是判断用户是否登录，若没有登录，即使输入首页得路由也不会跳转到首页。这相当于权限得设置，同时我们使用技术是路由的重定向，使用户输入 ' / ' 时候也能跳转至首页（' /home '）。一、设置跳转条件首先，在src新建premiss.js文件（与main.js同级），输入以下代码：//导入路由import...
2021-08-02 14:39:37
955
原创 vue+elementUI后台系统（第四章：登录页面及Scss/Sass）
目录前言1.安装node-sass2.安装sass-loader3.配置sass二、新建登录页面1.新建路由2.新建登录页面总结前言随着框架的流行，越来越多的开发者喜欢用框架开发项目，以vue、react等居主流，国内比较常用的就是vue进行项目的搭建，本系列文章主要使用vue+webpack进行项目的搭建，其中使用了elementUI进行了扩展，增加到后台系统的布局和路由相关知识，有兴趣就往下看吧~一、安装SCSS项目里面的css我们使用scss（scss.
2021-07-30 09:33:05
1449
原创 vue+elementUI后台系统（第三章：路由的引入与首页创建）
目录前言1.新建首页二、引入路由1.引入vue-router2.全局引入router3.运行页面总结前言随着框架的流行，越来越多的开发者喜欢用框架开发项目，以vue、react等居主流，国内比较常用的就是vue进行项目的搭建，本系列文章主要使用vue+webpack进行项目的搭建，其中使用了elementUI进行了扩展，增加到后台系统的布局和路由相关知识，有兴趣就往下看吧~一、新建首页页面前面两章已经搭建好项目并引入了elementUI框架了，那么现在我们来新
2021-07-29 10:35:09
1145
1
原创 vue+elementUI后台系统（第二章：elementUI引入与使用）
目录目录前言一、安装elementUI二、引入elementUI1.引入库2.使用elementUI总结前言随着框架的流行，越来越多的开发者喜欢用框架开发项目，以vue、react等居主流，国内比较常用的就是vue进行项目的搭建，本系列文章主要使用vue+webpack进行项目的搭建，其中使用了elementUI进行了扩展，增加到后台系统的布局和路由相关知识，有兴趣就往下看吧~一、安装elementUIelementUI是一套非常完善的框架，里面有很多我们常用
2021-07-28 10:57:36
651
原创 vue+elementUI后台系统（第一章：vue项目搭建）
webpack+vue+elementUI项目搭建webpack+vue+elementUI搭建项目（一）目录webpack+vue+elementUI项目搭建文章目录前言一、检查项目开发环境二、搭建项目1.安装vue-cli2.创建vue项目总结文章目录系列文章目录 前言 一、pandas是什么？ 二、使用步骤 1.引入库 2.读入数据 总结前言随着框架的流行，越来越多的开发者喜欢用框架开发项目，以vue、react等居主流
2021-07-27 11:08:16
701
原创 vue存储数据的几种方法（Vuex与本地存储）
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档vue存储数据的几种方法（Vuex与本地存储）前言一、vuex二、方式一1.创建vuex2.存入数据3.取出数据二、方式二1.创建vuex2.存入数据3.取出数据总结前言在浏览网页时我们有些时候需要记住一些用户选择的信息，比如登陆时我们如果选择了记住密码，那么我们下次进入该网页时就会有你上次的登陆信息。在网站开发中，我们可能会遇到左边是列表，右边显示内容的页面，当我们切换页面再返回的时候，需要记住我们上次选择的列表项。这个时候，我
2021-06-28 11:35:10
31132
原创 vue+vant只能输入数字、字母验证（身份证号码验证）
提示：本文是表单中对输入框的验证文章目录前言一、新建文件1.判断字母或数字2.判断身份证号码2.页面中的使用总结前言这里主要写了两种，身份证验证：只能位数字或字母。一、新建文件1.判断字母或数字在store/util/index.js下面写代码：。import { Toast } from 'vant';//数字+字母export function policyNumber(string) { if (string) { if (/^[A-Za-z0-9]+$/.test
2021-05-25 16:02:37
6939
原创 Vue使用过滤器费用金额格式
vue过滤器的使用文章目录前言一、编写金额固定格式代码？1.新建过滤器文件二、过滤器的使用1.定义全局过滤器2.使用方式总结前言提示：我们有时候要将费用格式化，但是一个一个的去格式化就太麻烦了，这是就可以使用vue中的过滤器来定义格式。一、编写金额固定格式代码？1.新建过滤器文件在src文件夹下面新建plugin文件夹，再新建js文件filters在filters中写入一下代码：// 定义金额格式过滤器export function moneyFilter(cost) { v
2021-04-13 10:23:29
701
空空如也
笔记本电脑音量有个红叉，显示未插入耳机或扬声器怎么解决？
2020-04-16
TA创建的收藏夹 TA关注的收藏夹
TA关注的人