html
文章平均质量分 53
普通网友
这个作者很懒,什么都没留下…
展开
-
vue3.0中使用nextTick
前言:这里分享3.0和2.0 的方法对比,nextTick 是将回调推迟到下一个 DOM 更新周期之后执行。在更改了一些数据以等待 DOM 更新后立即使用它vue3.01、引入import { nextTick } from 'vue'2、具体使用,配合异步setup() { const message = ref('Hello!') const changeMessage = async newMessage => { message.value = ne原创 2022-03-11 21:05:56 · 7089 阅读 · 0 评论 -
vscode前端开发(htmljscss)配置(插件&快捷键&常用设置)
到Visual Studio Code - Code Editing. Redefined下载vs code(system installer版),安装后配置如下插件。1.插件:Chinese (Simplified) Language Pack for Visual Studio Code(中文界面)2.插件:vscode-icons(图标集,资源管理器一目了然)3.插件:HTML CSS Support(智能提示CSS类名以及id)4.插件:Live Server(标准HTML页面浏览器自动刷新原创 2022-03-11 19:41:56 · 2087 阅读 · 0 评论 -
react 使用 useEffect 只执行一次
本文主要讲解 使用 useEffect 在函数式组件中只执行一次,但是会报警告的问题该如何去解决首先只执行一次的话,使用函数作为useEffect回调,然后依赖项传空,像这样useEffect(fetchBusinesses, [])但是这样有一个问题,就是如果不填写依赖项,eslint 会抱一个警告,提示你需要依赖 fetchBusinesses1. 解决警告的一种方法是:声明内部功能useEffect(),将 fetchBussinesses 方法放在 effect 内部去声明useEffe原创 2022-03-11 15:41:51 · 2437 阅读 · 0 评论 -
layui官网将于2021年10月13日下架
前言:在刚听到这个小时的时候,真的感觉很意外,从16-17年接触他一来,相对bootstrap等其他的jquey框架来说,layui算是功能最强大,社区最活跃的一款jquery框架了,至少我是这么认为的,他的功能也很强大。官方通告:官方gitee入口所有对 layui 为之热爱、鞭策、奉献,和支持过的开发者:请接受我用意念和字节传达的深深歉意。这是一个无力、无奈,甚至无助的决定:layui 官网将于2021年10月13日进行下线。届时,包括新版下载、文档和示例在内的所有框架日常维护工作,将原创 2022-03-11 14:18:58 · 298 阅读 · 0 评论 -
css deep深度作用选择器
前言当<style>标签有scoped属性时,它的 CSS 只作用于当前组件中的元素,不会影响到子组件(非根结点)的样式。使用scoped后,父组件的样式将不会渗透到子组件中。不过一个子组件的根节点会同时受其父组件有作用域的 CSS 和子组件有作用域的 CSS 的影响。这样设计是为了让父组件可以从布局的角度出发,调整其子组件根元素的样式。原理在编译组件的时候,如果当前组件内style标签上有scoped属性,那么会在当前所有标签上添加一个【data-v-hash】属性,而当前样式表内原创 2022-03-11 11:35:28 · 1844 阅读 · 0 评论 -
解决npm install 报错 npm ERR code 128 npm ERR command failed npm ERR command git ls-remote sshg
想git clone 一下vue-element-admin集成方案下来学习一下,但是在安装依赖npm install这一步总是报错,无法进行下一步,卡了很久:npm ERR! code 128npm ERR! command failednpm ERR! command git ls-remote ssh://git@github.com/nhn/raphael.gitnpm ERR! git@github.com: Permission denied (publickey).npm ERR!原创 2022-03-10 12:31:44 · 1190 阅读 · 0 评论 -
报错 - 解决vue3报错:Cannot use ‘in‘ operator to search for ‘path‘ in undefined
在创建vue3的路由时,报了这样的错:Cannot use 'in' operator to search for 'path' in undefined,经过多次排查发现是我在路由文件里面用错了createWebHashHistory()方法,将它用成了 变量。一、报错情况二、报错原因及解决报这样的错误是因为我在路由文件里用错了createWebHashHistory()方法,将它用成了变量,只需要将它写成方法即可解决问题。希望对大家有所帮助!!!...原创 2022-03-10 11:10:49 · 9640 阅读 · 5 评论 -
吊打面试官了解一下?2021年字节跳动春招面试题详解(附详细答案)
剑指offer —— 2021字节跳动春招面试题详解(CSS篇)1. padding 与 margin2. vw 与 % 有什么区别?3. 行内元素与块级元素有什么不同?4. 如何使一个div在body中快速居中对齐?5. 如何用CSS绘制如下三角形?6. BFC规范是什么?7. 怎么让Chrome支持小于12px 的文字?8. css 加载会造成阻塞吗?9. 1像素边框问题如何解决?10. CSS优化、提高性能的方法有哪些?本文选题都是字节跳动中一些 经典且有一定难度的面原创 2022-03-09 14:48:04 · 480 阅读 · 0 评论 -
个人网页(项目)源码解析「HTML+CSS+JS」
目录网页效果展示:网页源码解析:HTML模块:CSS模块:JS模块:参考:网站链接:元之旅源代码:???GitHub - lzt123lzt/lzt123lzt.github.io: Config files for my GitHub profile.???网页效果展示:首页:文创购买页面:网页源码解析:HTML模块:1.(1)section元素代表了一个文档或应用的通用部分,在文章中,section是主题内容,通常带着heade(2)section 不是一个专原创 2022-03-09 13:27:38 · 1681 阅读 · 0 评论 -
Vue中error ‘XXXXX‘ is not defined no-undef解决办法
Vue中:error ‘XXXXX‘ is not defined no-undef解决办法语法没错居然报错了解决方法:拓展语法没错居然报错了解决方法:在使用vue的时候,使用一个全局变量,ESLint的语法会出现ESLint: ‘Aliplayer’ is not defined. (no-undef),说变量未定义,这时我们可以添加配置,取消这个校验。在.eslintrc.js文件中添加一个配置,位置如下图所示,我的全局变量就是Aliplayer。一、打开原创 2022-03-09 10:43:22 · 3158 阅读 · 0 评论 -
Vue.js高效前端开发 【Vue列表渲染】
全部章节 >>>>文章目录一、v-for指令1、v-for指令使用2、实践练习(待更新)二、计算属性1、计算属性创建和使用2、实践练习(待更新)三、侦听属性1、侦听属性创建和使用2、实践练习(待更新)四、综合案例1、商品信息管理2、 实践练习(待更新)总结一、v-for指令1、v-for指令使用v-for指令基于一个数组来重复渲染元素。v-for指令通常用于显示列表和表格数据。v-for指令需要使用“i原创 2022-03-09 09:10:06 · 181 阅读 · 0 评论 -
uniapp 之 uni-table组件添加行点击事件
uniapp 之 uni-table组件添加行点击事件第一种方案(不改变导入的 tr 组件)第二种方案(改变 tr 组件)写在末尾由于 uniapp官网的uni-table组件 并没有给出添加行点击事件的events,于是自己想方法基于uni-table组件实现了表格行点击事件;第一种方案(不改变导入的 tr 组件)<uni-table border stripe emptyText="暂无更多数据" :loading="loading"> <!-- 表头行原创 2022-03-08 14:28:14 · 3179 阅读 · 2 评论 -
process.env.VUE_APP_BASE_API 获取不到
process.env.VUE_APP_BASE_API 获取不到import axios from 'axios'// 创建axios实例const service = axios.create({ baseURL: process.env.VUE_APP_BASE_API, // api的base_url timeout: 50000, // 请求超时时间,})axios.defaults.headers = { contentType: 'application/json',原创 2022-03-08 13:07:52 · 12716 阅读 · 1 评论 -
Module build failed Error Node Sass version 6.0.0 is incompatible with ^4.0.0
npm run dev 提示如下错误Module build failed: Error: Node Sass version 6.0.0 is incompatible with ^4.0.0.查了些文档有说是版本过高;其实根本原因是高版本的配置变了,当然直接改配置不够简便简单解决方案:1、卸载:npm uninstall node-sass2、安装:npm install node-sass@4.14.13、运行:npm run dev...原创 2022-03-08 11:47:38 · 774 阅读 · 0 评论 -
iframe嵌入网页时,页面大小怎么自适应
问题描述:页面中有一容器div,有宽高属性。在div中嵌入一个iframe页面,呈现这种效果:可以看到嵌入的页面只露出了一部分。而我们希望:嵌入的页面能够完全展示在容器中。思路:利用CSS的 transform,进行页面缩放。1、我开发用的电脑屏幕分辨率是 1920 x 1080,以此为基准,设置iframe的宽高。2、iframe 的父元素 div 的宽高是屏幕宽高的50%,所以 transform: scale(0.5)这个数值是0.5。(其余的三个属性没啥可说的,不明白的搜一下W3C吧…原创 2022-03-08 10:27:17 · 1764 阅读 · 0 评论 -
ElasticSearch 8.x 默认密码
下载WINDOWS版本ES8 解压缩后 使用第一次运行elasticSearch时 会自动进行安全配置这事在控制台中可以看到有password-> Elasticsearch security features have been automatically configured!-> Authentication is enabled and cluster connections are encrypted.-> Password for the elastic user原创 2022-03-08 09:07:07 · 3739 阅读 · 0 评论 -
阿里云OSS上传及智能图像识别垃圾识别
阿里云OSS对象存储上传图片及智能图像识别垃圾识别相信各位广大的新手程序员和我一样,想写一个智能图像识别,可是查百度总是查不到或者查的时候不知道是什么意思,下面我将我自己写查文档的过程和代码贡献出来准备工作首先我们要先申请阿里云智能图像识别在这里搜索智能图像识别然后选择这里 传送门在这里开通当然 我已经开通了 ,就不能重复开通了 地址只能选择[华东2(上海)] 这里是开通所有的智能图像识别 除了付费使用的然后这个地方同意了最后选择右下角的立即开通这里是阿里云智能图像识别的文档地原创 2022-03-07 10:33:06 · 817 阅读 · 1 评论 -
知名 NPM 包作者“自毁”开源项目:删库、注入恶意代码,数千个应用崩溃ing
还记得去年年底令全球多数 Java 工程师深夜加班的 Apache Log4j 2 漏洞吗?彼时,发现最初只有 3 个人赞助该开源项目的事实令许多人受到冲击,甚至有人因此感慨道“这就是开源丑陋的一面”:当项目顺利进行时,一切都很好;而一旦项目出问题了,每个人都只会去抱怨项目背后的无偿维护者。Apache Log4j 2 漏洞发生至今已一月有余,目前尚未彻底平息。不曾想,上周又发生了一起令许多开发者“头秃”的开源事件:无数使用了流行开源 NPM 库 faker.js 和 colors.js 的项目一夜之间突原创 2022-03-07 09:09:36 · 264 阅读 · 0 评论 -
【vue】“export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘
安装vue-Router@4.0+时写路由注册// vue-Router@2.0+的写法import VueRouter from 'vue-router'const router = VueRouter.createRouter({ history:vueRouter.createWebHashHistory(), routes:[...]})果然报错!!!,vue-Router@4.0+已经不支持这种写法// vue-Router@4.0+的写法import {createRoute原创 2022-03-06 02:55:50 · 396 阅读 · 0 评论 -
Vue框架
目录1. Vue 的基本认识1.1. 官网1.2. 介绍描述1.3. Vue 的特点1.4. 与其它前端 JS 框架的关联1.5. Vue 扩展插件2 Vue 的基本使用2.1开发者工具调试Vue.js devtools_3.1.2_02.2 框架使用方式2.3 框架使用2.4 Vue数据单向传递2.4.1 MVVM模型2.4.2 Vue中的MVVM的划分2.4.3 Vue中数据的单向传递2.5 Vue数据双向绑定3 常见指令3.1 什么是指令原创 2022-03-06 01:35:05 · 11364 阅读 · 1 评论 -
vue3 初体验之使用element-plus的el-select报错Unhandled error during execution of scheduler flush
笔者最近在用vue3 写自己的博客,后端使用element-plus 在给el-select绑定数据时惊奇的发现报错了但根据我在vue2.x上的经验感觉这样写并没有什么毛病, 根据多次尝试,当我给v-for的数据给定了初始值后发现报错没有了,这里可能是vue3还在beta中所以存在的bug, 期待后续vue官方的解决...原创 2022-03-06 00:13:38 · 1585 阅读 · 0 评论 -
vue 项目放弃“tui-editor“ “1.3.3“,
从官网https://github.com/PanJiaChen/vue-element-admin下载的版本带有 tui-editor版本1.3.3 ,在编译时会遇到如下问题:error An unexpected error occurred: "https://github.com/sohee-lee7/Squire.git/info/refs?service=git-upload-pack: connect ETIMEDOUT 20.205.243.166:443".info If you t原创 2022-03-03 23:30:59 · 1144 阅读 · 0 评论 -
React Router v6使用路由嵌套和重定向
前言:v6版本与v5版本差异较大,以下为V6使用路由嵌套及路由重定向方法,子路由路径不用加"/",v6中会自动拼接App.jsximport React, { Component } from 'react'import { Route,Routes,Navigate} from 'react-router-dom'import About from './pages/About'import Home from './pages/Home'import Header from './compo原创 2022-03-03 16:52:11 · 1121 阅读 · 0 评论 -
mybatis-plus分页查询
依赖<!--引入mybatis-plus依赖--><dependency> <groupId>com.baomidou</groupId> <artifactId>mybatis-plus-boot-starter</artifactId> <version>3.3.2</version></dependency>使用添加分页配置@EnableTransac原创 2022-03-03 15:47:40 · 96 阅读 · 0 评论 -
IDEA springboot 项目启动报错 Shorten the command line via JAR manifest or via a classpath file and rerun
首先找到 .idea 下的 workspace.xml 然后找到<component name="PropertiesComponent"> </component>在中间插入一行<property name="dynamic.classpath" value="true" />解决。原创 2022-03-03 14:43:06 · 389 阅读 · 0 评论 -
echarts社区地图、echart地图
文章目录地图时间轴多样3D地图+拖拽+扫描特效+自转+4.9.0及以下版本才能用气泡地图+圆点会动地图上+柱图地图上+气泡地图+图例地图时间轴多样var uploadedDataURL = "/asset/get/s/data-1528971808162-BkOXf61WX.json";var geoGpsMap = { '1': [127.9688, 45.368], '2': [116.4551, 40.2539], '3': [原创 2022-03-03 13:38:43 · 1703 阅读 · 0 评论 -
这一次,彻底搞懂Promise
一、为什么要引入Promise在介绍本章之前,首先先抛出几个问题:Promise解决了什么问题?Promise有哪些具体的使用场景?Promise解决了什么问题?回调地狱问题在没有Promise之前,前端获取数据往往需要通过回调函数层层嵌套的方式来解决异步问题,例如下面这段代码实例:// 回调地狱实例// 奶茶函数function getTea(fn) { setTimeout(() => { fn('获取到一杯奶茶') },2000)}//原创 2022-03-02 13:25:54 · 255 阅读 · 0 评论 -
解决selenium用cookies时候报错selenium.common.exceptions.InvalidArgumentException Message invalid argument
报错如下:selenium.common.exceptions.InvalidArgumentException: Message: invalid argument: invalid 'xxxxxx’这个通常都是配置cookie参数的时候,配置了一个无用项例子 for cookie in listCookies: cookie_dict = { "domain": "tieba.baidu.com",原创 2022-03-02 04:29:04 · 2700 阅读 · 0 评论 -
掉了几根头发,才弄懂了HTML。
一、初识HTML1、什么是HTMLHyper Text Markup Language(超文本标记语言)超文本包括:文字、图片、音频、视频、动画等。HTML发展史2、HTML5的优势世界知名浏览器场上对HTML5的支持市场的需求跨平台3、W3C标准W3CWorld Wide Web Consortium(万维网联盟)成立于1994年,Web技术领域最权威和具影响力的国际中立性技术标准机构W3C的网站:http://www.w3.org/http://原创 2022-03-02 03:25:33 · 341 阅读 · 0 评论 -
前端案例:简易计算器的实现(dom操作、target、eval函数、try catch、switch-case)
目录一、案例效果二、涉及要点三、完整代码+详细注释一、案例效果二、涉及要点1. 文本域标签 的 readonly 属性用于设置文本域文字为只读;2. DOM 获取元素,getElementById()获取带有指定 id 的节点;3. DOM 事件中的 target 是指获取事件的目标,即**触发事件的真实元素。**如下代码中: btn.onclick = function (e) { //判断只有点击到按钮上才会将信息录入“显示屏” if (e.target.no原创 2022-03-02 02:21:58 · 1335 阅读 · 1 评论 -
【动画消消乐】HTML+CSS 自定义加载动画:电池充电动画 058
前言Hello!小伙伴!非常感谢您阅读海轰的文章,倘若文中有错误的地方,欢迎您指出~自我介绍**(ˊˋ)**昵称:海轰标签:程序猿|C++选手|学生简介:因C语言结识编程,随后转入计算机专业,有幸拿过国奖、省奖等,已保研。目前正在学习C++/Linux(真的真的太难了~)学习经验:扎实基础 + 多做笔记 + 多敲代码 + 多思考 + 学好英语!日常分享:微信公众号【】 记录生活、学习点滴,欢迎关注~【动画消消乐】 平时学习生活比较枯燥,无意之间对一些网页、应用程序的过渡/加载动画产生原创 2022-03-02 01:18:20 · 204 阅读 · 0 评论 -
Vue3警告:[Vue warn] Extraneous non-emits event listeners (changeParentProps) were passed to component
在Vue3中组件通信中(子传父)报出如下警告:[Vue warn]: Extraneous non-emits event listeners (changeParentProps) were passed to component but could not be automatically inherited because component renders fragment or text root nodes. If the listener is intended to be a compon原创 2022-03-02 00:14:49 · 2729 阅读 · 2 评论 -
Vant组件库中的Search搜索框
官方文档:https://vant-contrib.gitee.io/vant/#/zh-CN/searchTips: 在 van-search 外层增加 form 标签,且 action 不为空,即可在 iOS 输入法中显示搜索按钮。原创 2022-03-01 21:24:54 · 3426 阅读 · 0 评论