
html
文章平均质量分 59
普通网友
这个作者很懒,什么都没留下…
展开
-
python使用selenium打开chrome浏览器时带用户登录信息
导读我们在使用selenium打开google浏览器的时候,默认打开的是一个新的浏览器窗口,而且里面不带有任何的浏览器缓存信息。当我们想要爬取某个网站信息或者做某些操作的时候就需要自己再去模拟登陆selenium操作浏览器这里我们就以优快云为例,来展示如何让selenium在打开chrome浏览器的时候带上用户的登录信息打开chrome浏览器from selenium import webdriverfrom selenium.webdriver import ChromeOptions原创 2022-03-12 13:09:04 · 990 阅读 · 1 评论 -
Vue 虚拟DOM和diff算法
vue 中数据改变 -> 虚拟DOM(计算变更)-> 操作DOM -> 视图更新虚拟DOM: js执行速度比较快什么是虚拟DOM?用JS模拟DOM结构为什么需要虚拟DOM?vue中 数据驱动视图,需要用高效方法来控制DOM操作的次数diff算法: 虚拟DOM的核心patch函数两个使用场景:首次渲染时,判断第一个参数是否是一个真实dom元素,是的话就创建空vnode,并且关联一个DOM元素,然后比较patch函数传入的第一个参数和第二个参数是否是同一个vnod原创 2022-03-11 20:03:23 · 241 阅读 · 0 评论 -
TypeError undefined is not iterable (cannot read property Symbol(Symbol.iterator))
今天在学习react Hooks使用时,因为自己粗心大意,写了一个非常傻的一句代码,导致了react 报错TypeError: undefined is not iterable (cannot read property Symbol(Symbol.iterator))最后找了十分钟,浪费了时间切记切记 ,不要再烦下面我来说了这个简单的特别啥的bug我们都知道react 去年出了 Hooks ,但是之前一直用vue开发,很少使用过react。最近公司接了个react项目,没办法,只能在学习一下原创 2022-03-11 18:40:27 · 6317 阅读 · 1 评论 -
Set operation on key “visible“ failed target is readonly
vue3 报错 Set operation on key “visible” failed: target is readonly.变量visible只读属性,无法修改。解决:visible 改成响应式 // 原先visible 从props.modal获取, const { modalData: { visible }} = props//修改 const { modalData: { visible }} = props const visibleNew = ref(visib.原创 2022-03-11 16:03:31 · 8340 阅读 · 0 评论 -
Naive Ui Admin 发布后台管理系统 高颜值Admin骨架 看看是不是你想要的
简介Naive Ui Admin 是一个免费开源的中后台模版,使用了最新的vue3,vite2,TypeScript等主流技术开发,开箱即用的中后台前端解决方案,也可用于学习参考。特性最新技术栈:使用 Vue3/vite2 等前端前沿技术开发TypeScript: 应用程序级 JavaScript 的语言主题:可配置的主题Mock 数据 内置 Mock 数据方案权限 内置完善的动态路由权限生成方案组件 二次封装了多个常用的组件页面功能Features菜单模式(左侧/顶部).原创 2022-03-11 14:39:47 · 1076 阅读 · 0 评论 -
JavaScript 中的 7 个杀手级单行代码
?? 作者主页:海拥?? 作者简介:??优快云全栈领域优质创作者、??HDZ核心组成员?? 粉丝福利:粉丝群 每周送13本书,不定期送各种小礼品直接跳到末尾 去评论区领书JavaScript 是 Web 开发最重要的支柱。洗牌阵列在使用需要一定程度随机化的算法时,你经常会发现洗牌数组是一项非常必要的技能。以下代码段以复杂的方式对数组进行混洗。O(n log n)const shuffleArray = (arr) => arr.sort(() => Math.random() -原创 2022-03-11 13:17:45 · 132 阅读 · 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-11 11:56:12 · 1874 阅读 · 0 评论 -
记录一下今天犯的一个低级错误Uncaught (in promise) ReferenceError err is not defined
用vue做项目,用AXIOS获取数据,然后对数据进行筛选,代码如下然后就开始报错了百思不得其解,搞了半天,结果发现是因为我给变量collections定义是const,但是后来却改变了,居然会犯这么低级的错误,真是太弱智了,修改过后就没有报错了控制台正常输出结果...原创 2022-03-10 12:52:16 · 3015 阅读 · 0 评论 -
基于Vite + Vue3 + NaiveUI + TypeScript的中后台管理模版 — Soybean Admin开源啦
???基于Vite + Vue3 + NaiveUI + TypeScript的中后台管理模版 — Soybean Admin开源啦???简介Soybean Admin 是一个基于 Vue3、Vite、TypeScript、Naive UI 的免费中后台模版,它使用了最新的前端技术栈,内置丰富的主题配置,有着极高的代码规范,基于mock实现的动态权限路由,开箱即用的中后台前端解决方案,也可用于学习参考。特性最新技术栈:使用 Vue3/vite2 等前端前沿技术开发, 使用高效率的npm包管理器pn原创 2022-03-10 10:07:01 · 700 阅读 · 0 评论 -
做web开发,怎么能不懂cookie、session和token呢?
如果把人体比作一个web系统的话,cookie、session和token就好像人体的经络和血管一样,而web系统中的数据,就好像人体的血液一样。血液依靠着血管在人体内流动,就如数据根据cookie和session机制在web系统中流动一样。而web系统开发者就好比一个医术精湛的医生,医生需要十分清楚人体的经络和血液流向才能对症下药,而web系统开发者需要十分清楚cookie、session机制,才能迅速解决疑难BUG,开发出更好的web系统。————胡说引入:我们都知道http协议本身是一种无状态.原创 2022-03-09 13:48:08 · 158 阅读 · 0 评论 -
“export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘
vue-router@4使用时,报上面的错,代码是这么写的import?VueRouter?from?'vue-router'const?Test?=?{template:?`<h1>测试</h1>`}const?routes?=?[??{????name:?'Test',????path:'/test',????component:?Test??}]const?router?=?VueRouter.createRouter({??//?4.原创 2022-03-09 12:27:43 · 556 阅读 · 0 评论 -
vue如何获取proxy对象里的属性值
proxy打印出来是一个这样的对象直接打印proxy里面的值可能会报undefined最简单的解决办法就是: // 导入toRaw函数 import { toRaw } from '@vue/reactivity'; // 该函数返回转换后的对象 const crystal = toRaw(menu); // 输出可以看到已经不是proxy对象了 console.log(crystal);这样就能打印出proxy里原始的对象...原创 2022-03-09 11:03:50 · 3582 阅读 · 0 评论 -
Vue3 全家桶 + Element Plus + Vite + TypeScript + Eslint 项目配置最佳实践
尤大的 Vue3.0 已经发布有一阵子了,已经很成熟了。而且 Element Plus + Vite 也出了一段时间了,是时候该上手体验分享一波了。主要是要熟练一下 Vue3,好准备用 Vue3 重构一下自己的网站项目: blog-vue-typescript ,计划是过年期间会着手重构这个项目,年后会上线。1. 初化化项目全局安装 vite-appnpm?i?-g?vite-app创建项目yarn?create?vite-app?<project-name>#?或者n.原创 2022-03-09 09:43:02 · 1091 阅读 · 0 评论 -
Visual Studio 2022自定义(透明)主题和壁纸完整版
效果如下:1.第一步:下载VS2022、下载VS工具集中的扩展开发2.安装好后进入VS2022,点击联机下载扩展:Visual Studio Color Theme Designer 20022和ClaudiaIDE3.安装完成后就可以添加自定义图片(壁纸):工具->选项->ClaudiaIDE注意:扩展到IDE修改为True4.自定义主题:点击文件->新建项目根据下面的列表,修改控件的颜色属性值为 2A252526即可TreeView -> Backg原创 2022-03-09 08:08:44 · 1822 阅读 · 0 评论 -
React-router-V6.0路由的使用
我的有道云参考文档一、路由的介绍React Router 是一个基于 React 之上的强大路由库,它可以让你向应用中快速地添加视图和数据流,同时保持页面与 URL 间的同步通过react-router主要创建单页面的大型应用(SPA)二、安装路由先通过npx create-react-app搭建一个项目1、在react的项目中安装路由react-router或者react-router-domnpm install react-router-dom --savepackage.json里原创 2022-03-08 13:28:21 · 219 阅读 · 0 评论 -
Node.js 商标转让给 OpenJS 基金会
在昨日的情人节当天,OpenJS基金会为保证JavaScript开源社区的持续增长,正式宣布收购Node.js徽标和商标的所有权。即日起,为Node.js提供长期赞助与管理的Joyent公司将把Node.js商标的所有权与管理权转让给OpenJS基金会,后者将负责Node.js的商标管理与维护工作。图源:OpenJS基金会官网Node.js是基于Chrome 的V8 JavaScript 引擎构建的JavaScript 运行时,由美国软件工程师瑞安·达尔开发。起初,Node.js的开发和维护工作是由达原创 2022-03-08 12:08:00 · 119 阅读 · 0 评论 -
JavaScript基础之函数与作用域(二)
JavaScript帝国之行??内容地址JavaScript基础大总结(一) ??https://blog.youkuaiyun.com/Augenstern_QXL/article/details/119249534JavaScript基础之函数与作用域(二) ??https://blog.youkuaiyun.com/Augenstern_QXL/article/details/119250991JavaScript基础之对象与内置对象(三)??https://blog.youkuaiyun.com/Augenstern_原创 2022-03-08 10:47:42 · 92 阅读 · 0 评论 -
Error Cannot find module ‘@vuecli-plugin-babel‘
在使用npm run serve命令启动项目时,报找不到某个model的错误解决1.把原本已生成的node-models删除2.重新使用npm install命令下载依赖3.重新启动项目,我这里是npm run serve命令启动的推荐博客:? ? ? ? ? ? ? ? ? (1条消息) Error: Cannot find module ‘@vue/cli-plugin-babel’_hkduan的博客-优快云博客...原创 2022-03-08 09:27:28 · 3914 阅读 · 0 评论 -
apifox介绍及使用(1)。
一、apifox简介及下载:1、apifox:是 API 文档、API 调试、API Mock、API 自动化测试一体化协作平台。2、定位 :Postman + Swagger + Mock + JMeter。3、下载与安装:官网下载地址:https://www.apifox.cn/按照需要下载对应版本,下载完毕后解压安装即可。二、apifox页面布局简介:1、apifox几个简单概念:(1)团队:该工具支持团队协同办公,可以根据需要 创建不同的团队,在工具页面左侧,显示自己的团队,也可新原创 2022-03-08 08:07:24 · 5167 阅读 · 0 评论 -
2021-09-16 npm install @vuecli 卡在了 reifyrxjs timing reifyNode node_modules@vueclinode_modules
npm install @vue/cli 卡在了 reify:rxjs: timing reifyNode: node_modules/@vue/cli/node_modules/....随后产生报错查了一堆东西,后来发现其主要原因在于npm镜像源的问题。安装完nodejs之后默认镜像源为 淘宝镜像源使用npm命令或者nrm命令切换镜像源至npm官方镜像源即可注:本人长期科学上网因此npm官方源速度和淘宝基本没差,如果没有科学上网手段的朋友可能需要另想办法。再注:淘宝镜像源出问题的原因尚未查明,原创 2022-03-07 20:56:44 · 5588 阅读 · 0 评论 -
情人节福利,恋爱话术微信小程序它来了(开源,看了就懂~,2万字真香警告)
1、前言在大家眼中,有没有觉得女神就像冰山美人一样?在聊天中对你是很高冷,或者是忽冷忽热,爱理不理。很多男生面对这个问题都束手无策,或者女神不理你时,又急着发短消息过去了,结果女神根本不理睬你。那怎么办呢?其实女神也一样,是情绪动物,她的情感由情绪控制着,不会像男人那样理性、讲逻辑。你说服不了她喜欢你,但通过调动她的情绪,你可以让她喜欢你。所以会一些调情幽默的恋爱话术尤为重要,如果你能做到,让女人快乐,开怀大笑,有时候又会悲伤,让她的情绪为你所动,那么她对于你投入的情感会是有很多的。2、技术栈转载 2022-03-07 08:06:35 · 1657 阅读 · 0 评论 -
前端面试经历(字节、滴滴、虎牙),讲真的还挺难,前端大厂面试题总汇得看看
小编整理最近了小伙伴中具有代表性的面试经历及面试题,他们的情况小编就不多说了,一起看看他们面试中都遇到了什么问题。字节一面刚开始就问我的项目,问的很详细。webpack 提高构建速度的方式loader 输入什么产出什么 ?webpack 原理webpack 动态加载的原理webpack 热更新如何写一个 webpack pluginAST 的应用如何解析一个 html 文本,还是考 ASTbabel 原理,怎么写 babel 插件如何设计一个沙盒 sandbox ?小程序的 A原创 2022-03-06 04:38:20 · 385 阅读 · 0 评论 -
一、从项目零基础入门微信小程序之项目搭建欢迎页面实现
前言本项目以JavaScript语言进行开发未涉及到TS内容本项目较为基础,仅供学习与交流,不涉及任何商业内容,首先需要电脑安装微信小程序开发工具,这里就不在阐述具体安装步骤如果不会可以移步百度搜索,当我们的开发工具安装完成后,首页我们要创建项目具体操作步骤如下.1、小程序项目创建步骤1.1、首先我们打开开发工具选择【小程序】接着我们继续填写【项目名称】【目录】【APPID】【开发模式】 【后端服务】 【模板选择】选择完毕后我们点击确定即可完成创建.内容详解项目名称:这里的项目名称随便起个名原创 2022-03-06 03:16:26 · 1636 阅读 · 0 评论 -
warning in .node_modules_vuex@xxx@vuexdistvuex.esm-browser.js
执行 npm run dev 出现以下警告WARNING Compiled with 4 warnings上午8:38:34warning in ./node_modules/_vuex@4.0.2@vuex/dist/vuex.esm-browser.js1077:9-14 "export ‘watch’ was not found in ‘vue’warning in ./node_modules/_vuex@4.0.2@vuex/dist/vuex.esm-browser.js140:原创 2022-03-06 01:55:36 · 1131 阅读 · 0 评论 -
Vue3.x属性继承报错解决
编写vue组件的时候莫名报了下面的警告:[Vue warn]: Extraneous non-props attributes (border, style) were passed to component but could not be automatically inherited because component renders fragment or text root nodes.at xxxx(发生问题的组件位置)at ...解决:在自定义组件上添加了border、style属性原创 2022-03-06 00:34:14 · 1171 阅读 · 0 评论 -
Error in nextTick “TypeError Cannot read property ‘xxx‘ of undefined“
报这个错主要是因为子组件还没加载完成就对子组件进行赋值,推荐使用第一个 this.$nextTick( ()=> { //修改子组件的内容 }); //或 setTimeout(() => { //修改子组件的内容 }, 50);父组件传值给子组件,子组件不能直接修改,会报错//子组件修改父组件的值this.$emit('名字','值');//子组件调用父组件的方法this.$emit('方法', va原创 2022-03-05 20:20:28 · 1944 阅读 · 1 评论 -
vant官网-vant ui 首页-移动端Vue组件库
Vant 是有赞前端团队开源的移动端vue组件库,适用于手机端h5页面。鉴于百度搜索不到vant官方网址,分享一下vant组件库官网地址,方便新手使用vant官网地址https://vant-contrib.gitee.io/vant/#/zh-CN/通过 npm 安装在现有项目中使用 Vant 时,可以通过npm或yarn进行安装:# Vue 2 项目,安装 Vant 2:npm i vant -S# Vue 3 项目,安装 Vant 3:npm i vant@next -Svant原创 2022-03-03 22:47:04 · 20119 阅读 · 1 评论 -
SpringBoot+MyBatisPlus+Thymeleaf+AdminLTE增删改查实战
说明AdminLTE是网络上比较流行的一款Bootstrap模板,包含丰富的样式、组件和插件,非常适用于后端开发人员做后台管理系统。因为最近又做了个后台管理系统,这次就选的是AdminLTE做主题模板发现效果不错,这里我把最核心的SpringBoot如何集成AdminLTE实现增删改查的源码提供出来,需要的朋友可以参考而少走弯路。项目源码需要源码的朋友给我来个一键三连,留个邮箱后发送!实现效果技术选型前端:Thymeleaf+Bootstrap+AdminLTE+插件后端:Spri原创 2022-03-03 17:13:56 · 475 阅读 · 0 评论 -
npm ERR,fatal unable to access ‘httpsgithub.comnhnraphael.git‘ OpenSSL SSL_read Connection
vue 初始化项目出现:npm ERR! fatal: unable to access ‘https://github.com/nhn/raphael.git/’: OpenSSL SSL_read: Connection was reset, errno 10054问题详情:npm ERR! Command failed: D:softwareGitbingit.EXE clone --depth=1 -q -b 2.2.0-c https://github.com/nhn/raphael.git原创 2022-03-03 16:09:13 · 810 阅读 · 1 评论 -
javascript百炼成仙 第一章 掌握JavaScript基础01 初入宗门
乐阳村,处于脚本大陆东部的边缘地带,民风淳朴,村民日出而作,日落而息。这一日清晨,所有村民来到村庄的门口,正在为一个十五六岁的少年送别。只见那少年虽然身体瘦弱,可是目中绽放出异彩,身躯虽不壮实,倒也挺拔。“叶小凡,你是我们全村人的骄傲,百年来唯一一个具备修行JavaScript甲等资质的孩子!马上会有千鹤派的大人来接你,今后你一定要认真修行,给我们全村的人争光!”他叫叶小凡,几天前通过了修行资质的检验,符合修行JavaScript的资质。“千鹤派!”叶小凡眼前一亮,语气中伴随着激动,两眼放光。千鹤派,转载 2022-03-03 15:04:42 · 582 阅读 · 0 评论 -
Error Cannot find module ‘CUsersAppDataRoamingnpmnode_modules..错误,解决方法
npm和node命令 有效,但vue 命令无效的时候。出现这个错误的原因暂不明确,可能是由于重复安装或者勿删或者其他什么原因导致,vue的一系列命令失败。解决方法,删除node_model下的所有文件,,和node_cache下的所有文件。重新配置vue和vue-cli。如果只删除了node_model下的文件,是不可以的。执行vue命令时,貌似是先从node_cache中找到相应的文件,然后去匹配node_model下的文件。所以两个都要删除干净。如果还不能解决问题,请重新安装node.js。具体原创 2022-03-03 14:00:16 · 5252 阅读 · 0 评论 -
API 与 Web API 以及 与Java Script 基础的关联
Java Script 分为三部分,分别为 ECMA Script , DOM , BOM其中ECMA Script就是学过的 JS 基础语法,DOM与BOM属于Web APIAPI:API 即应用程序编程接口(Application Programming Interface)是一些预先定义过的函数或接口,目的在于用来提供应用程序与开发人员基于某软件或硬件得以访问的一组例程,而又无需访问源码,或理解内部工作机制的细节,可以简单理解为 API 就是为程序员提供的一种便捷的工具,方便各种想要实现的功能原创 2022-03-03 12:08:45 · 96 阅读 · 0 评论 -
淘宝抢购Python脚本
想买mate40,但总是抢不到,所以想试着能不能写个脚本代码。第一步:把想要抢购的商品加进购物车,注意:脚本是对购物车内全部商品进行下单操作,所以不够买的商品最好先从购物车内删除。第二步:写好Python脚本,在抢购之前运行,并设置好抢购时间。Python脚本实现安装Python。我安装的是anaconda安装webdriver扩展。它是Selenium模块的一部分。Selenium是一个用于Web应用程序测试的工具,用于测试你的应用程序看是否能够很好得工作在不同浏览器和操作系统之上。Selen原创 2022-03-02 03:46:51 · 2286 阅读 · 1 评论 -
基于javaSpringboot+layui实现装修验收管理系统
前言:随着社会的进步和科技的发展,越来越多的人追求新颖独特,实用的居住和工作学习环境。因此,在如今的建筑装饰工程中,既要考虑到客户的需求和与建筑结构的协调统一又要考虑到成本和施工组织的安排,所以说现代装饰工程是一件相对繁琐却又必须要做好的事情。在保质保量完成工作内容的同时,还要确保施工施工验收的各项标准数据、通过一段时间对Java相关开发知识的学习,基本了解了施工过程中的各种工艺流程和特点,利用JavaSpringboot+layui简单做个一个装修验收管理系统、适用于简单学习参考使用。??文末获取源.原创 2022-03-02 02:43:17 · 146 阅读 · 0 评论 -
一篇文带你从入门到发布了解 uni-app
文章目录uni-app入门学习使用 uni-app 的前置条件小程序APP快速上手发布uni-app入门学习什么是 uni-appuni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台。uni-app在跨端数量、扩展能力、性能体验、周边生态、学习成本、开发成本等6大关键指标上拥有极强的竞争优势 。跨端原创 2022-03-02 01:39:35 · 292 阅读 · 0 评论 -
WARN A new version of sass-loader is available. Please upgrade for best experience
通过脚手架安装的项目,根据官网给的步骤一步一步安装引用会报错这样写就报错uni.scssimport ‘uview-ui/theme.scss’;App.vueimport ‘uview-ui/theme.scss’;换成uni.scss@import ‘./…/node_modules/uview-ui/theme.scss’;App.vueimport “./…/node_modules/uview-ui/index.scss”;...原创 2022-03-02 00:36:02 · 3815 阅读 · 0 评论 -
vue 路由警告 Duplicate named routes definition
今天在开发的时候,项目报了一个警告Duplicate named routes definition ,这里记录一下解决方式和思路。警告产生的原因根据提示内容,我们大概猜测是和路由的name有关,上网了解了一下,验证了我们的猜测是正确的。警告是由于路由的name 重复导致的。(原理?who care (艹皿艹 ))错误类型虽然我们已经知道警告是由于name重复导致,其实细分一下还是有点不一样的。一是静态路由中的name重复,一是动态路由的name 重复举例说明静态路由:错误demo:{原创 2022-03-01 23:32:36 · 431 阅读 · 0 评论 -
npm安装及环境配置
1、下载node.js (下载地址:https://nodejs.org/zh-cn/download/)2、下载之后安装 (注意:不建议安装在C盘)3、cmd查看是否安装成功4、找到安装目录、添加两个文件目录5、cmd下输入两条命令npm config set prefix “D:Program Files odejs ode_global” //node的安装路径npm config set cache “D:Program Files odejs ode_cache”6、环境变量原创 2022-02-28 22:24:32 · 1043 阅读 · 0 评论 -
Linux常用指令合集
文章目录文件处理命令lsmkdircdpwdrmdircpmvrmtouchcattacmorelessheadtailln权限管理命令chmodchownchgrpumask文件搜索findlocatewhichwhereisgrep帮助命令manwhatisapropos–helphelp用户管理命令useraddpasswdwhow压缩解压命令gzipgunzip原创 2022-02-28 20:11:45 · 95 阅读 · 0 评论 -
elementUI里的button使用disabled属性
学习记录:实现在table列表中控制二次点击按钮时对应行的button为不可点击,效果图如下:1.el-table在表格按钮标签中定义disabled属性HTML部分代码:<div id="app"> <el-table :data="showTableData" <el-table-column fixed="right" label="操作"原创 2022-02-26 23:16:53 · 5442 阅读 · 0 评论