前端
文章平均质量分 55
普通网友
这个作者很懒,什么都没留下…
展开
-
2022前端面试题总结
定义一.何谓SEO1.提供搜索引擎能抓取的格式2.将ass与as等脚本文件以引用方式进行处理3.提供搜索引擎能阅读的内容4.善用图片或者图像的Alt属性5.经常更新页面内容6.使用唯一的元数据7.适当地使用标题标签8.遵守W3C标准二.请描述一下cookies,sessionStorage和localStorage的区别?⒈local长期存储数据,浏览器关闭数据后不丢失;⒉sessionStorage数据在浏览器关闭后自动删除;⒊cookie是网站为了标识用户身份而存储在用户本地终端(Cl原创 2022-03-12 12:14:24 · 260 阅读 · 0 评论 -
2021前端笔试题
笔试重点:查漏补缺JavaScript题1: https://github.com/lydiahallie/javascript-questions/blob/master/zh-CN/README-zh_CN.mdJavaScript题2: https://blog.csdn.net/liuyan19891230/article/details/102385743(一)1、什么是闭包,为什么要使用闭包?在一个函数里面嵌套另一个函数,被嵌套的那个函数的作用域是一个闭包。作用:创建私有变量原创 2022-03-12 12:13:53 · 5835 阅读 · 0 评论 -
#报错解决#TypeError Failed to execute ‘readAsText‘ on ‘FileReader‘ parameter 1 is not of type ‘Blob‘
问题描述在实现需求:批量下载的时候,返回的数据类型设置为blob $http({ method: 'post', url: dataurl, data: bodyParam, headers: { 'Content-Type': 'application/jsons', }, responseType: '原创 2022-03-12 12:13:23 · 12201 阅读 · 1 评论 -
fatal unable to access ‘httpsgithub.comnhnraphael.git‘ OpenSSL SSL_connect Connection was
1、问题描述:在基于webstorm 配置vue环境时,输入npm install 开始自动安装依赖时出现该问题,2、解决方案:(1)安装配置git环境(2)更换npm源npm config?set?registry?https://registry.npm.taobao.org总结写到这里也结束了,在文章最后放上一个小小的福利,以下为小编自己在学习过程中整理出的一个关于 前端开发 的学习思路及方向。从事互联网开发,最主要的是要学好技术,而学习技术是一条慢长而艰苦的道路,不能靠一时激情,也不原创 2022-03-11 21:53:00 · 215 阅读 · 0 评论 -
elementUI表格 el-table-column 的 prop属性 如何通过判断转换值
将某prop 参数的值,转换显示为 自定义的值替换createTime那一行:<el-table-column :label="htmlText.tbDate" width="80"> <template slot-scope="scope"> <span v-if="scope.row.createTime == 0">正常</span> //这里使用===还是==得看返回值是什么类型的,需不需要转换啥的,自己尝试一下就可以了,这原创 2022-03-11 21:49:43 · 1818 阅读 · 0 评论 -
Edge兼容性问题,无法使用,一个不兼容的软件尝试与Edge一起加载
Microsoft Edge出现兼容性问题,无法使用解决方法:打开注册表–进入HKEY_LOCAL_MACHINESOFTWAREPoliciesMicrosoft–新建项:Edge–在Edge项下面新建DWORD(32位):名称为RendererCodeIntegrityEnabled,值为0。最后显示:总结写到这里也结束了,在文章最后放上一个小小的福利,以下为小编自己在学习过程中整理出的一个关于 前端开发 的学习思路及方向。从事互联网开发,最主要的是要学好技术,而学习技术是一条慢长而艰苦的道原创 2022-03-11 21:46:24 · 7750 阅读 · 0 评论 -
vscode自动代码补全插件推荐-aiXcoder Code Completer
更新:aiXcoder后期需要收费,大家也可以用它的前辈Kite(vs插件栏直接搜)我愿称之为代码神器!因为很省力。。和其他代码补全插件不同,它是国产的,而且挺好用(支持:Java/JavaScript/TypeScript/Python/C++)效果演示输入开头的几个字母就能智能提示完整的代码然后按Tab或者回车键就行,还可以用方向键选择插件安装在vscode左边的插件栏搜索aiXcoder Code Completer就可以安装(打开vscode时可能需要等它加载一会)其他原创 2022-03-11 19:43:35 · 14910 阅读 · 1 评论 -
React-dom 17版本以上 useHistory 更新为useNavigate如何传值
一、准备前提 "react": "^17.0.2", "react-dom": "^17.0.2", "react-router": "^6.0.2", "react-router-dom": "^6.0.2", "react-scripts": "4.0.3",二、函数组件如何进行路由传参组件跳转并传值导入import { useNavigate } from ‘react-router-dom’;使用const navigate = useNavi原创 2022-03-11 15:43:30 · 285 阅读 · 0 评论 -
less基础详解
1.初识lessless作为一门CSS扩展语言,也就是说CSS预处理器。(Leaner Style Sheets)简称less,它只不过是为css新增这些的功能,比如说:变量、函数、作用域等等。它的优点是:更具有维护性、扩展性等,可以降低了维护的成本,根据按这样的话,那么less可以让我们写更少的代码做更多的事情。和css相比下,css的语法非常简单,而且对开发者来说要求比较低,比较合适小白者,但是遇到有些问题,比如没有这种变量、函数等等,的确还不如less的扩展性,需要写大量的代码,但是看眼中的确没有原创 2022-03-11 14:20:37 · 1947 阅读 · 0 评论 -
HTML期末学生大作业-在线电影网站html+css+javascript
html网页制作期末大作业–电影网站html+css+javascript 5个页面适用学生作业课程设计在线电影影网、期末作业电影网、毕业设计在线电影网部分页面截图部分源代码<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>叮当电影 - 搜罗全网好电影</title> <link rel="sho转载 2022-03-11 12:58:32 · 885 阅读 · 0 评论 -
CSS保姆级教程(四)(DIV+CSS实践:第一个网页开发)
目录效果图代码分析总代码效果图代码分析因为是四个块(页头,导航栏,内容,页脚),所以基本结构代码如下:<div id= "header"></div><div id= "navigator"></div><div id= "content"></div><div id="footer"></div>将这四个块装进里面定义body属性,使整个主体里面具有的样式: body {原创 2022-03-11 11:37:07 · 67 阅读 · 0 评论 -
报错Unknown custom element <xxx> - did you register the component correctly的原因及解决办法
报错信息components代码导致出错的可能的原因把components写成了componentimport xxx from “./xxx.vue” 写成了import { xxx} from “./xxx.vue”代码中有两个components,后一个的值把前一个覆盖了解决方案逐一对照上述3种可能导致出错原因,然后做对应修改即可解决问题我是第3个原因,被坑到差点怀疑人生,看到这篇文章的小伙伴你是什么原因?欢迎补充...原创 2022-03-10 11:12:25 · 16424 阅读 · 5 评论 -
听哥一句劝,CSDN史上最强插件你把握不住(文末可抽取机械键盘,CSDN年卡会员)
马老师建议:全文背诵,背不了打屁股。艾,朋友们好啊~,我是CSDN官方插件测评门掌门人乌龟哥哥,刚才有个朋友问我乌龟哥哥发生甚么事了,我说怎么回事?给我发了一个张截图,我一看!噢,原来是昨天有两个程序员,一个前端程序员,一个后端程序员塔们说,有一个说我在谷歌浏览器用的插件太多太繁琐了,把我搞累了乌龟哥哥你能不能教教我有没有好用的插件,我平时CSDN用的多,你能推荐个好用的插件不,帮助解决一下我的杂乱插件。我说可以,我说你在谷歌浏览器用的插件功能太少不好用,建议你用CSDN官方插件,它原创 2022-03-09 14:49:40 · 181 阅读 · 0 评论 -
了解uni-app只需这一篇就足够了
什么是uni-app介绍uni-app是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台uni-app在手,做啥都不愁,即使不跨端,uni-app也是更好的小程序开发框架(详见)、更好的App跨平台框架、更方便的H5开发框架。不管领导安排什么样的项目,你都可以快速交付,不需要转换开发思维、不需要更改开发习惯只要你有Vue和小程序的开发经验,即可快速上手原创 2022-03-09 13:29:16 · 1028 阅读 · 0 评论 -
yarn add 安装指定版本
yarn add xxx 安装默认版本yarn add [email protected] 安装指定版本yarn add xxx@tag 安装特定版本在安装[email protected],[email protected],[email protected]等这种需要安装特定大版本时,有两种方法,下边用安装 [email protected]举例1. yarn add webpack@^4可以使用yarn add webpack@^4,安装package.json中显示的是"vue-router": "^4",实际安装的版本原创 2022-03-09 12:08:52 · 4757 阅读 · 0 评论 -
vue中this.$router.back()与this.$router.go(-1)返回上一页的区别
go(-1): 原页面表单中的内容会丢失;this.$router.go(-1):后退+刷新;this.$router.go(0):刷新;this.$router.go(1) :前进back(): 原页表表单中的内容会保留;this.$router.back():后退 ;this.$router.back(0) 刷新;this.$router.back(1):前进...原创 2022-03-09 10:44:59 · 1454 阅读 · 0 评论 -
vue2 升级到 vue3 router 动态授权路由 异步加载报错 TypeError Cannot read properties of undefined (reading ‘apply‘)
使用resolve => require([`../../views/${item.component}`], resolve)会报错TypeError: Cannot read properties of undefined (reading 'apply')我的解决历程由于并不了解require,加上 resolve 也没定义先尝试将 resolve 删除掉,即:() => require([`../../views/${item.component}`])结果视图组件转载 2022-03-09 09:11:42 · 1862 阅读 · 1 评论 -
uniapp 图表 插件 qiun-data-charts
<view class="charts-box"> <!-- 开启onmovetip后,同时开启canvas2d模式(需要传canvasId),否则在小程序端会很卡。--> <qiun-data-charts type="line" :canvas2d="true" :canvasId="canvasId" :chartData="chartData" background="none" :ontouch="true"原创 2022-03-08 14:29:51 · 3196 阅读 · 0 评论 -
proxy error could not proxy request解决方案
找到vue.config.js文件,改地址就行:devServer: { proxy: { '/api': { target: "http://localhost:端口号自己的地址", //这个更换成本地的地址 changeOrigin: true, logLevel: "debug" } }}注:vue.config.js是一个可选的配置文件,如果项目的 (和package.json同级的) 根目录中存在这个文件,那么它会被@vue/原创 2022-03-08 13:09:27 · 1812 阅读 · 0 评论 -
Module build failed TypeError this.getOptions is not a function at Object.loader
这个异常说明了当前 style-loader 的版本过高导致 webpack 的编译错误,需要降低版本解决方法:降低当前style-loader版本npm install style-loader@<version> --save-dev如下:npm install [email protected] --save-dev...原创 2022-03-08 11:49:13 · 819 阅读 · 0 评论 -
Indicate whether to send a cookie in a cross-site request by specifying its SameSite attribute
前言之前做的一个跨域调用的静态页面,反馈使用出现了问题,检查了一下发现Chorme显示这个消息:Indicate whether to send a cookie in a cross-site request by specifying its SameSite attribute在网上Search了一下,是chrome 更新以后出现的问题,主要是为了防止CSRF 攻击,屏蔽了第三方cookies,具体情况的话可以看下面的两个链接Cookies default to SameSite=LaxRe原创 2022-03-08 10:28:52 · 2211 阅读 · 0 评论 -
electron-builder 打包出现 cannot find module fspromises
先说原因这是nodejs版本太低导致的,查看electron-builder的代码可以发现,里面都是require("fs/promises")这样的引用,但是旧版nodejs是require("fs").promises的引用方式解决方法1、可以通过升级nodejs的方式解决,本人在win10系统下升级为nodejs14,可以正常打包,但是公司的电脑使用的是win7,不支持nodejs的升级,所以此法对我无效2、暴力解决!直接在项目的node_modules文件夹中找到electron-b原创 2022-03-08 09:08:42 · 1019 阅读 · 0 评论 -
除夕用不同的语言编写绚丽的烟花
不同语言编写的绚丽烟花一: 简单Html先来一个简单的形象实现烟花(绝对绚丽)二:HTML+Canvas(内含js)三:js烟花效果四:用python实现的烟花(可以选择背景)一: 简单Html先来一个简单的形象实现烟花(绝对绚丽)先看效果源码<!DOCTYPE html><html lang="zh"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible原创 2022-03-07 10:34:42 · 472 阅读 · 0 评论 -
微信小程序开发流程(附思维导图)
一.工具HBuilder X介绍HBuilderX内置相关环境,开箱即用,无需配置nodejs安装下载App开发版,可开箱即用;如下载标准版,在运行或发行uni-app时,会提示安装uni-app插件,插件下载完成后方可使用安装地址[这里是图片001]https://www.dcloud.io/hbuilderx.html注:如果是第一次使用,需要先配置小程序ide的相关路径,才能运行成功。如下图,需在输入框输入微信开发者工具的安装路径。 若HBuilderX不能正常启动微信开发者原创 2022-03-06 05:40:10 · 3587 阅读 · 0 评论 -
前后端的身份认证--cookie--session--jwt--token
一、web开发模式目前主流的WEB开发模式有两种,分别是:1.基于服务端渲染的传统WEB开发模式2.基于前后端分离的新型WEB开发模式1.服务器渲染的web开发模式服务器渲染的概念:服务器发送给客户端的HTML页面,是在服务器通过字符串的拼接,动态生成的,因此,客户端需要使用Ajax这样的技术额外请求页面的数据2.服务器端渲染的优缺点优点:1.前端耗时少 因为服务器负责动态生成HTML内容,浏览器只需要直接渲染页面即可,尤其是移动端 更省电2.有利于SEO 因为服务器端响应的是完整的HT原创 2022-03-06 04:19:25 · 907 阅读 · 0 评论 -
【Web 三件套】JavaScript WebAPI 介绍
文章目录1. WebAPI 背景知识1.1 API 基本介绍1.2 WebAPI 基本介绍2. DOM 基本概念2.1 DOM 基本介绍2.2 DOM 树3 获取元素3.1 querySelector3.2 querySelectorAll4. 事件介绍4.1 基本概念4.2 事件三要素4.3 点击事件5. 操作元素5.1 获取/修改元素内容5.2 获取/修改元素属性5.3 获取/修改表单元素属性5.4 获取/修改样式属性6.原创 2022-03-06 02:57:26 · 358 阅读 · 0 评论 -
Vue生命周期(个人理解)
描述:今天进度到生命周期 other-teacher只讲了两个项目使用到的生命周期 剩下的自己扩展,哎,自己来了兴趣,为啥,自己第一次面试的时候记得很清楚。面试官:“简单说一下你对vue生命周期的个人理解” 我:语塞(第一次),第二次说完周期名字之后就不知道怎么说个人理解了,所以这次很想搞搞清楚一、官网英文官网:Vue.js中文官网:Vue.js二、理论安装环境https://blog.csdn.net/nanyangnongye/article/details/122796987本次练习.原创 2022-03-06 01:36:41 · 514 阅读 · 0 评论 -
Vue3 状态管理之 Pinia 的使用
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-MuxYBwXS-1646496904674)(https://pinia.vuejs.org/logo.svg#pic_center)]Vue3 新的发展方向(来源于尤大知乎)Vue 3 将在 2022 年 2 月 7 日 成为新的默认版本基于 Vite 的极速构建工具链<script setup> 带来的开发体验更丝滑的组合式 API 语法Volar 提供的单文件组件 TypeScript原创 2022-03-06 00:15:15 · 4534 阅读 · 0 评论 -
vue+elementui Carousel 走马灯 一次轮播4张图片
vue<el-carousel :loop="false" :autoplay="false" height="204px"> <el-carousel-item class="el-car-item" v-for="(list, index) in dataList" :key="index"> <img v-for="(imgList,index2) in list" :key="index2" class="top-img" :src="imgLi原创 2022-03-03 23:32:36 · 2568 阅读 · 0 评论 -
react useRef ts 编译报错 不能将类型“MutableRefObject<HTMLDivElement undefined>”分配给类型“LegacyRef<HTMLDivEleme
不能将类型“MutableRefObject<HTMLDivElement | undefined>”分配给类型“LegacyRef | undefined”。1.没赋初值2. useRef里面没写对类型正确的列子 const canvasRef = useRef<HTMLCanvasElement|null>(null)/// ....return <canvas ref={canvasRef }>...原创 2022-03-03 16:53:47 · 2570 阅读 · 0 评论 -
MyBatis-Plus执行原生SQL
在mapper文件中定义要执行的方法@Repositorypublic interface ZbArticleCEIResultPerformanceMapper extends BaseMapper<ZbArticleCEIResultPerformance> { @Select({"${sql}"}) @ResultType(ArrayList.class) List<ZbArticleCEIResultPerformance> executeQue原创 2022-03-03 15:49:16 · 690 阅读 · 0 评论 -
IDEA2021创建Web项目配置Tomcat(详细版)
因为学习JavaEE需要配置Tomcat,所以抽出时间对IDEA进行配置与创建,下次有空再写一下Eclipse版本。首先还是先得安装Tomcat,这里不再多说。直接开始吧,用的是IDEA2021旗舰版(这里还是推荐旗舰版吧,免费版还是有很多功能被剥削的,学生免费啊JeB全家桶啊),和之前的可能有些区别,根据如下的提示一步步进行配置,初次使用是比较麻烦的,建一个项目基本需要这些步骤,当然有时间可以缩减缩减。现在配置环境快捷键ctrl + shift + Alt + s -> Module原创 2022-03-03 14:44:42 · 838 阅读 · 0 评论 -
Echarts社区,炫酷的Echarts 基地
站在巨人的肩膀上开发https://www.makeapie.com/explore.html#sort=ranktimeframe=allauthor=all原创 2022-03-03 13:40:18 · 445 阅读 · 0 评论 -
这款为程序员设计的<浏览器插件>,让我的开发效率提高了一倍
收藏本文,随时get效率秘籍站在纯粹的角度,带着好奇和大家一起来体验这款 CSDN 浏览器插件,让自己的浏览器变得有温度序CSDN 技术社区,一直在为 IT 开发者打造分享技术心得、讨论技术话题的信息平台,它在社交媒体、知识付费领域也是频频发力,在等等一系列的布局规划之后,它的生态体系里也加入一位新成员,本文的主角在介绍本文的主角之前我们先来看看下面两个词的解释:适合:指贴切符合,一件事物对应的事物非常贴切懂:从心从董,了解,表示“心”里面掌握着各方面的情况提到它们也是因为我要给今天的原创 2022-03-02 13:27:31 · 164 阅读 · 0 评论 -
解决使用window.open()或window.location.href跳转后返回后退原页面不能再度跳转的问题
使用window.open()搭配参数_self(新页面替换当前页面),或使用window.location.href跳转到新页面后,再点击后退到原页面,再重新进行跳转事件时,页面不仅没有进行跳转,且没有任何反应(控制台无错误信息)。说得笼统一点,这是因为第一次跳转时window.open()或window.location.href已经记录过一个要跳转的值了,跳转或后退到原页面时,该值没有被清空,再次执行事件时自然会没有反应。思路:定义一个全局变量记录window.open()打开的窗体如过该.原创 2022-03-02 04:30:39 · 5091 阅读 · 0 评论 -
搭建Vue环境报错整理
目录报错1: 执行?cnpm install /?npm install 报错如下报错2:core-js 缺失问题报错3:?Connection was aborted, errno 10053报错4:npm ERR! [email protected]: Permission denied (publickey)错误5:Error: Cannot find module ‘webpack’ 问题解决办法错误6:[email protected] dev: `vue-cli-service serv原创 2022-03-02 03:27:05 · 8661 阅读 · 3 评论 -
【学习笔记】Web前端到后端数据的交互
【学习笔记】Web前端到后端数据的交互??博客首页:** ????文章目的:HTML—入门篇????博主也在学习阶段,如若发现问题,请告知,非常感谢????同时也非常感谢各位小伙伴们的支持????每日一语:拿的起放的下! ????本文参考了尚硅谷的最新JavaWeb??文章目录【学习笔记】Web前端到后端数据的交互前言使用工具完成HTML代码表单 formweb.xml的配置后端获取前端传递的数据前言相信大家都在一些网站上面经历过注册和登录过,当我们在原创 2022-03-02 01:19:53 · 629 阅读 · 0 评论 -
vuex指定版本安装
通过命令行查询可用的包的版本号: npm view vuex versions --jsonPS F:学习Vueue_stu> npm view vuex versions --json [ "0.1.0", "0.2.0", "0.3.0", "0.4.0", "0.4.1", "0.4.2", "0.5.0", "0.5.1", "0.6.1", "0.6.2", "0.6.3", "0.7.0", "0.7.1", "0.8.0"原创 2022-03-02 00:16:24 · 575 阅读 · 0 评论 -
visible.sync 的作用
我们在前端开发中经常看到:visible.sync这种修饰符,很多人不知道这是干什么的,特别是在使用ElementUI的时候,里面有个弹窗el-dialog组件的时候会有用到:visible.sync<el-button type="text" @click="centerDialogVisible = true">点击打开 Dialog</el-button><el-dialog title="提示" :visible.sync="centerDialogVi原创 2022-03-01 21:26:36 · 450 阅读 · 0 评论