• nth-of-type和nth-child

    作者: 陆金龙       发表时间: 2023-02-04 07:58
    nth-of-type是css3的一个结构性伪类选择器,匹配同类型中的第n个同级兄弟元素。 nth-of-type(n)用于匹配父元素下使用同种标签的第n项子元素。标签名+nth-of-type是一种常规的使用模式。 nth-child(n)用于匹配父元素下的第n项子元素。   示例:       <style>         p:nth-of-type(3) {           &n...
  • 解决Android模拟器不能联网问题

    作者: 陆金龙       发表时间: 2023-02-04 07:47
    解决Android模拟器不能联网问题 以管理员身份运行cmd 1.在C盘根目录增加qemu.conf文件,如果已有不操作。如果没有该文件,报错can not open ./qemu.conf. 2.执行命令 cd C:\Users\HT007\AppData\Local\Android\Sdk\emulator 3.执行命令 emulator.exe -list-avds  #列出你的虚拟机名 4.按格式 emulator.exe -avd 虚拟机名 -dns-server DNS地址执行以下命令   执行命令 em...
  • ES6中的Promise对象的理解

    作者: 陆金龙       发表时间: 2023-01-10 20:53
    参考:博客园 香吧香的博文《ES6 中 Promise对象使用学习》 1.不使用promise对象的ajax请求 ajax异步方式请求数据时,我们不能知道数据具体回来的时间,所以只能将一个callback函数传递给ajax封装的方法,当ajax异步请求完成时,执行callback函数。 定义: export const GetDataList = (params,successHandler,errorHandler) => { axios .get(url, {params}) .then(res => { ...
  • Webstorm开发React项目常见报错

    作者: 陆金龙       发表时间: 2022-12-31 10:17
    关键词:[eslint] Cannot read config file  
    1.node:internal/modules/cjs/loader:998 Error: Failed to patch ESLint because the calling module was not recognized. node:internal/modules/cjs/loader:998 解决方案:执行cnpm install eslint。 如果不行,删除node_modules目录,重新执行npm install 或者cnpm install 。 2.[eslint] Cannot read config file...
  • 使用nginx部署多个前端项目

    作者: 陆金龙       发表时间: 2022-11-22 14:38
    https://blog.csdn.net/qq_25460159/article/details/112947177 基于域名配置。每个域名配置一个server。避免同一个server里按子路径划分项目,在处理js、css等资源的404报错时,给js、css赋值root时产生冲突。   wavesurfer.js库演示:http://wavesurfer.klfront.com/ fabric.js库演示:http://fabric.klfront.com/
  • Windows系统前端开发环境安装

    作者: Kinglong       发表时间: 2022-11-13 22:14
    关键词:Nodejs  WebStorm  Nginx安装  
    1. 前端开发环境 1)IDE 可使用WebStorm或VSCode 进行前端项目开发。 WebStorm是jetbrains公司旗下一款JavaScript 开发工具。 VSCode是Microsoft开发的代码编辑器工具。 2)nodejs NodeJS 是基于Chrome V8引擎的 JavaScript 运行环境。 ReactJS是用JavaScript写的库。webpack是一个运行在NodeJS 端的打包工具,react-cli都是运行在 NodeJS 环境下的脚手架。React项目的开发依赖于NodeJs这个Jav...
  • Vite 2.0 + React + Ant Design项目搭建

    作者: Kinglong       发表时间: 2022-09-23 15:53
    https://zhuanlan.zhihu.com/p/358403100   Cannot find package '@vitejs/plugin-react-refresh' This package has been deprecated 改成 // import reactRefresh from '@vitejs/plugin-react-refresh' //报错找不到包 import reactRefresh from '@vitejs/plugin-react' https://www.npmjs...
  • el-input 去除边框样式

    作者: 陆金龙       发表时间: 2022-02-21 14:57
    <el-input v-model="user.username" class="input-noborder"> </el-input> 为元素引入新样式 input-noborder .input-noborder{     border: 0px ;  } 以上样式不生效。   以下是解决方案: (1)通过>>> 穿透scoped .input-noborder>>>.el-input__inner{ ...