前端
文章平均质量分 60
澎湖Java架构师
这个作者很懒,什么都没留下…
展开
-
JS逆向之某头条jsvmp逻辑层算法分析
今天我们来研究下,某头条的jsvmp逻辑层加密算法,其主要的目的是想在大家在接触此类算法时,给出点实质性的建议和思路。0x01 分析加密进入到目标网站通过分析请求会发现一个动态的 _signature 加密参数0x02 定位加密不同于以往,我们这次使用 ajax 请求拦截方式,来对这个参数进行拦截通过堆栈的调用信息,得出以下结果打上断点实现最终定位换一种形式调用0x03 window被赋予的属性我们分析得知: _signature 参数由 window.byted_arawl.原创 2022-03-12 13:04:07 · 1108 阅读 · 2 评论 -
vue3中setup用法与methods用法踩坑
vue3 使用element-plus Dialog踩坑记录之methods用法与setup用法Element Dialog最原始的调用1.在methods()中踩的坑2.在setup()中踩的坑Element Dialog最原始的调用复制过来的代码可以直接把dialog弹出来<template><el-button type="text" @click="dialogFormVisible = true">打开嵌套表单的 Dialog</el-button&原创 2022-03-11 21:36:46 · 1075 阅读 · 0 评论 -
Vue 学习笔记(一)
Vue 学习笔记(一)文章目录Vue 学习笔记(一)一、Vue 概述二、 搭建Vue环境三、Vue 知识详解1. hello 小案例2. Vue 模板语法1. 插值语法2. 指令语法3. 数据绑定3. data 与 el4. MVVM 模型5. 数据代理6. 事件处理1. 事件的基本使用:2. 事件修饰符3. 键盘事件4. 鼠标事件7. 计算属性(computed)8. 监视属性(watch)9. 绑定样式10. 条件渲染11. 列表渲染原创 2022-03-11 19:58:25 · 105 阅读 · 0 评论 -
threejs加载3dtiles(倾斜摄影)数据
1、安装3dTilesRenderer 插件使用npm 安装npm install 3d-tiles-renderer --save或者去官网下载都行GitHub - NASA-AMMOS/3DTilesRendererJS: Renderer for 3D Tiles in Javascript using three.js2、使用首先引入,在填入3dtiles数据的地址,可以是文件路径也可以是网站路径const tilesRenderer = new TilesRenderer( ‘..原创 2022-03-11 18:35:26 · 4408 阅读 · 6 评论 -
Mybatis-plus最新代码生成器(3.5.1+)的使用
1.引入依赖:<!--mybatisPlus--><dependency> <groupId>com.baomidou</groupId> <artifactId>mybatis-plus-boot-starter</artifactId> <version>3.4.3.4</version></dependency><!--mybatis-plus代码生成器--原创 2022-03-11 14:34:53 · 297 阅读 · 0 评论 -
java long 空判断_Long类型null判断带值判断,null必须写在最前面
BEGIN;验证代码如下:public static void main(String[] args) {Long id = null;System.out.println(test1(id));System.out.println(test2(id));System.out.println(test3(id));System.out.println(test4(id));}private static String test1(Long id) {try {if(0 == id ||原创 2022-03-11 13:12:47 · 5518 阅读 · 0 评论 -
Echarts中的 emphasis
官网上对 emphasis 的解释就是:高亮的图形样式和标签样式。是不是有点懵,没有懂具体什么意思了解 emphasis在 Echarts 中 ,尤其是在做到堆叠柱状图的时候 ,由于很多的信息容易看混 ,可以用上 series 里的 emphasis 去淡化周围的,显示自己想看的那一项具体的信息。还是很抽象 ?举个例子在自拍的时候拍出来的一张照片里元素太多了 ,可我原本单纯是想自拍拍出自己的脸,可入镜的有后面的花草树木,走过的路人,行驶过去的车辆等等等等。这时候手机相册里有个编辑功能叫**虚化原创 2022-03-11 11:51:20 · 1885 阅读 · 0 评论 -
2020年零基础前端学习路线(本人亲身经历,9个月拿到拼多多、美团、京东校招offer,5000字长文)
文章目录前端学习路线前言入门基础开发工具HTMLCSS静态页面JavaScript三大主流框架VUEREACTAngular精耕深研小程序NodejQueryTypeScriptElectron前端工程化Gitwebpack前端学习路线前言本人自2020年2月开始自学前端,本科是数学专业的,在此之前只接触过C语言,因此对于前端可谓是零基础,由于网上的学习路径鱼龙混杂,因此在中间自己也踩了一些坑。经过九个月的学习,最终原创 2022-03-11 10:29:42 · 235 阅读 · 0 评论 -
解决:使用 Vue 3 Script Setup 时 ESLint 报错 ‘defineProps‘ is not defined
解决:使用 Vue 3 Script Setup 时 ESLint 报错 ‘defineProps’ is not definedVue 3 的 Script Setup 语法引入了 defineProps、defineEmits、defineExpose、withDefaults 的编译器宏。然而某些情况下,ESLint 会报错以上编译器宏函数未定义。本文将介绍两种解决方案来解决这个问题(假定你的项目使用 Vue-Cli 进行初始化)。Step 1. 检查 eslint-plugin-vue 的原创 2022-03-10 12:47:23 · 6531 阅读 · 2 评论 -
最详细的avue属性及使用详细介绍
avue属性及使用详细介绍官方文档<template><!-- 基础组件 --> <basic-container> <!-- <el-button @click='exportHandle'>导出</el-button> --> <avue-crud 设置表格属性 :option="option" 用来存取页面的值 v-model="form"原创 2022-03-10 11:26:30 · 631 阅读 · 0 评论 -
[webpack-cli] Invalid options object. Dev Server has been initialized using an options object
问题内容:[webpack-cli] Invalid options object. Dev Server has been initialized using an options object that does not match the API schema. - options has an unknown property 'contentBase'. These properties are valid: object { allowedHosts?, bonjour?, clien原创 2022-03-09 12:22:52 · 904 阅读 · 1 评论 -
vue前端跨域解决方案
为什么会出现跨域:浏览器访问非同源的网址时,会被限制访问,出现跨域问题.常见的跨域有三种:jspn跨域,原理:动态生成script标签,通过script标签引入接口地址(因为script标签不存在跨域的)cors跨域(后端开启) :全称 “跨域资源共享”,原理:它允许浏览器向跨源服务器,发出XMLHttpRequest请求,从而克服了AJAX只能同源使用的限制vue代理服务器proxy跨域:通过请求本地的服务器,然后本地的服务器再去请求远程的服务器(后端部署接口的服务器),最后本地服务器再将请求原创 2022-03-09 10:58:59 · 477 阅读 · 0 评论 -
vue3 vue-router.esm-bundler.js3295 TypeError Cannot use ‘in‘ operator to search for ‘catch‘ in und
vue3 在设置路由时 报了这个错误vue-router.esm-bundler.js:3295 TypeError: Cannot use ‘in’ operator to search for ‘catch’ in undefined解决方法可以看图中正确的写法原创 2022-03-09 09:38:09 · 1017 阅读 · 0 评论 -
React-dom 17版本以上 useHistory 更新为useNavigate如何传值
一、准备前提 "react": "^17.0.2", "react-dom": "^17.0.2", "react-router": "^6.0.2", "react-router-dom": "^6.0.2", "react-scripts": "4.0.3",二、函数组件如何进行路由传参组件跳转并传值导入import { useNavigate } from ‘react-router-dom’;使用const navigate = useNavi原创 2022-03-08 13:23:31 · 243 阅读 · 0 评论 -
JavaScript中的数组方法总结+详解
在JS中,数组方法是非常重要且常用的方法.在此整理总结一番.JavaScript 数组的力量隐藏在数组方法中。1. javaScript常用数组方法顺序方法名功能返回值是否改变原数组版本1push()(在结尾)向数组添加一或多个元素返回新数组长度YES5-2unshift()(在开头)向数组添加一或多个元素返回新数组长度YES5-3pop()删除数组的最后一位返回被删除的数据YES5-4shift()移除数组的第一项返回被删除的数据YES5原创 2022-03-08 10:42:52 · 216 阅读 · 0 评论 -
ElementUI 实现el-table 列宽自适应
一、概述Element UI 是 PC 端比较流行的 Vue.js UI 框架,它的组件库基本能满足大部分常见的业务需求。但有时候会有一些定制性比较高的需求,组件本身可能没办法满足。最近在项目里就碰到了。很多页面都需要用到表格组件el-table。如果没有给el-table-column指定宽度,默认情况下会平均分配给剩余的列。在列数比较多的情况,如果el-table宽度限定在容器内,单元格里的内容就会换行。强制不换行,内容要么在单元格内滚动,要么就会溢出或被截断。产品想要的效果是:内容保持单行显示,原创 2022-03-08 09:22:39 · 836 阅读 · 0 评论 -
Android——一个神奇的计算器APP
一个神奇的计算器APP中缀运算效果视频自定义圆形TextView效果图建立attr文件绘制圆形字符拼接清空栈内元素运算执行手势监听入栈&&出栈运算结果小数位判断运算代码任意进制转换效果视频进制转换结果逆置结果返回中缀运算中缀运算定义了两个栈,数字栈和符号栈;分别存储用户输入的数字(例如:1,2,3)和输入的符号(例如:+,-);下列视频以1+2+3/2*3%3为例;首先输入1,然后输入+,原创 2022-03-08 08:02:34 · 246 阅读 · 0 评论 -
1、【Echarts系列】Vue中设置echarts折线图样式(图表、网格、标签、提示、标题、文字),手把手教程系列
一、echarts 折线图(折线统计图)折线图在我们也是我们的数据可视化图表中最常用的一种图表之一,是用折线将各个数据点标志连接起来的图表,不仅可以表示数量的多少,而且可以反映同一事物在不同时间里的发展变化的情况以及变化趋势。看着官网示例的这些花花绿绿的折线图,相信在日常的开发中,只要稍加配置调一下,已经可以满足9成的需求了。二、echarts的下载、安装与使用在上一篇的文章里,我们主要是学习如何快速上手Echarts的一些属性设置,我们演示的时候用的引入方式是一次性引入所有的资源。如这样:i原创 2022-03-07 20:51:49 · 753 阅读 · 0 评论 -
苏宁茅台脚本
主要功能:填写抢购时间点击抢购购物车抢购购物车捡漏模式商品页面强制开启抢购模式正常商品页面抢购正常非抢购商品页面auto.waitFor();var height = device.height;var width = device.width;toast(“开启”)setScreenMetrics(width, height);start();function start(){gotoMiaoBi();miaoBiCenter();toast(“f原创 2022-03-07 09:25:11 · 750 阅读 · 0 评论 -
【谷粒商城】有关openfeign远程调用出现错误的问题
本项目主要通过nacos作为注册中心,openfeign完成远程调用服务功能要调用远程服务,首先在要调用远程服务的模块中添加openfeign依赖<dependency> <groupId>org.springframework.cloud</groupId> <artifactId>spring-cloud-starter-openfeign</artifactId></dependency>远程调用服务的步原创 2022-03-06 03:11:33 · 2008 阅读 · 0 评论 -
vue3.0中使用nextTick
前言:这里分享3.0和2.0 的方法对比,nextTick 是将回调推迟到下一个 DOM 更新周期之后执行。在更改了一些数据以等待 DOM 更新后立即使用它vue3.01、引入import { nextTick } from 'vue'2、具体使用,配合异步setup() { const message = ref('Hello!') const changeMessage = async newMessage => { message.value = ne原创 2022-03-06 00:29:23 · 7802 阅读 · 0 评论 -
chrome浏览器开发者模式header请求参数“Request Payload“找不到的问题
今天查看接口的时候,发现chrome(谷歌)浏览器开发者工具中,接口请求的参数看不见了,对比一下其他浏览器,还是能看到请求的参数的。查看开发者工具的请求区域,发现了一栏“Payload”,里面有请求的参数。如图所示:...原创 2022-03-05 20:15:20 · 4765 阅读 · 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-03-03 22:41:29 · 869 阅读 · 1 评论 -
Uncaught TypeError Cannot read properties of undefined (reading ‘style‘)解决办法
1、下面为出现问题的代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &l原创 2022-03-03 21:46:38 · 17304 阅读 · 0 评论 -
RuoYi-Cloud 若依微服务版启动教程(保姆级)
场景RuoYi-Cloud 是一个 Java EE 企业级快速开发平台,基于经典技术组合(Spring Boot、Spring Cloud & Alibaba、Vue、Element),内置模块如:部门管理、角色用户、菜单及按钮授权、数据权限、系统参数、日志管理、代码生成等。在线定时任务配置;支持集群,支持多数据源。微服务版技术选型1、系统环境Java EE 8Servlet 3.0Apache Maven 32、主框架Spring Boot 2.3.xSpring Clou原创 2022-03-03 17:08:50 · 1555 阅读 · 1 评论 -
npm ERR code ENOENT npm ERR syscall open npm ERR path CUserspackage.jsonnpm ERR code ENOENT n
npm run dev时报错npm ERR! code ENOENTnpm ERR! syscall opennpm ERR! path C:Users...Desktop...系统package.jsonnpm ERR! errno -4058npm ERR! enoent ENOENT: no such file or directory, open 'C:UsersMZSHDesktop时间同步网络系统package.json'npm ERR! enoent This is related原创 2022-03-03 16:04:09 · 1457 阅读 · 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/Augenster原创 2022-03-03 14:59:35 · 245 阅读 · 0 评论 -
ElementUI 实现el-table 列宽自适应
一、概述Element UI 是 PC 端比较流行的 Vue.js UI 框架,它的组件库基本能满足大部分常见的业务需求。但有时候会有一些定制性比较高的需求,组件本身可能没办法满足。最近在项目里就碰到了。很多页面都需要用到表格组件el-table。如果没有给el-table-column指定宽度,默认情况下会平均分配给剩余的列。在列数比较多的情况,如果el-table宽度限定在容器内,单元格里的内容就会换行。强制不换行,内容要么在单元格内滚动,要么就会溢出或被截断。产品想要的效果是:内容保持单行显示,原创 2022-03-03 13:55:11 · 2160 阅读 · 1 评论 -
Access to XMLHttpRequest at‘httplocalhost跨域问题解决
在vue.config.js里配置跨域请求跨域问题报错解决在vue.config.js中配置module.exports = {// 配置跨域请求devServer: {port: 8080,host: ‘localhost’,open: true,https: false,proxy: {‘/api’: {target: ‘http://需要请求的地址/’,ws: true,changeOrigin: true,pathRewrite: {‘^/api’: ‘’}原创 2022-03-03 12:03:43 · 7800 阅读 · 0 评论 -
2021JavaScript面试题(最新)不定时更新(2021.11.6更新)
插个小广告~字节跳动前端开发工程师-番茄小说内推,校招、社招、实习均可。欢迎加我q:2679330388,欢迎来撩~文章目录说一下JS的基本数据类型null 和 undefined 的区别?介绍一下JavaScript 原型、原型链?原型链有什么特点?_Array 构造函数只有一个参数值时的表现?说一说其他值到字符串的转换规则?toString如何把对象转换成字符串/字符串和对象的相互转换。其他值到布尔类型的值的转换规则?其他值到数字值的转换规则?相等操作符 == 比较原创 2022-03-03 00:13:04 · 221 阅读 · 0 评论 -
马上过年了,5行代码教你实现放烟花
直接上代码吧<!DOCTYPE html><html lang="zh"><head><title>Fireworks</title></head><body> <div class="firework-container" ></div> <script src="./js/js/jquery-1.11.0.min.js"></script> <sc原创 2022-03-02 13:42:36 · 467 阅读 · 0 评论 -
Vue项目的打包方式(生成dist文件)
目录一、相关配置情况一(使用的工具是 vue-cil)情况二(使用的工具是 webpack)?二、打包?一、相关配置情况一(使用的工具是 vue-cil)如果是用 vue-cli 创建的项目,则项目目录中没有 config 文件夹,所以我们需要自建一个配置文件;在根目录 src 下创建文件 vue.config.js,需注意文件名称必须是 vue.config.js,然后在文件中插入以下代码://打包配置文件module.exports = { assetsDir: 'static'转载 2022-03-02 12:37:44 · 2961 阅读 · 1 评论 -
在vite中配置scss预处理遇到的坑
vite运行报错vite.config.ts配置css: { // css预处理器 preprocessorOptions: { scss: { // 引入 var.scss 这样就可以在全局中使用 var.scss中预定义的变量了 additionalData: '@import "./src/assets/scss/var.scss"' } } }helloWorld.vue<style lang="s原创 2022-03-02 02:38:17 · 3930 阅读 · 0 评论 -
一个简单炫酷的前端小项目(html+css+js)----3D图片演示
一个简单炫酷的特效页面(html+css+js 含源码)----3D图片演示前言一、页面特效效果展示二、功能描述1、打开页面,所有图片会自动转动2、图片的大小和间隔可随鼠标滚轮滚动而改变3、鼠标按住页面任意位置,拖动光标,页面可随之旋转三、功能实现1.创建一个父容器,将所有照片叠放在一起2.给所有照片加上旋转动画3.监听鼠标事件总结前言对于学前端的小伙伴来说,吸引你们入坑的大都是一些炫酷的页面。但往往那些页面的源代码对初学的伙伴们都不太友好。今原创 2022-03-02 01:34:34 · 11987 阅读 · 50 评论 -
vue cli 报错 WARNING in ..node_modulesVuedistvue.runtime.esm.js
vue cli 报错 WARNINGin …/node_modules/Vue/dist/vue.runtime.esm.js解决 : src文件夹 》 main.js中 修改 import Vue from ’ 《~ Vue ~》 ’ 为小写 vue原创 2022-03-01 23:27:35 · 1274 阅读 · 0 评论 -
npm错误 gyp错误 vs版本不对 msvs_version不兼容
npm错误 gyp错误 vs版本不对msvs_version 不兼容 windows SDK 报错执行更新GYP 语句第一种方案第二种方案执行更新GYP 语句npm install -g node-gyp最新的GYP 好像已经不支持Python 2.7 版本,npm 会提示你 更新都3.*.*版本安装 Node.js 的时候一定要勾选 以下这个 , 会自动检测安装缺少的环境第一种方案管理员运行 CMD (Power Shell 也行)执行更新工具集npm install -原创 2022-03-01 18:51:24 · 2576 阅读 · 0 评论 -
npm install时出现gyp ERR stack Error Could not find any Python installation to use
vue项目使用npm install按照依赖时,报以下错误:gyp verb command rebuild []gyp verb command clean []gyp verb clean removing "build" directorygyp verb command configure []gyp verb find Python Python is not set from command line or npm configurationgyp verb find Python原创 2022-02-28 21:37:49 · 2873 阅读 · 0 评论 -
element-ui的el-select选择器的@blur事件失效的坑
element-UI文档中本来el-select有个blur事件绑定函数属性。但是使用后发现有时候失焦事件并不能触发生效,也就导致所绑定的函数不能执行。解决办法:利用el-select的@focus方法,在select标签内 添加 ref 于此便可在focus事件内触发 blur事件。 代码如下: <el-select multiple filterable allow-create default-原创 2022-02-26 23:11:39 · 1365 阅读 · 0 评论 -
Access to XMLHttpRequest at ‘httpxxxx‘ from origin ‘httpxxxx‘ has been blocked by CORS policy
解决CORS跨域问题今天做前后端分离的项目时, 前端向后台发送请求发现报错: Access to XMLHttpRequest at ‘http://localhost:8082/doLogin’ from origin ‘http://localhost:8080’ has been blocked by CORS policy: Response to preflight request doesn’t pass access control check: No ‘Access-Control-Al原创 2022-02-26 19:07:44 · 3004 阅读 · 1 评论 -
HTML5七夕情人节表白网页 一场浪漫烟花表白 HTML+CSS+JavaScript
HTML5七夕情人节表白网页 一场浪漫烟花表白 HTML+CSS+JavaScript这是程序员表白系列中的100款网站表白之一,旨在让任何人都能使用并创建自己的表白网站给心爱的人看。 此波共有100个表白网站,可以任意修改和使用,源码已上传,演示网址如下。??文章末尾-已经附上源码下载地址??作者主页-更多源码??七夕情人节专栏文章作品介绍1.网页作品简介 :基于 HTML+CSS+JavaScript 制作七夕情人节表白网页, 生日祝福, 七夕告白, 求婚, 浪漫爱情3D相册,炫酷代码原创 2022-02-26 14:17:16 · 351 阅读 · 0 评论