![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 59
web18296061989
这个作者很懒,什么都没留下…
展开
-
GitHub Pages + Hexo搭建个人博客网站,史上最全教程
文章目录一、准备工作1. GitHub账号2. 安装Git3. 安装NodeJS二、创建仓库三、安装Hexo四、更换主题1. NexT 主题2. Fluid主题五、创建文章六、个性化页面展示1. 浏览器tab页名称2. 博客标题3. 主页正中间的文字七、添加阅读量统计1. 申请LeanCloud账号并创建应用2. 修改Fluid配置单篇文章阅读量计数页面底部展示网站的 PV、UV 统计数八、添加评论功能九、发布到Gi原创 2022-03-12 13:00:50 · 847 阅读 · 2 评论 -
vue3Ref 数组
今天遇到了一个需求Cascader级联选择器,选中后下拉框自动关闭,给组件挂一个ref,@change里面用togglePopperVisible()就可以自动关闭,但是现在我的级联选择器是在v-for循环的列表里面,而且列表是动态变化的,那么以上的方法就会变得不明确。所以要从单个绑定获取多个 ref: <!-- 表内容 --> <tr v-for="(item, index) in table.list" :key="index"> <!-- 选择器 --&g原创 2022-03-11 21:33:19 · 581 阅读 · 0 评论 -
vue 启项目报错Error EPERM operation not permitted, unlink
使用npm install安装依赖之后,有时候存在网络或其他问题安装不上个别依赖,其项目失败,报错当启项目时报错:Error: EPERM: operation not permitted, unlink此问题困扰好久,刚开始以为和其他人遇到的问题相似是因为管理员权限问题导致的,后来按照网络方法一顿使用发现不是权限问题,后来发现了问题不是权限问题,是因为一次安装失败之后,再次安装的时候直接npm install或者cnpm install,因为没有清除缓存导致的这个问题,此时应该清楚缓存在进行安装,首原创 2022-03-11 19:55:02 · 2394 阅读 · 0 评论 -
The request client is not a secure context and the resource is in more-private address space private
问题突然间文档平台http://doc.xxx.cn所有视频无法播放,控制台报错如下: Access to XMLHttpRequest at ‘https://xxx.yyy.com?accessKey=Y7TkK6ML2Pt0TAht&fragmentNum=0’ from origin ‘http://zzz.cn’ has been blocked by CORS policy: The request client is not a secure context and the reso原创 2022-03-11 18:32:03 · 1287 阅读 · 0 评论 -
ReferenceError require is not defined in ES module scope, you can use import instead
运行的第一个node.js,在package.json中增加了 "type": "module",然后自己傻憨憨看node API 的fs,学着里面写了下面的代码,报错,因为require不是定义在ES module里的,需要改成import。const fs = require('fs');fs.readFile('./1.txt', 'utf-8', (err, data) => { if (err) throw err; console.log(data);})终端运行原创 2022-03-11 15:55:06 · 3923 阅读 · 0 评论 -
MyBatis-Plus 如何实现连表查询
mybatis-plus-joingiteegithub使用方法安装在项目中添加依赖<dependency> <groupId>com.github.yulichang</groupId> <artifactId>mybatis-plus-join</artifactId> <version>1.2.2</version></dependency>或者clone代码到原创 2022-03-11 14:31:36 · 375 阅读 · 0 评论 -
iframe实现全屏,高度自适应浏览器实现
iframe编写<iframe id="iframe" name="iframe" height="100%" width="100%" src="https://www.baidu.com" scrolling="auto" frameborder="0" onload="changeFrameHeight()"></iframe>iframe的参数iframe原创 2022-03-11 13:09:27 · 2878 阅读 · 0 评论 -
Dom树 CSS树 渲染树(render树) 规则、原理
前端不可不学的浏览器渲染机制,阿里年年问,去一个栽一个。听说百度也在考这个,你还不准备学吗?首先你要了解浏览器渲染的顺序:1.构建dom 树2.构建css 树3.构建渲染树4.节点布局5.页面渲染什么是dom 树?浏览器将HTML解析成树形的数据结构,简称DOM。DOM 是文档对象模型 (Document Object Model) 的缩写。它是 HTML 文档的对象表示,同时也是外部内容(例如 JavaScript)与 HTML 元素之间的接口。 解析树的根节点是Document对象。原创 2022-03-11 11:48:01 · 1161 阅读 · 0 评论 -
解决电信网络Echarts官网打不开的问题
解决电信网络Echarts官网打不开的问题1、 打开网络共享中心:2、打开你正连接的wlan:3、点击属性后找到ipv4,双击4、修改DNS1、 打开网络共享中心:2、打开你正连接的wlan:3、点击属性后找到ipv4,双击4、修改DNS将dns修改为:(腾讯)首选:119.29.29.29备用:192.168.5.1(谷歌)首选:8.8.8.8备用:8.8.4.4(114)首选:114.114.114.114备用:114.114.115.115以上随原创 2022-03-10 12:44:08 · 1940 阅读 · 0 评论 -
在使用npm install时遇到的问题 npm ERR code ERESOLVE
在使用npm install时遇到的问题npm ERR! code ERESOLVEnpm ERR! ERESOLVE unable to resolve dependency treenpm ERR!npm ERR! While resolving: ruoyi@3.4.0npm ERR! Found: webpack@5.35.0npm ERR! node_modules/webpacknpm ERR! peer webpack@"^4.0.0 || ^5.0.0" from html原创 2022-03-10 09:58:49 · 1048 阅读 · 0 评论 -
使用idea创建web项目
前言:很高兴能够用自己所学知识为你提供答疑!!!今天我就来操作下如何使用idea这款软件创建web项目。步骤:1.创建项目首先新建一个项目然后选择最后一个,创建一个空白的Java项目,点击Next。这个时候给项目命名,我在这里命名为java_web,下面那个可以更改项目存放的路径,我这里放到自定的路径,点击Finish。刚进来的时候,idea会提醒你是否新建一个模块,先点击×,一会我们再创建模块。2.配置jdk这个时候,我们先来配置jdk的路径,以及tomcat的路径,方便之后原创 2022-03-09 13:40:01 · 2409 阅读 · 0 评论 -
[Vue warn] Failed to resolve component xxx
bug内容:原文:[Vue warn]: Failed to resolve component: testIf this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.at 必应翻译:未能解决组件:测试如果这是一个本地自定义元素,请务必通过编译器从组件分辨率中排除它。原因预读:逻辑问题:父组件都已经挂载上了,原创 2022-03-09 12:19:36 · 3125 阅读 · 0 评论 -
Vue初学遇到Module not found Error Can‘t resolve ‘.componentsLogin.vue‘ in xxx 项目路径问题
问题如下:一直报找不到这个login.vue文件问题分析:两种情况:vue版本和element-ui中引用的vue版本的冲突项目路径引入错误第一种情况我试过了,不是版本的问题,然后我就修改了一下路径,发现是Login.vue组件路径导入的错误解决办法如下:路径问题: 把./改为…/最后就可以正常访问啦_...原创 2022-03-09 10:55:43 · 2200 阅读 · 0 评论 -
vue3 setup语法糖请注意在script标签里加setup,不用return
虽然Composition API用起来已经非常方便了,但是我们还是有很烦的地方,比如组件引入了还要注册属性和方法都要在setup函数中返回,有的时候仅一个return就十几行甚至几十行不想写啊怎么办好办,Vue3官方提供了script setup语法糖只需要在script标签中添加setup,组件只需引入不用注册,属性和方法也不用返回,setup函数也不需要,甚至export default都不用写了,不仅是数据,计算属性和方法,甚至是自定义指令也可以在我们的template中自原创 2022-03-09 09:34:52 · 292 阅读 · 0 评论 -
uniapp连接mysql数据库
操作mysql数据库在server文件夹新建一个sql.js连接数据库在index.js文件中操作mysql数据库在server文件夹新建一个sql.js连接数据库var mysql = require('mysql');var connection = mysql.createConnection({ host : 'localhost', user : 'root', password: '密码', database: 'shop'})module.exports = conn原创 2022-03-09 08:00:44 · 1561 阅读 · 0 评论 -
React Hooks面试题
React Hooks面试题整理React 加入 Hooks 的意义是什么?为什么 React 要加入Hooks 这一特性?if else条件判断里使用hooks有什么问题hooks闭包的坑有哪些?如何解决常用的Hooks有哪些?useEffect为什么有时候会出现无限重复请求的问题useEffect的依赖项里类数组根据什么来判断有没有值变化React Hooks api的原理:React Hooks如何模拟组件生命周期?模拟的生命周期和class中的生命周期有什么区原创 2022-03-08 13:20:15 · 455 阅读 · 0 评论 -
mybatisplus group by 归组
QueryWrapper<MetaItem> wrapper = new QueryWrapper<MetaItem>() .select("set_id,count(0) as field_count") .in("set_id",setids) .groupBy("set_id"); List<Map<String,Object>> list.原创 2022-03-08 11:59:58 · 2434 阅读 · 0 评论 -
JavaScript
“关于JavaScript的那些小事”一、JS是什么?//JavaScript 简称 js;/*编写代码必须要在script标检中!*//*打印 console 控制台 log 日志 console 相当于java中的syso *///因为js是一门弱类型的语言,所以在js中,’'和""都可以,不会影响//在js中,是严重区分大小写的!!//在js中,可以不写;分号, 但是要跨行!!console.log(‘你好世界!’)console.log(“hello world!”)二、JS中原创 2022-03-08 10:39:36 · 417 阅读 · 0 评论 -
Element-ui: el-cascader 级联选择器 可以单独选择任意一级选项,去掉单选按钮
目标:1、vue项目中需要使用el-cascader组件,由于官方有单选框,所以需要根据业务去掉单选框点击文字就可以选择任意一级的内容。效果图如下:期望:(可以选择任何一级,有三级情况下,想选择二级就选择二级,并且去掉单选框)步骤如下:1.先设置父子节点取消选中关联,从而达到选择任意一级选项的目的代码:<el-cascader :props="{ checkStrictly: true }" popper-class='自定义类名' clearable></el-casc原创 2022-03-08 09:19:25 · 2063 阅读 · 1 评论 -
@vuecomposition-apidistvue-composition-api.mjs in .node_modulesvue-demilibindex.mjs 报错
This dependency was not found:* @vue/composition-api/dist/vue-composition-api.mjs in ./node_modules/vue-demi/lib/index.mjsTo install it, you can run: npm install --save @vue/composition-api/dist/vue-composition-api.mjs有没有什么解决的办法呢-----------------------原创 2022-03-08 07:59:21 · 2274 阅读 · 0 评论 -
14.Django中模板的继承及引用
引言:大家啊可以随便取找个网站,比如:淘宝。多去看看它不同的页面,用你闪亮的大眼睛去找不同点和相同点。到一定时候,你会发现,网站中有些不同的页面,它们中的部分数据是完全一模一样的;而且有些数据不一样的部分,它们前端的排版格式却是一模一样的哦!你肯定会心生疑问——难道这些页面全都要一个个敲代码做嘛!这也太绝望了吧!!!但是——不要忘记了!程序猿一大原则是:绝不做重复的事!所以对于上述现象,就涉及到了一个知识点——模板的继承与引用!!!1.模板的继承与引用Django模版引擎中最强大也是最复杂.转载 2022-03-07 20:48:32 · 303 阅读 · 0 评论 -
黑马微信小程序项目实战
文章目录1.小程序的第三方框架2. 帮助文件3.项目的搭建3.1新建小程序项目3.2搭建目录结构3.3. 搭建项目的页面3.4. 引?字体图标3.5 创建tabbar页面4. ??4.1. 效果4.2 使??定义组件的?式实现头部搜索框4.3 首页轮播图4.4 首页分类导航模块4.5 首页楼层模块5. 分类页面5.1 请求相关的数据5.2 页面的编写5.3 相关的样式5.3 添加缓存5.4 点击菜单左侧列表置顶5.5 提取公共接口路径6.原创 2022-03-07 10:45:26 · 1435 阅读 · 0 评论 -
JavaScript之彻底学会Event Loop
前言学习JavaScript执行机制能更好的理解JavaScript的代码执行顺序,进而更好的理解JavaScript的异步模式。Event Loop即事件循环,是浏览器或Node解决单线程运行时不会阻塞的一种机制。(也可以理解为经常使用的异步)在正式学习Event Loop之前,先提出几个问题:什么是同步与异步?JavaScript是一门单线程语言,那如何实现异步?同步任务和异步任务的执行顺序如何?异步任务是否存在优先级?同步与异步计算机领域中的同步与异步和我们现实社会的同步和异原创 2022-03-07 07:58:34 · 110 阅读 · 0 评论 -
前端报错vue.runtime.esm.js2b0e619 [Vue warn] Unknown custom element <github-corner> - did you regist
这个报错和引入组件有关系,,网上其他说法也很多,大多时导入时括号使用等问题,,我这里是因为我删除了之前使用的无用组件,而文中还参与了一部分针对这个引入组件的使用,而我使用的idea编辑器并不会提示,所以就没发现;这里把原先删掉的组件的使用部分进行删除就可以了...原创 2022-03-06 04:30:15 · 551 阅读 · 0 评论 -
【爬虫】Web基础——响应头、请求头、http&https、状态码(内含相关资源链接)
1 爬虫初步网络爬虫(又被称为网页蜘蛛,网络机器人)就是模拟客户端(主要指浏览器)发送网络请求,接收请求响应,一种按照一定的规则,自动地抓取互联网信息的程序。2 请求头和响应头2.1 常见请求头解析下面尝试访问百度首页Host :用于指定被请求资源的Internet主机和端口号Connection (连接类型)关闭TCP连接长连接(Keep-alive),默认情况Upgrade-Insecure-Requests (升级为HTTPS请求):下面补充http与htt原创 2022-03-06 03:08:16 · 267 阅读 · 0 评论 -
vue项目报GET http192.168.32.1058080sockjs-nodeinfot=1623033929802 netERR_CONNECTION_TIMED_OUT
平时在写vue项目的时候经常会遇到这个问题,写着写着浏览器就会突然抛出下面这个报错(这个报错无关紧要,不影响开发,一般不要管他,有强迫症的小伙伴往下看)网上找到的原因是因为sockjs-node库创建了一个低延迟、全双工的浏览器和web服务器之间通信通道,当我们在项目运行的时候会自动调用这个接口,如果没有使用,就会一直报这个错误(企业中跟后端联调之后就不会有这个报错了)解决方法:1.在项目中打开node_modules包并找到/sockjs-client/dist/sockjs.js文件.原创 2022-03-06 01:47:30 · 365 阅读 · 0 评论 -
vue3.0 router路由跳转传参(router.push)
vue3.0取消了2.0部分api,所以路由跳转传值方式有所不同。这里主要讲编程式导航,也就是router.push(location, onComplete?, onAbort?)vue3.0新增API:useRouter和useRoute一.路由跳转1.首先在需要跳转的页面引入API—useRouterimport { useRouter } from 'vue-router'2.在跳转页面定义router变量 const router = useRouter()3.用router.原创 2022-03-06 00:26:06 · 888 阅读 · 0 评论 -
antv x6自定义节点(使用vue渲染节点)
1、安装@antv/x6-vue-shape# npmnpm install @antv/x6-vue-shape# yarnyarn add @antv/x6-vue-shape# 在 vue2 下还需要安装 @vue/composition-apiyarn add @vue/composition-api --dev主文件引入@antv/x6-vue-shapeimport "@antv/x6-vue-shape";安装并应用该包后,指定节点的shape为vue-shape,并原创 2022-03-05 20:11:40 · 7978 阅读 · 2 评论 -
Vue.js学习的第一天
Vue.js学习的第一天官网文档地址:传送门一、Vue介绍:1.Vue.js是什么?作者:2014年2月,尤雨溪曾就职于Google Creative Labs和Meteor Development Group。Vue (读音 /vju/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也原创 2022-03-03 23:44:54 · 136 阅读 · 0 评论 -
uniapp使用map地图组件
本人所在的公司最近在做共享电动车的项目,打开该应用看到的就是一副地图,可以获取附近共享电动车的地址、状态等信息,开发这个应用程序还需要在地图上规划路线、动态显示轨迹、轨迹回放等功能。共享开发的项目功能总会用到LBS(Location Based Service),即基于位置的服务,国内提供地图服务的有百度地图、高德地图、腾讯地图,本文选取的是腾讯位置服务来进行地图功能的开发。二、使用步骤1.uniapp开发map说明使用uniapp是因为它是一个使用vue.js开发所有前端应用的框架,开发者编写一套原创 2022-03-03 22:37:38 · 17161 阅读 · 0 评论 -
typescript(四)ts中函数的参数和返回值的类型定义
前面我们讲到过ts的静态类型定义中的函数类型定义,先来回顾下:const fnA: () => string = () => { return '1' }const fnB: () => number = () => 6const fnC: () => boolean = () => true拓展下:在接口中如何定义函数类型呢?接口后期会讲interface Ifn { (one: number, two: number): number}let原创 2022-03-03 21:42:54 · 14837 阅读 · 0 评论 -
request content was evicted from inspector cache
问题: 浏览器无法查看 返回数据, 但是功能页面数据渲染 没问题,原因:响应报文被截断,超出浏览器响应报文的最大量 , 浏览器自动截断,解决方式,:后端处理,减少该接口返回的数据量原创 2022-03-03 17:05:11 · 1624 阅读 · 0 评论 -
nodeinternalmodulescjsloader936 throw err; 求解决
D:ethereumDkfuwq>node app.jsnode:internal/modules/cjs/loader:936throw err;^Error: Cannot find module ‘safe-buffer’Require stack:- D:ethereumDkfuwq ode_modulesKoa ode_modulescontent-dispositionindex.js- D:ethereumDkfuwq ode_modulesKoalib esponse.j原创 2022-03-03 16:00:33 · 469 阅读 · 0 评论 -
JavaScript中数组常用的19种方法总结
1、length获取数组长度var arr = [1,2,3,4,5];arr.length;//52、toString()返回由数组中每个值的字符串形式拼接成的一个以逗号分隔的字符串var arr = [1,2,3,4,5];arr.toString();//"1,2,3,4,5"3、valueOf()返回数组对象本身var arr = [1,2,3,4,5];arr.valueOf();//[1,2,3,4,5]4、join()将数组中所有元素组成字符串,并可以规定分隔符原创 2022-03-03 14:55:56 · 143 阅读 · 0 评论 -
element-plus组件库快速上手教程
前言一般我们开发单页面应用(关于单页面应用是什么在本专栏的另一篇文章中有介绍)时,特别是针对和我一样打算走后端开发的同学,对于前端只需要有了解的程度就行了,但是平常做项目练手时经常会要自己写前端的东西,所以本文的主旨就是让各位和我一样的后端开发的同学能快速使用element-ui提供的网页组件快速搭建自己需要的网页。小tips在Idea中安装一个叫“element”的插件,就可以在Idea中写element组件的关键词时快速生成基本代码,比如我现在想要生成一个el-button:在安装了eleme原创 2022-03-03 13:51:32 · 3471 阅读 · 0 评论 -
@ multi (webpack)-dev-serverclienthttplocalhost8080 webpackhotdev-server .srcmain.js
百度了很多次 大多数都要让运行命令 npm install babel-plugin-transform-vue-jsx --save-dev可是对我来说还是不行 所以就有了以下方法原本的文件名 .babelrc{ "presets": [ ["env", { "modules": false, "targets": { "browsers": ["> 1%", "last 2 versions", "not ie <= 8"] .原创 2022-03-03 12:00:06 · 982 阅读 · 0 评论 -
200行JS代码为你的网页挂上红灯笼
目录一、前言二、效果展示局部效果全局效果三、代码讲解1.确定位置2.绘制灯笼3.动态效果四、添加脚本到网页1.下载万能的油猴2.安装使用3.附录一、前言除夕夜,在门前挂上灯笼有鸿(红)运当头的吉祥寓意,逢年过节挂的灯笼上,基本都是吉祥的图案和祝福的吉祥话。而灯笼的正红色是朱砂的颜色,而朱砂是风水上讲去邪挡煞效力极强的宝物,所以自古逢年过节,就有在大门上挂红色灯笼的传统。二、效果展示局部效果全局效果三、代码讲解1.确定位置我们平常挂灯笼一般是挂在..原创 2022-03-03 00:09:24 · 104 阅读 · 0 评论 -
青龙面板脚本去重
懒人一键上车地址:https://jd.funyhook.com1、创建新定时任务进入qinglong/ql/script/目录2、新建去重脚本jd_disable.js# -*- coding:utf-8 -*-'''cron: 20 10 */7 * *new Env('禁用重复任务');'''import jsonimport os, sysimport requestsimport timeip="localhost"//填写你要保留的脚本的前缀substr="c原创 2022-03-02 13:38:54 · 2513 阅读 · 0 评论 -
vue3 element plus按需引入最优雅的用法
全局导入下载安装element plus后,在入口文件配置一下并挂载,就能畅通无阻的使用了。但问题是这样有很多用不上的组件都被打包进来了,导致包的体积非常大。按需导入采用按需导入的方法,其实是用解构的方式,从element的包中解构出来,再挂载到app上面。这样开发中用到什么组件就打包什么确实很好,减少了包的体积。但是又有一个新的问题,就是每次想要使用新的组件的时候,都要去解构一下,并且挂载。操作起来非常繁琐。有什么办法能够像使用全局引入那样只配置一次,后面要用到什么组件,都会自己按需加载呢?vi原创 2022-03-02 12:34:04 · 212 阅读 · 0 评论 -
最详细的avue属性及使用详细介绍
avue属性及使用详细介绍官方文档<template><!-- 基础组件 --> <basic-container> <!-- <el-button @click='exportHandle'>导出</el-button> --> <avue-crud 设置表格属性 :option="option" 用来存取页面的值 v-model="form"原创 2022-03-02 03:38:15 · 2106 阅读 · 0 评论