html
文章平均质量分 64
普通网友
这个作者很懒,什么都没留下…
展开
-
vite打包后的文件提供传统浏览器兼容性支持
vite 为打包后的文件提供传统浏览器兼容性支持安装主要插件yarn add @vitejs/plugin-legacy -DVite 的默认浏览器支持基线是Native ESM。此插件为不支持本机 ESM 的旧版浏览器提供支持。*默认情况下,此插件将: *为最终包中的每个块生成相应的遗留块,使用@babel/preset-env 转换并作为SystemJS 模块发出(仍然支持代码拆分!)。 *生成一个包含 SystemJS 运行时的 polyfill 块,以及由指定的浏览器目标和包原创 2022-03-12 13:21:02 · 1426 阅读 · 0 评论 -
Vue-Element-Admin的项目集成自己的接口,登录跳转
1、先看一下请求配置文件,看axios.create这个方法,baseURL是基础路由baseURL:process.env.VUE_APP_BASE_API,路径:src-utils-request.js2、然后再看service.interceptors.request.use,设置token请求头,我后端集成的是jwt,所以请求头是Authentication,如图config.headers['Authentication'] = getToken()3.设置自己的状态码,看ser原创 2022-03-11 20:15:48 · 786 阅读 · 2 评论 -
uni-app实战项目,跟着做完你就可以独立作战了(四)
标签页实现新建home-label页面pages.json中设置我们在tab中设置点击事件跳转到标签管理页页面布局效果:实现:我们去数据库动态获取标签在这个云函数中做一个改造通过变量来判断是显示编辑还是完成,是否显示true为完成、false为编辑,不显示页面显示效果我们先获取数据循环显示到页面中事件处理添加两个单击事件(此时还没有连接数据库哦)点击推荐内容就放到我的里面点击我的里面的放到推荐中并且自己的删除掉这个方法也可以哦加入连原创 2022-03-11 18:52:37 · 188 阅读 · 0 评论 -
npm ERR A complete log of this run can be found in npm ERR CUsersAppDataRoamingnpm-ca
npm ERR! A complete log of this run can be found in: npm ERR! C:Users**AppDataRoaming pm-cache_logs?1-04-16T10_06_44_239Z-debug.log报错信息npm ERR! code ELIFECYCLEnpm ERR! errno 1npm ERR! electron@2.0.18 postinstall: `node install.js`npm ERR! Exit status原创 2022-03-11 14:52:00 · 399 阅读 · 0 评论 -
JavaScript奇淫技巧:压缩并加密图片
本文将用JavaScript实现两个颇有技术含量的功能:压缩图片、加密图片。直入正题:一、压缩图片压缩原理:将图片读入canvas,并使用canvas的toDataURL方法将图片base64化,在此过程中,可以设定quality值,即图片质量值,值为0.1到1之间,值越小,压缩度越高。完整代码:运行效果:压缩率上图中可以看到,压缩后图片的大小是28KB,而原始的文件大小是400多KB:可见,压缩效果还是非常不错的。二、加密图片前面所述的图片压缩,是很实用的技术,接下来才原创 2022-03-11 13:29:55 · 309 阅读 · 0 评论 -
element-ui element-plus合并行、el-table 行合并,可以指定要合并行的列名称
效果图这里只设置合并了前三列,可以通过参数自己定义1.使用导入js文件,并设置需要合并的列//导入js文件(文件脚本内容在下文)import {getRowspanMethod} from '@/hook/el-tables/use-span-method.js'//调用函数并导出需要的合并列函数 注意需要根据//data为查询到的数据//['prop1', 'prop2', 'prop3'] 需要合并的列const spanMethod=getRowspanMethod(data,[原创 2022-03-11 12:08:17 · 390 阅读 · 0 评论 -
2022年前端开发的最优策略
这篇文章故意具有挑战性、两极化和发人深省的特点。它涵盖了很多你很可能不知道的新鲜内容和想法。1.绪论我将尽力创造一个连贯的逻辑论证链,你可以按照它来了解前端开发应该如何运作。我也会尽量保持这篇博文的简单性,以便 "非开发人员 "大多能够跟上。2.一台电脑或智能手机上有多少个内核?你们都见过像这样的CPU的图片。例如,如果你使用的是Mac,你可以点击左上角的苹果图标,然后点击 “About This Mac”,它将显示类似的内容。处理器 3,2 GHz 8核英特尔至强W处理器一部iPho原创 2022-03-11 10:46:45 · 152 阅读 · 0 评论 -
爬虫破解瑞数js逆向动态混淆
巧用selenium破解瑞数js逆向实战站点:湖北省生态环境厅:http://sthjt.hubei.gov.cn/site/sthjt/search.htmlsearchWord=%E7%A2%B3%E6%8E%92%E6%94%BE&siteId=41&pageSize=10前言:爬虫界的一座大山,瑞数信息,看了网上的资料就算硬破也得搭建简易的web服务.不过再难,他都有解决方案,就是通过selenium+js逆向过程中的一些有用信息。# -*- coding: utf-8 -*原创 2022-03-10 11:43:17 · 1116 阅读 · 0 评论 -
【selenium】下拉滚动条
文章目录selenium下拉滚动条的三种方法一、设置滚动条位置二、js的window.scrollTo()方法三、定位元素进行滚动selenium下拉滚动条的三种方法一、设置滚动条位置execute_script(“document.documentElement.scrollTop= 位置”)from selenium import webdriverimport timedriver = webdriver.Chrome()# 访问网址driver.get(原创 2022-03-09 12:39:32 · 5704 阅读 · 0 评论 -
Vue报错 Variable ‘scope‘ is already declared in the upper scope
Vue报错 Variable ‘scope’ is already declared in the upper scope’项目场景:Vue "vue": "2.6.10",Eslint : "eslint": "6.7.2",eslint-plugin-vue : "eslint-plugin-vue": "6.2.2",问题描述: <el-table :data="..." ... > <el-ta原创 2022-03-09 11:16:16 · 4732 阅读 · 0 评论 -
Vue3.0 reactive()、ref()、unref()、isref()、toRefs()、computed()
reactive()等价于 vue 2.x 中的 Vue.observable() 函数,vue 3.x 中提供了 reactive() 函数,用来创建 响应式的数据对象。当(引用)数据 直接改变 不会让模版响应 更新渲染:一秒后页面没有变化<template> <div>count: {{state.count}}</div></template><script>export default { setup() {原创 2022-03-09 09:55:19 · 267 阅读 · 0 评论 -
VS Code环境准备全
一、环境工具:VS code下载和安装Download Visual Studio Code - Mac, Linux, WindowsNode.js下载和安装官网:Node.js二、插件安装#Auto Close Tag 写HTML时候自动生成闭合标签#Auto Rename Tag 修改HTML开始标签自动修改结束标签#Chinese(Simplified) Language Pa..简体中文语言包#HTML CSS Support高亮显示HTML css代码#Li原创 2022-03-09 08:20:36 · 71 阅读 · 0 评论 -
RuoYi-flowable工作流管理
上周有网友留言需要工作流相关的系统,今天介绍的这个就支持自定义的表单,可能未必是他想要的,但也许有其他人需要呢?反正都已经折腾完了??老苏已经尽量简化了安装,你只要下载一个 zip 文件,上传到群晖并解压,再执行一条命令就可以完成全部的安装,中途不需要修改任何东西,应该够简单了吧??什么是 RuoYi-flowable ?RuoYi-flowable 是基 RuoYi-vue 4.x + flowable 6.5 开发的工作流管理软件。前端采用 Vue、Element UI。后端采用 Sp.原创 2022-03-08 13:40:17 · 3034 阅读 · 1 评论 -
npm ERR code 1
npm ERR! code 1 npm ERR! path E:master ode_modules ode-sass npm ERR! comnpm install -g yarn 全局安装yarn去C:Usersqw删除.yarnrc和.npmrc删除项目文件夹里的node_module3yarnnpm run serve原创 2022-03-08 12:19:53 · 618 阅读 · 0 评论 -
JavaScript高级 函数进阶
函数进阶函数的定义方式‘函数的调用方式函数中的this指向问题改变this的指向call方法apply()bind()bind()方法的应用三种方法的区别函数的定义方式‘我们常用的函数定义有两种一种是自定义函数 也叫命名函数 如下function fn(){}一种是函数表达式 也叫匿名函数 如下var fun = function (){}但是我们也有第三种方式利用new关键字创造函数 var fun = new Function()我们都知道原创 2022-03-08 10:59:35 · 58 阅读 · 0 评论 -
Cannot find module ‘@vuecompiler-sfcpackage.json‘升级vue3.0报错
Cannot find module '@vue/compiler-sfc/package.json’升级vue3.0报错只需要运行这个两个就可以了yarn add vue@nextyarn add @vue/compiler-sfc -D原创 2022-03-08 08:19:18 · 336 阅读 · 0 评论 -
2022 年顶级网络安全专家最爱用的10大工具
目录1. Nmap (Network Mapper)网络映射器2. Nessus3. Nikto4. Kismet5. NetStumbler6. Acunetix7. Netsparker网络火花8. Intruder9. Nmap10. Metasploit如何使用这些软件?结论网络安全专家,不是你认为的那种搞破坏的网络安全专家。网络安全专家,即“ethical hackers”,是一群专门模拟网络安全专家攻击,帮助客户了解自己网络的弱点,并为客户提出改进建议的网络安全专家原创 2022-03-07 21:09:36 · 487 阅读 · 0 评论 -
解决Kaggle新用户注册无法弹出验证提示的问题
Kaggle官方地址:https://www.kaggle.com/在注册kaggle新用户时,发现填完信息以后始终出现错误提示kaggle Captcha must be filled out,意思就是没有填写验证码信息。但是实际并没有任何验证码提示出来:网上最新的解决方法已经失效,这里记录下最新的解决方案。尽管之前的方法已经没有作用,但是确给了个思路提示,也就是这个问题是由于缺少浏览器插件所导致的。那么只需要安装对应的插件即可。这里首先下载google chrome浏览器并安装使用,然后再下载原创 2022-03-07 09:42:03 · 6895 阅读 · 1 评论 -
同事都说我卷,趁着午休我 —— 彻底熟练使用《Vue3的选项APi》
目录mixin—局部如果组件与mixin冲突怎么办?总结:mixin造成的问题:?mixin—全局Vue2与Vue3的区别 Options API的弊端setup函数有哪些参数??setup函数的返回值setup不可以使用thisVue3中 reactive 和 ref 和 toRefs?和 toRefreadonly只读属性????toRefcomputed?Wacth监听Vue2 watch监听?vue3 watch的使用?Vue3 watchEffect?watch.原创 2022-03-06 04:50:19 · 119 阅读 · 0 评论 -
不会代码也想做酷炫大屏?30份精美可视化模板送给你
快过年了,和老朋友们聚一聚,其中一个快递行业的老王酒过三巡迟迟赶到。自罚三杯之后开始吐槽,老板突发奇想提出搞个业务大屏,但公司一没人力,二没技术,搞大屏等于是在痴人说梦。老板不死心,把这个任务丢给了他,这可苦了他,整整一周没睡上安稳觉。朋友们纷纷给他出谋划策:老友a说:“多找几个人,一起商量商量。三个臭皮匠,顶个诸葛亮嘛!”老王:“大家本来就忙,这件事也不是半天一天能够做完的。”老友b说:“找个开源可视化工具,像常用的JS+Echarts,定制开发一下。”老王:“我们小公司,哪来那么多懂技术的I原创 2022-03-06 03:28:22 · 128 阅读 · 0 评论 -
Web前端期末大作业--响应式电竞博客网页设计(HTML+CSS+JavaScript)实现
?? 作者主页:Java李杨勇??? 欢迎点赞 ?? 收藏 留言 ????文末获取源码联系??临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求的总数量太多?没有合适的模板?等等一系列问题。你想要解决的问题,在专栏???java项目精品实战分享案例《100套》》》web期末大作业网页实战《100套》》》Html+Css+JS期末大作业《100套》》》常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、.原创 2022-03-06 02:07:32 · 447 阅读 · 1 评论 -
vue3安装vuex报错: Could not resolve dependency npm ERR peer vue@“^2.0.0“ from vuex@3.6.2
解决方法: 输入npm install vuex@next --save,就可以安装成功原创 2022-03-06 00:46:10 · 1046 阅读 · 0 评论 -
nodejs安装和环境配置
nodejs安装和环境配置1.下载安装node.js官方下载地址: https://nodejs.org/en/ 下载LTS版本(长期稳定版本)安装可以更改安装路径(我的更改是D:Program Files)其余的都是选择 下一步, 安装测试是否安装 成功node -v 查看node的版本npm -v 查看npm的版本(新版的node安装自带安装npm)2.配置环境变量配置全局安装的模块路径和缓存路径(不一定是安装路径)在nodejs文件夹,创建 node_glo原创 2022-03-05 20:33:32 · 265 阅读 · 0 评论 -
VS Code中 npm 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查
问题解决方案1.首先我们看看自己的有没有安装cnpm(查看命令: npm list --depath=0 -g)2.如果没有我们就安装cnpm(查看命令:npm i cnpm -g)3.如果安装成功还是报错请看自己的安装路径 (查看命令:npm config get prefix)4.我们再打开我的电脑(右键)->属性->高级系统->再找到高级这一列->打开环境配置->找到path->添加自己的npm安装路径 就是(npm config get prefix)原创 2022-03-03 23:00:27 · 3237 阅读 · 1 评论 -
npm 安装不上bug --> “ gyp verb `which` failed Error not found python2“
D:development黑龙江cimbp-ui> npm i npm WARN deprecated uuid@3.4.0: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details.原创 2022-03-03 16:22:06 · 789 阅读 · 0 评论 -
json是什么,看了之后我才恍然大悟
?? 小 木 来 了 extcolor{Orange}{小木来了} 小木来了?? 使 用 J S O N 可 以 很 方 便 的 和 后 台 的 J a v a 对 象 进 行 数 据 传 递 extcolor{green}{使用JSON可以很方便的和后台的Java对象进行数据传递} 使用JSON可以很方便的和后台的Java对象进行数据传递???? J S O N 对 于 我 们 的 学 习 是 必 不 可 少 的 , 要 学 会 怎 么 去 使 用 extcolor{green}{JSON对于我们的.原创 2022-03-03 15:17:38 · 293 阅读 · 0 评论 -
Cannot set properties of undefined (setting ‘20‘)
我的JavaScript代码是:他的错误是“未捕获的类型错误:无法将未定义的属性设置为”let a=10,b=20console.log('a=',a+'b='+b)[a,b] = [b,a]console.log('a=',a+'b='+b)我的解决办法是在“console.log(‘a=’,a+‘b=’+b)”后面添加一个分号“;”代码变成了let a=10,b=20console.log('a=',a+'b='+b);[a,b] = [b,a]console.log('a=',a原创 2022-03-03 12:21:51 · 486 阅读 · 0 评论 -
直播不知道看谁?python写个颜值评分器答案一目了然
前言晚上回家闲来无事,想打开某直播平台,看看小姐姐直播。看着一个个多才多艺的小姐姐,眼花缭乱,好难抉择。究竟看哪个小姐姐直播好呢?今天我们就一起来做个颜值评分器,爬取小姐姐们的直播照片,对每位小姐姐的颜值进行打分排序,选出最靓的star。一、核心功能设计总体来说,我们需要做的是获取直播颜值区的主播小姐姐的正在直播的全部主播名称和封面图并保存下来,用百度AI提供的人脸识别接口,进行颜值评分排序,选出颜值最高的。拆解需求,大致可以整理出核心功能如下:获取主播直播封面图打开直播颜值区模块对页面原创 2022-03-02 03:59:32 · 543 阅读 · 0 评论 -
害怕·舍友仅靠一个浏览器插件就走向巅峰?
??写在前面??博客主页:kikoking的江湖背景??欢迎关注??点赞??收藏留言????本文由 原创,CSDN首发!??首发时间:??2021年12月19日????最新更新时间:??2021年12月19日??坚持和努力一定能换来诗与远方!??作者水平很有限,如果发现错误,请留言轰炸哦!万分感谢感谢感谢!作品征文链接:好插件·用户造,CSDN寻找最佳产品体验官 |有奖征文赛进行中…好插件·用户造,CSDN寻找最佳产品体验官 | 千元级实物礼在线召唤我是分割线新入门的程.转载 2022-03-02 02:55:56 · 268 阅读 · 0 评论 -
你真的了解爬虫吗?看完你会对网络爬虫有更深更全面的认识
前言爬虫是门很有意思的技术,可以通过爬虫技术获取一些别人拿不到或者需要付费才能拿到的东西,也可以对大量数据进行自动爬取和保存,减少时间和精力去手动做一些累活。可以说很多人学编程,不玩点爬虫确实少了很多意思,不管是业余、接私活还是职业爬虫,爬虫世界确实挺精彩的。今天来给大家浅谈一下爬虫,目的是让准备学爬虫或者刚开始起步的小伙伴们,对爬虫有一个更深更全的认知。文章目录前言一、认识爬虫1.什么是爬虫?2.爬虫的分类3.Robots协议二、爬虫的基本流程1.爬虫的4步2转载 2022-03-02 01:52:19 · 296 阅读 · 0 评论 -
yarn add 安装指定版本
yarn add xxx 安装默认版本yarn add xxx@1.1.1 安装指定版本yarn add xxx@tag 安装特定版本在安装vue-router@4.x.x,webpack@4.x.x,webpack@3.x.x等这种需要安装特定大版本时,有两种方法,下边用安装 vue-router@4.x.x举例1. yarn add webpack@^4可以使用yarn add webpack@^4,安装package.json中显示的是"vue-router": "^4",实际安装的版本原创 2022-03-02 00:48:40 · 2047 阅读 · 0 评论 -
vue3 setup使用(详细)
官网vue3-setup总结:1、setup 函数时,它将接受两个参数:(props、context(包含attrs、slots、emit))2、setup函数是处于 生命周期函数 beforeCreate 和 Created 两个钩子函数之前的函数3、执行 setup 时,组件实例尚未被创建(在 setup() 内部,this 不会是该活跃实例的引用,即不指向vue实例,Vue 为了避免我们错误的使用,直接将 setup函数中的this修改成了 undefined)4、与模板一起使用:需要返回一原创 2022-03-01 23:45:22 · 448 阅读 · 0 评论 -
FreeMarker详细介绍
FreeMarker1. 主要内容2.FreeMarker概述2.1. FreeMarker概念FreeMarker 是一款 模板引擎: 即一种基于模板和要改变的数据, 并用来生成输出文本(HTML网页,电子邮件,配置文件,源代码等)的通用工具。 是一个Java类库。FreeMarker 被设计用来生成 HTML Web 页面,特别是基于 MVC 模式的应用程序,将视图从业务逻辑中抽离处理,业务中不再包括视图的展示,而是将视图交给 FreeMarker 来输出。虽然 FreeMarker 具有一原创 2022-02-26 23:32:04 · 1593 阅读 · 0 评论 -
computed与watch的区别
1、功能上:computed是计算属性,watch是监听一个值的变化,然后执行对应的回调。2、是否调用缓存:computed中的函数所依赖的属性没有发生变化,那么调用当前的函数的时候会从缓存中读取,而watch在每次监听的值发生变化的时候都会执行回调。3、是否调用return:computed中的函数必须要用return返回,watch中的函数不是必须要用return。4、computed默认第一次加载的时候就开始监听;watch默认第一次加载不做监听,如果需要第一次加载做监听,添加immediate原创 2022-02-26 20:43:32 · 355 阅读 · 0 评论 -
JavaScript提高班之面向对象(六)
JavaScript帝国之行??内容地址JavaScript基础大总结(一) ??https://blog.csdn.net/Augenstern_QXL/article/details/119249534JavaScript基础之函数与作用域(二) ??https://blog.csdn.net/Augenstern_QXL/article/details/119250991JavaScript基础之对象与内置对象(三)??https://blog.csdn.net/Augenstern_原创 2022-02-26 14:49:23 · 87 阅读 · 0 评论 -
Dom树 CSS树 渲染树(render树) 规则、原理
前端不可不学的浏览器渲染机制,阿里年年问,去一个栽一个。听说百度也在考这个,你还不准备学吗?首先你要了解浏览器渲染的顺序:1.构建dom 树2.构建css 树3.构建渲染树4.节点布局5.页面渲染什么是dom 树?浏览器将HTML解析成树形的数据结构,简称DOM。DOM 是文档对象模型 (Document Object Model) 的缩写。它是 HTML 文档的对象表示,同时也是外部内容(例如 JavaScript)与 HTML 元素之间的接口。 解析树的根节点是Document对象。原创 2022-02-24 21:07:22 · 4228 阅读 · 0 评论 -
Vue3.x +Vite引入第三方Cesium包的配置方法
1. 简介在基于Cesium的应用开发过程中,经常会遇到要用的库并不是标准Cesium官方包的情况,官方包的Vue集成是相当成熟的,可以查看的资料也比较多,但是对于非官方的包引用集成,特别是在Vue3+Vite环境中,则是很少被人讨论到。本文针对在实际项目中,介绍如何在Vue3.x+Vite+TS环境引入第三方修改后的Cesium包进行集成开发的配置方法。2. Vue3.x+Vite环境搭建安装vite:cnpm install vite@latest创建项目:yarn create vite ce原创 2022-02-23 21:59:27 · 1673 阅读 · 0 评论 -
京东Cookie抓取
手机端需要用到Alook浏览器,安卓免费1、访问京东手机版 https://m.jd.com2、点击网页的右上角登陆账号,用短信验证登录3、点击浏览器中间的菜单键 右滑找到工具箱->开发者工具->Cookies参考文章:https://www.ddayh.com/2389.html#2电脑端需要用到Chrome浏览器,360极速、microsoft edge也可以。具体教程-> https://www.bilibili.com/read/cv12902053...原创 2022-02-23 00:59:27 · 2603 阅读 · 0 评论 -
uniapp开发:uniapp之切换vue3,一直使用一直爽
目录前言使用步骤Tips关注我,不迷路前言随着vue3.0发布以来,紧随着vue3.2又发布了,这尤大大也太厉害了吧。在这里vue3.x的优点就不多说了,反正就是爽。uniapp也是跟紧的步伐,在前几个版本就开始支持vue3.x的使用,甚至在2.9.3的cli版本就开始支持了,更多相关信息查看官方更新日志。从 HBuilderX 3.2 起,支持创建 vue3 的 uni-app 项目,更多uniapp相关信息查看uni-app 项目支持 vue 3.0 介绍,及升级指南。用法与常规vue原创 2022-02-21 19:10:57 · 7148 阅读 · 4 评论