vue3.x项目图书兄弟项目上遇到的问题及解决办法的记录
1.vue3中reactive定义的引用类型直接赋值导致数据失去响应式 这里写的很详细,想看可以看看@地址,我这里说下结果就可以~ reactive定义的数组或者对象，不能直接对整体进行赋值修改，否则定义的数据将失去响应性。 失去响应式示例 当经过一秒后,页面显示的内容并没有被改变! 12345678910111213141516171819202122232425262728<template> <div style="border: 1px solid red" class="content"> {{ banner }} </div></template><script>import { reactive, onMounted } from "vue";export default { name: "HomeView", components: { ...
图书兄弟移动端vue3.x项目(含在线演示)
EWSHOP图书兄弟介绍 使用Vue3全家桶及vant组件库实现移动端有关图书的商品展示，订单支付，地址管理，个人订单信息等功能的实现 路由守卫基本都加了~ 下载地址 github下载 gitee下载 在线演示 https://ew-shop-mobile-web.vercel.app/ 其他要点 也欢迎大家来我博客看看,博客地址https://www.dreamlove.top/ 支付宝沙箱版下载 蓝奏云下载 项目运行在iPhone6/7/8即375*667页面在效果更佳 具体项目API 项目API地址 截图演示主页部分 / 分类 /category 购物车 /shopcart 购物车为空 个人中心 /user 订单管理 订单详情 订单支付 由于接口原因,只有支付宝,还有就是,如果想弄那个跳转的,弄下也简单 地址管理 新增地址 编辑地址 关于我们
图标库网站-汇集优秀的图标,插画等
下面内容来自一位热心友人推荐@Emma https://www.websiteplanet.com/blog/free-icons-for-commercial-use/ 上面这个网站介绍了一些,供用于商业用途的免费图标，对免费计划的限制或要求极少，但有一些例外 下面内容转载自微信公众号 @喂鱼小思考 当你想打开阿里的iconfont想找点图标时，却看到这句话： 💣iconfont系统升级维护中，给您带来不便，敬请谅解！ 你肯定： 特喵的！作为一个互联网熟知的图标库，居然还整这？ 🌟不过不用担心！我带着16个精品icon库来救急啦～ 昨天中午已经发在DY，小伙伴反应都很不错 🔺illust(个人添加,个人推荐,我喜欢里面的插画~) 不过貌似需要科学上网~ 链接🔗：https://zh-tw.ac-illust.com/ 🔺IconPark字节跳动商业化CUX设计团队精心打造的致力于图标应用规范化、统一化，提供丰富多样的高质量图标内容 链接🔗：https://iconpark.oceanengine.com/official 🔺Feather简单 ...
江西财经大学智慧江财登录分析
先抓包看看 发现提交登录的参数 如图,提交的参数 然后试着搜索这些参数,看哪里用到了,关键的是password是怎么加密的,全局搜索ctrl+shift+f来进行代码搜索,定位在如下图 然后我们就知道了加密方式 逻辑总结 我就懒得写了,直接引用@K哥爬虫 加密入口可以在 index 首页找到，用到了 rsa.js 里面的三个加密函数 RSAKey()、setPublic()、encrypt()； rsa.js 里的 BigInteger() 函数依赖 jsbn.js，SecureRandom() 函数依赖 rng.js； rng.js 里的变量 rng_psize 在 prng4.js 中定义，prng_newstate() 函数也依赖 prng4.js 提交方式前置知识 表单的name作用：name 属性用于对提交到服务器后的表单数据进行标识 注意：只有设置了 name 属性的表单元素才能在提交表单时传递它们的值。 简单来说，name就是提交到后台的索引，比如在复选框中都要设置成name=”hobby”说明几个复选框都在爱好下。 查看网页源代码发现 ...
问卷星问卷抓包分析
谷歌调试分析提交的包数据如图,可以看到提交是数据,我们先以jqsign来进行全局搜索 这次全局搜索注意点 在没有提交之前进行全局搜索ctrl+shift+F搜索才可以搜索到,不然提交完成后全局搜索什么都搜索不到 如图,没有提交之前搜索,可以看到jqsin关键字 网页源码分析jqnonce(后期jqsign加密需要用到)就在网页源代码里面~所以每次请求网页都会发生变化 rndnum(后期提交请求需要用到) 依旧网页当中有 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127//网页提供了很多参数 ...
订阅地址-发薪日-白嫖订阅
白嫖机场汇总12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455#白嫖机场汇总。 持续更新#排名不分先后！！！#bulink 老牌白嫖https://bulink.xyz/#几🐔 也是老牌https://a.luxury/signin#Openit 免费订阅https://openit.ml/#ikuuu 比较好，不用签到https://ikuuu.live/auth/login#FIY 节点少…https://fly.nullmouse.xyz/user#咪蒙https://love.mimon.cc/#/dashboard#SSRRUB 不验证邮箱随便注册https://sub.ssrsub.com/#/dashboard#狗子快跑 （不验证邮箱）https://www.freedog.cyou/user#Galaxyhttps://www.galaxy-cloud.com/#/dashboard#Welink 也是老牌https: ...
vue3.0的学习
一.创建vue3.0工程1.使用vue-cli创建123456789## 查看@vue/cli版本，确保@vue/cli版本在4.5.0以上vue --version## 安装或者升级你的@vue/clinpm install -g @vue/cli## 创建vue create vue_test## 启动cd vue_testnpm run serve 2.使用 vite 创建官方文档：https://v3.cn.vuejs.org/guide/installation.html#vite vite官网：https://vitejs.cn 什么是vite？—— 新一代前端构建工具。 优势如下： 开发环境中，无需打包操作，可快速的冷启动。 轻量快速的热重载（HMR）。 真正的按需编译，不再等待整个应用编译完成。 创建 12345678## 创建工程npm init vite-app <project-name>## 进入工程目录cd <project-name>## 安装依赖npm install## 运行npm run dev 传统构建 与 vi ...
记录下bilibili(b站)小火箭页面上划动画效果的实现
突发 觉得这种bilibili小火箭很有意思,想看看怎么实现的,发现是精灵图来实现的 已经实现了滚动到顶部~ css中animation的steps分步动画 效果 素材 代码 基础动画效果 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556<!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"> <t ...
Typescript的学习笔记
前置准备 nodejs必安装 全局安装typescript 1npm install typescript -g 使用tsc命令对ts文件进行编译 进入命名行 进入ts文件所在目录 执行命名tsc xxx.ts即可,xxx.ts中xxx为文件名 如果没有在报错的情况下进行编译,默认情况下依旧会进行编译,但是可以后期配置不编译 编译可以编译为任意js(兼容性处理更加好),后期可以通过配置文件进行配置 文章很多参考和学习这位博主的 https://ts.xcatliu.com/ ts的基本类型 类型声明是TS非常重要的一个特点 通过类型声明可以指定TS中变量（参数、形参）的类型 指定类型后，当为变量赋值时，TS编译器会自动检查值是否符合类型声明，符合则赋值，否则报错 简而言之，类型声明给变量设置了类型，使得变量只能存储某种类型的值 ts一些类型 类型 例子 描述 number 1, -33, 2.5 任意数字 string ‘hi’, “hi”, hi 任意字符串 boolean true、false 布尔值true或false 字 ...
typescript完成的贪吃蛇前端小游戏
前言 使用typescript的语法完成的 使用了webpack打包工具,可以兼容IE10以上浏览器 该有的碰撞到自己身体和碰到墙壁游戏结束和食物随机功能都有~,具体可以自己体验体验 有源代码和编译好后的文件(dist目录) @在线演示 下载 github地址 gitee地址 制作难点蛇掉头的功能12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758/* 设置坐标 */ XYPositionSet(newValue: number, axle: string) { //新的坐标等于原来的坐标,不设置 //@ts-ignore if (newValue === this[axle]) { return; } //判断是否超过范围 if (this.isOutArea(newValue)) ...
