![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 63
普通网友
这个作者很懒,什么都没留下…
展开
-
vue.js中使用甘特图(gantt-elastic)的使用
在vue中使用甘特图(gantt-elastic)做进度跟踪公司要使用甘特图插件来跟踪任务的进度 ,在使用这个插件的过程中踩了太多的坑了,很多配置都没有文档的 连英文文档都没有,然后就看了源码研究了下具体的配置,具体的配置我都在下面的文章中截图有备注了。如果说有什么问题给我留言 我这边会在看到的第一时间回复。一、首先要安装gantt-elastic这个插件在npm官网上下载 https://www.npmjs.com/package/gantt-elasticnpm install --save g原创 2022-03-11 20:20:16 · 2498 阅读 · 2 评论 -
UNI-APP页面跳转时(uni.navigateTo),参数传递
方法一:1、在起始页面跳转到test.vue页面并传递参数//在起始页面跳转到test.vue页面并传递参数uni.navigateTo({ url: 'test?id=1&name=uniapp'});2、在test.vue页面接受参数export default { onLoad: function (option) { //option为object类型,会序列化上个页面传递的参数 console.log(option.id); //打印出上个页面原创 2022-03-11 18:57:02 · 1198 阅读 · 0 评论 -
npm install --global --production windows-build-tools卡在Successfully installed Python 2.7不动
问题:执行npm命令:npm install --global --production windows-build-tools一直卡在Successfully installed Python 2.7不动。一些解决方案:网上搜索后,找了一些解决方案:①下载python2.7,并配置环境变量②执行npm install --global --production --verbose windows-build-tools或npm install --global --dev --verbos原创 2022-03-11 14:56:23 · 4591 阅读 · 0 评论 -
JavaScript核心知识第四章---PC端、移动端网页特效(含大量代码分析)
前言温柔的日落中总归要夹杂些诗和远方JavaScript核心知识第四章—PC端、移动端网页特效(含大量代码分析)一、PC端网页特效(1)元素偏移量 offset 系列1.1 offset 概述1.2 offset 与 style 区别1.3 案例1:获取鼠标在盒子内的坐标1.4 案例2:模态框拖拽(2)元素可视区 client 系列2.1 案例:淘宝 flexible.js 源码分析(3)元素滚动 scroll 系列3.1 元素 scroll 系列属性原创 2022-03-11 13:34:17 · 1168 阅读 · 0 评论 -
还在烦恼没有项目?手把手带你从 0 开始用 React 重写学成在线 II
还在烦恼没有项目?手把手带你从 0 开始用 React 重写学成在线 II还在烦恼没有项目?手把手带你从 0 开始用 React 重写学成在线 II前情回顾补充 Header 中的细节继续实现首页的逻辑首页的 banner背景轮播图轮播图上方的课程模块专业方向列表我的课程整合精品推荐源码总结还在烦恼没有项目?手把手带你从 0 开始用 React 重写学成在线 II看完这篇教程,你应该就能掌握了以下知识点:知道 react-router-原创 2022-03-10 13:08:29 · 61 阅读 · 0 评论 -
用JavaScript实现网红太空人表盘(绝对详细、绝对原创),附源码下载
引言:网上最近太空人表盘很火,之前看到有个兄弟用svg写的,但是我也不会这个啊,我就琢磨着用canvas写了一个,效果感觉还不错,拿出来大家唠唠!效果图:思路分两个画布来绘制,画布1用来放置不动的东西(背景、表盘、文字信息);画布2用来绘制太空人的转动和时间的更新(经常要重新绘制);太空人的转动的话就是用很多图片来切换,达到转动的效果。绘制表盘圆形构造函数//构造函数 function Circle(o){ this.x=0,//圆心X坐标 this.y=0,/原创 2022-03-10 11:47:37 · 1051 阅读 · 0 评论 -
安装vue-devtools过程中种种问题
周五按照网上教程进行按照,报错再百度搜索找方案。之前一直在vue-devtools文件夹中使用git bash进行cnpm install安装不成功,报各种依赖包不支持。报错类似如下:npm WARN … requires a peer of react@^16.4.0 but none is installed报错内容过多,需要安装依赖包太多。然后将npm版本号降到6.0.1,报错更多。类似npm WARN npm npm does not support Node.js v14.16.0 npm原创 2022-03-10 10:23:13 · 4370 阅读 · 0 评论 -
冰墩墩向你投来了一份花里胡哨的CSS知识手册,快来签收
愿您斧正语法引入方式选择器基础选择器复合选择器元素属性字体属性文本属性背景属性元素的显示模式盒模型圆角矩形弹性布局CSS经典案例--------圣杯布局语法选择器 {要求}属性命名驼峰命名法 fontSize 或 FontSize蛇形命名法 font_sizecss特有的 脊柱命名法 font-size引入方式内部样式写在style标签中,嵌入到html内部 行内样式(内联样式)通过style属性,指定原创 2022-03-09 14:04:19 · 169 阅读 · 0 评论 -
【Vue3.0】报错 Cannot read properties of undefined (reading ‘use‘)
vue3.0 项目引用element-plus,运行项目报错,main.js代码如下import Vue from 'vue'import { createApp } from 'vue'import App from './App.vue'import ElementPlus from 'element-plus'import 'element-plus/dist/index.css'Vue.use(ElementPlus)createApp(App).mount('#app')vue原创 2022-03-09 12:43:49 · 3025 阅读 · 0 评论 -
vue插槽总结
一、认识插槽Slot前面我们会通过props传递给组件一些数据,让组件来进行展示,但是为了让这个组件具备更强的通用性,我们不能将组件中的内容限制为固定的div、span等等这些元素,比如某种情况下我们使用组件,希望组件显示的是一个按钮,某种情况下我们使用组件希望显示的是一张图片,我们应该让使用者可以决定某一块区域到底存放什么内容和元素。所以有了插槽的存在,我们可以提高组件的复用性,并且也提高组件的灵活性。二、插槽的基本使用直接在其中使用<slot></slot>三、插槽的原创 2022-03-09 11:20:33 · 361 阅读 · 0 评论 -
vue3.0 面试题总结
一、Vue 3.0 性能提升主要是通过哪几方面体现的?1. 响应式系统提升vue2在初始化的时候,对data中的每个属性使用definepropery调用getter和setter使之变为响应式对象。如果属性值为对象,还会递归调用defineproperty使之变为响应式对象。vue3使用proxy对象重写响应式。proxy的性能本来比defineproperty好,proxy可以拦截属性的访问、赋值、删除等操作,不需要初始化的时候遍历所有属性,另外有多层属性嵌套的话,只有访问某个属性的时候,才会递原创 2022-03-09 09:59:36 · 445 阅读 · 0 评论 -
VSCode报错:crbug1173575, non-JS module files deprecated解决方法
发现问题:今天调试html后缀文件,突然无法访问本地服务同时vscode报错:产生原因:该文件夹含有js后缀文件,然后启动调试,这时候文件夹里会多了个.vscode的文件夹,里面多了个launch.json的文件,导致无法启动调试。解决措施:把.vscode整个文件夹删除,再调试.html文件,就成功啦~...原创 2022-03-09 08:24:53 · 1445 阅读 · 1 评论 -
spring boot 2.6.0 使用swagger报 ‘documentationPluginsBootstrapper‘; java.lang.NullPointerException 错
pom 配置如下<dependency> <groupId>io.springfox</groupId> <artifactId>springfox-boot-starter</artifactId> <version>3.0.0</version></dependency>swagger 配置类@Configuration@EnableSwagger2public class S原创 2022-03-08 13:44:33 · 223 阅读 · 1 评论 -
Java使用hutool工具类发送http请求
Java使用hutool工具类发送网络请求引入jar包pom.xml添加以下hutool依赖<dependency> <groupId>cn.hutool</groupId> <artifactId>hutool-all</artifactId> <version>4.1.2</version></dependency>使用案例1.httpUtil使用post和get请求String url原创 2022-03-08 11:03:54 · 2321 阅读 · 1 评论 -
Failed to load resource netERR_FILE_NOT_FOUND(vue 项目通过 npm run build 打包以后页面没有内容)
顾名思义这是一个路径问题!!!!!当项目build后打开dist/index.html你会发现页面什么都没有(空白页),查看页面console惊奇的发现一片红更改点一:此时你需要查看你的配置文件webpack.config.js(vue.config.js) 是否配置了publicPath:’./’,module.exports = { publicPath:'./', // 执行 npm run build 统一配置路径 }再次打包index.html 就会看到你想看到原创 2022-03-08 09:43:35 · 501 阅读 · 0 评论 -
Cannot read property ‘init‘ of undefined
在项目中导入echarts插件时,报了这个问题,当时以为是,没有获取到dom元素,所以用$refs的形式获取dom元素改变获取元素的方式后,还是报同样的错,但已经确定这两种方式都可获取到dom元素于是,最后在网上搜索之后,发现需要在导入包的时候添加上 * as 即可看网上说还有一种原因是因为echarts版本太高导致的,应该引入4.9.0或4.8.0版本,但尝试后没有解决我的问题...原创 2022-03-08 08:23:33 · 287 阅读 · 0 评论 -
解决Postman报错Could not send request
报错情况:解决办法:启用agent,并选择可用的agentSetting —— Proxy —— Use Postman Desktop Agent —— Bowser Agent另:如果你选的agent是可以使用的,右下角会有一个关于agent选择的绿色的小勾,此处Bowser agent可用:如果选择的agent是不可用的,会变成红色的感叹号,并且在send处提示该agent不可用:此处desktop agent不可用:...原创 2022-03-07 09:48:56 · 16036 阅读 · 0 评论 -
报错Can‘t import the named export ‘xxx‘ from non EcmaScript module (only default export is available)
报错:Can’t import the named export ‘xxx’ from non EcmaScript module (onlydefault export is available)按照Element官网的文档引入element-plus组件后项目跑不起来了!如图:解决方法:只需要在 vue.config.js 中加入规则配置再重新npm run srve即可configureWebpack:{ module: { rules:原创 2022-03-07 08:26:08 · 1789 阅读 · 0 评论 -
在React中使用 react-router-dom 编程式路由导航的正确姿势【含V5.x、V6.x】
react-router-dom 编程式路由导航 (v5)1.push跳转+携带params参数 props.history.push(`/b/child1/${id}/${title}`);2.push跳转+携带search参数props.history.push(`/b/child1?id=${id}&title=${title}`);3.push跳转+携带state参数props.history.push(`/b/child1`, { id, title });4.repl原创 2022-03-06 04:54:40 · 374 阅读 · 1 评论 -
中级前端面试总结
坐标成都、薪资范围12-15左右真实面试所问。1、如何优化webpack打包速度。代码压缩,使用webpack压缩插件UglifyJS,babel-loader开启缓存,设置cacheDirectorys为true,提取公共代码,借助shelljs拷贝静态文件2、promise实现原理个人理解其实就是通过原型链方法的链式调用,事件执行内容捕获与执行后的状态控制去实现的。网上许多博主对其进行了深究,可以网上翻阅一下。3、事件循环机制js是一门单线程语言,问这个问题其实就考的任务队列执行顺序的原创 2022-03-06 03:32:42 · 97 阅读 · 0 评论 -
Win10 IIS Web服务器安装与配置(详细介绍)
2.3.4.5.等待即可6.7.8.9.10.补充:有些电脑系统不一样所以第七步可以可以参考下面原创 2022-03-06 02:11:51 · 639 阅读 · 0 评论 -
vue3获取vuex中的对象时为proxy对象,如何获取值
在使用vuex的时候发现获取state的string number类型的变量时,是可以直接通过store.state.value 取到值的,但是在取对象的时候,控制台打印出来的是Proxy 对象,Proxy对象里边的[[Target]]才是真实的对象。//第一种获取target值的方式,通过vue中的响应式对象可使用toRaw()方法获取原始对象import { toRaw } from '@vue/reactivity'var list = toRaw(store.state.menuList)原创 2022-03-06 00:50:29 · 1829 阅读 · 0 评论 -
vscode如何设置默认打开的浏览器为Chrome(vscode设置默认打开的浏览器为Chrome为什么不还是用其他浏览器打开)
vscode如何设置默认打开的浏览器为Chromevscode如何设置默认打开的浏览器为Chrome安装下载配置插件一起加油!vscode如何设置默认打开的浏览器为Chrome在使用vscode编辑器的时候,如果我们不设置默认浏览器,那么直接打开的是IE浏览器或者360浏览器(看本地的默认浏览器是什么),在进行页面调试的时候无疑是有点麻烦的,下面我们就说一下如何设置打开的浏览器为chromeopen in Browser首先需要安装open in browser插件(如果没有安装原创 2022-03-03 23:05:02 · 827 阅读 · 0 评论 -
JS案例:将前端页面导出为PDF
前言:记录一下最近的一个需求,产品需要打印表单凭证,需要实现将选中页面的元素或者是组件导出为PDF,方便打印使用到的JS库:html2canvas(截取页面生成canvas),jsPDF(使用JS生成PDF)下面我针对该需求实现一个简单的Demo,并且分享一下遇到的问题首先,我选择了懒加载的案例作为测试对象,因为图片可以检测截图效果,并且有滚动加载长页面我们把整个demo分为两部分,分别是使用上述两个插件实现基本功能使用html2canvas截屏生成canvas let prin原创 2022-03-03 15:22:04 · 5843 阅读 · 5 评论 -
FreeMarker详细介绍
FreeMarker1. 主要内容2.FreeMarker概述2.1. FreeMarker概念FreeMarker 是一款 模板引擎: 即一种基于模板和要改变的数据, 并用来生成输出文本(HTML网页,电子邮件,配置文件,源代码等)的通用工具。 是一个Java类库。FreeMarker 被设计用来生成 HTML Web 页面,特别是基于 MVC 模式的应用程序,将视图从业务逻辑中抽离处理,业务中不再包括视图的展示,而是将视图交给 FreeMarker 来输出。虽然 FreeMarker 具有一原创 2022-03-03 14:17:34 · 1228 阅读 · 1 评论 -
chrome设置黑暗模式的4种方法
chrome设置黑暗模式的4种方法前言方式一:自带皮肤暗黑具体操作效果方式二:自带内容暗黑具体操作效果方式三:安装chrome主题方式四:使用插件效果额外:开发工具的暗黑设置结语前言对于大部分chrome用户来说,设置chrome黑暗模式是十分常用的需求,特别是对于夜猫子来说,本文总结了4种方式,各有利弊,自行选择。方式一:自带皮肤暗黑方式一是单纯设置chrome皮肤为黑暗模式,内容区域不会变黑,功能是chrome自带的,也十分容易设置。具体操原创 2022-03-03 12:26:14 · 7899 阅读 · 0 评论 -
精讲前端实战项目之移动端网易云首页(附源码)
本篇文章分享给学习前端的朋友,可能你们长时间的学习了理论知识,对html,css,JavaScript等基础知识已经是相当熟悉了。但是没有一个自己的作品,那是因为缺乏练习一些实战项目。今天这个就是一个很好的实战例子——移动端网易云首页,刚开始就做一些简单的静态网页。本人会用到很多标签,如果忘记了可以查看下面两篇博文。标签详解第一篇标签详解第二篇一、效果展示二、技术要求因为我们做的是一个静态页面,所以没有用到JavaScript部分的内容,用html编写整体框架,用css做修饰就好了。其中ima原创 2022-03-02 04:03:51 · 1394 阅读 · 0 评论 -
年度最强浏览器插件来袭,打造个人完美生产力
?? 前言大家好,我是Edison??我是一个重度浏览器扩展用户,所以一直想给大家详细介绍一下浏览器的扩展,用不明白扩展也就用不明白浏览器。上网冲浪这么多年我想每个人的电脑浏览器都多多少少装着几个插件。严格来讲,我正在说的东西应该叫 Chrome扩展(Chrome Extension),真正意义上的 Chrome插件 是更底层的浏览器功能扩展。可以说 扩展 是浏览器的灵魂,Chrome浏览器能有如今这么大的市场占有率很大一部分也得益于它丰富的扩展。今天就给大家推荐一款超级好用的插件助手,且该插转载 2022-03-02 03:00:17 · 669 阅读 · 1 评论 -
[Vue warn] Error in v-on handler “TypeError Cannot read properties of undefined (reading ‘value‘)
1、问题描述:antd 下拉框选择的时候报了这个错误<a-select :defaultValue="0" v-model="executeCycleUnit" @change="handleExecuteNum"> <a-select-option :value="0"> 分钟 </a-select-option> <a-select-option :value="1"> 小时 </a-select-option><原创 2022-03-02 00:53:02 · 546 阅读 · 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-01 23:49:39 · 720 阅读 · 0 评论 -
Python爬虫最强项目案例之——JS逆向。这波学到就是赚到。
前言前段时间看到有人js逆向了某手机的反馈专区,我也第一时间学习了一下,学完后一直想着凭借自己的能力,看能不能单独完成一次,拿下js逆向真正第一血,所以就有了今天的受害者,某蓝厂手机圈子的逆向。网站分析既然选定了目标,那就开始抓包,分析网页。这是抓包后的情况,通过对多个包进行比较发现,实际变化的参数只有lastId、nonce、timestamp、pageNum。具体分析了一下,lastId:前一页最后一个发言用户的tid;pageNum:当前页码;timestamp:13位时间戳;nonce:不原创 2022-02-28 22:42:23 · 335 阅读 · 0 评论 -
node-sass与node版本对应
https://github.com/sass/node-sass/releases?page=1记录一下这个网址可以看node-sass与node版本对应搞环境真是头大了原创 2022-02-28 20:29:39 · 628 阅读 · 0 评论 -
Java项目成绩管理系统(前后端分离+java+vue+Springboot+ssm+mysql+maven+redis)
源码获取:博客首页 “资源” 里下载!一、项目简述本系统功能包括: 超豪华成绩管理系统,学生,教师,管理员三类用户集 成,课程表管理,成绩查询,成绩详情数据统计,课程录 入,用户管理,账号管理。二、项目运行环境配置: Jdk1.8 + Tomcat8.5 + Mysql + HBuilderX (Webstorm也 行)+ Eclispe (IntelliJ IDEA,Eclispe,MyEclispe,Sts都支 持)。项目技术: Springboot + Maven + Mybatis +.原创 2022-02-27 12:31:17 · 115 阅读 · 0 评论 -
Error in mounted hook “TypeError Cannot read property ‘init‘ of undefined“
echarts Cannot read property ‘init‘ of undefined 报错问题查看引入对错Error in mounted hook: “TypeError: Cannot read property ‘init’ of undefined”我直接 import echarts from 'echarts’时也会报错,所以后面修改了引入时的写法import * as echarts from 'echarts’...原创 2022-02-26 13:54:52 · 163 阅读 · 0 评论 -
33.form标签中的GET和POST提交方式
form标签中的GET和POST在HTML中,form表单的作用是收集标签中的内容,<form>...</form> 中间可以由访问者添加类似于文本,选择,或者一些控制模块等等.然后这些内容将会被送到服务端。一个表单必须指定两样东西:form的method参数用于设置表单的提交方式,默认使用POST.action用于设置表单的提交url,如果不写或者保持空字符串,那么将使用当前的URL.①form表单使用post方式提交的例子:下面例子实现流程:当我们第一次访问此转载 2022-02-25 07:49:51 · 2901 阅读 · 0 评论 -
15个 Vue 技巧,开发有段时间了,才知道还能这么用(你所知道真的包括这些吗?)
目录前言1、将一个 prop 限制在一个类型的列表中2、使用引号来监听嵌套属性3、知道何时使用 v-if4、单个作用域插槽的简写5、将局部和全局的 style 混合在一起6、重写子组件的样式7、如何在 Vue 之外创建一个具有响应性的变量8、v-for 中的解构9、在指定范围内循环10、窃取 prop 类型11、检测元素外部(或内部)的单击12、从组件外部调用一个方法13、监听数组和对象14、template 标签的另一个用途15、处理错误(和警告)的更好方法前言学习成原创 2022-02-24 20:09:06 · 69 阅读 · 0 评论 -
CSDN精心打造一款插件,让你的浏览器:解锁黑科技、个性十足、沉浸式体验
?? 作者主页:不吃西红柿?? 简介:CSDN博客专家??、信息技术智库公号作者简历模板、PPT模板、技术资料尽管【关注】私聊我。历史文章目录:https://t.1yb.co/zHJo**今日重点:**安利一款CSDN精心打造的插件:解决你在浏览器上遇到的各种问题,无论你是学生小白、还是职场老鸟,都可以借助这个插件,打造个性化浏览器,提升工作学习效率。目录一、插件功能大揭秘二、如何白嫖安装三、更多功能,未来可期插件官网链接 https://t.csdnimg.cn/bKUP一、插件功原创 2022-02-24 08:31:22 · 232 阅读 · 0 评论 -
点击按钮复制链接
点击复制链接 <el-button type="text" size="small" @click=" copyUrl( baseLink + '?product=' + iteam.productKey +原创 2022-02-23 19:33:55 · 21313 阅读 · 0 评论 -
数据字典整合vue
创建数据库,表中包含id,与parent_id,parent_id表示属于哪个id下的层级关系代码中实体类添加字段@ApiModelProperty(value = "是否包含子节点") @TableField(exist = false) //表中不包含的列 private boolean hasChildren;控制层添加查询请求//根据数据id查询子数据列表 @ApiOperation(value = "根据数据id查询子数据列表") @GetMapping("findChildD原创 2022-02-23 09:07:25 · 603 阅读 · 0 评论 -
改变this指向的call、apply、bind方法
??博客首页:酸狗的博客????欢迎关注??点赞??收藏留言????热爱前端学习,期待一起交流!??作者水平很有限,如果发现错误,求告知,多谢!????有问题可私信我交流????改变this指向的call、apply、bind方法??call、apply、bind是什么??call、apply、bind用法的相同点和不同点?call、apply的应用??call、apply、bind是什么其是Function对象原型链上的方法,主要作用是改变函数执行时的上下文(改变this指向.原创 2022-02-23 09:06:43 · 62 阅读 · 0 评论