- 博客(334)
- 收藏
- 关注
RSS订阅原创 vue3动态路由+页面加载进度条
这个月使用vue3来架构公司后端项目，刚好要弄动态路由，我这里就抛砖引玉一下ruoter - config.tsrouter - index.tsmain.ts总结其实也没啥好讲的，也就是 通过后端传递过来的数据，然后在进行渲染，注意 addRoute 这个方法使用即可需要配合 vue-devtools 谷歌扩展 才能看到路由是否添加完成...
2022-07-08 10:09:13
1497
原创 vue3颜色选择器
因为需求需要一个颜色选择器，因为我使用的是vue3，我也去github搜索了，也就vue-color比较多星星，然后就选用了它。但是呢！遇到一个问题然后就在issues里面找了一个vue3版本重写的，然后在基于它我在进行二开得到下面的结果安装依赖代码使用ts使用...
2022-07-07 10:24:18
4204
5
原创 node request模块cookie使用
很多网站都有302或者301仿爬虫, 响应头就会带上set-cookie, 那我们用node如何处理呢?简洁版文件版推荐版
2022-06-22 15:54:17
1386
1
原创 如何触发‘isTrusted = true‘点击事件
isTrusted是DOM属性：如果事件是由用户调用的，则该事件是可信的，如果是由脚本调用的，则该事件是不可信的。总的来说就是：如果你是通过正常浏览器方式进行操作，基本无法改变该属性。1.使用python的selenium进行模拟点击，因为python执行的是Chrome DevTools Protocol协议文章地址2.使用谷歌扩展APImanifest.jsoncontent.jspopup.htmlpopup.js.........
2022-06-17 10:45:36
5272
原创 谷歌浏览器扩展v3版本总结
前言前几年使用过谷歌浏览器扩展v2，然后今天想编写一个扩展发现了很多问题，然后想编写一篇文章进行总结一下，v3跟比v2有挺多差距的，具体的大家可以去看看官网文档开始开始之前先介绍几个网站，谷歌扩展官网(翻墙-英文)，谷歌扩展中文网项目结构注意事项一(service-worker使用)service-worker.js 就是 background.js 它必须在根目录ps：如果你想看它的运行情况，需要单独为扩展插件打开控制台（扩展 - 三个点 - 审查弹出内容）注意事.
2022-05-16 15:19:27
3340
原创 从0开始使用IDEA搭建java REST api架构
前言使用IntelliJ IDEA Community Edition 2022.1不知道这么创建java的REST API架构~不知道咋下手，那你看这篇文章就对了开始因为IDEA是社区版的，使用没有spring boot选项，我们要自己加一下1.设置(seting) - 插件(plug)2.搜索spring boot安装上面这三个（或者第二个即可），然后重新打开IDEA。新建项目项目新建完成！这是入口文件来到设置...
2022-04-23 16:24:57
1767
原创 计算机网络原理IP计算总结
前言这几天在捡计算机网络原理，但是发现很多计算IP的题目都不会计算了，然后百度（谷歌）了很久都找不到比较好的文章，也废了我差不多3-4个小时才解出来，所以就写一篇文章来进行总结吧！开始开始之前你要先了解一下IP地址的基本概念IP地址基本概念1.IP地址范围，要知道它是什么类型的IP地址A 0.0.0.0 - 127.255.255.255B 128.0.0.0 - 191.255.255.255C 192.0.0.0 - 223.255.255.255D 224.0.0.0
2022-04-07 10:09:00
21794
16
原创 Offset is outside the bounds of the DataView
前言在做微信小程序开发，向蓝牙发送信息时，遇到这样一个错误 Offset is outside the bounds of the DataView开始 hexStringToArrayBuffer(str) { console.log('开始咋转化' + str) var count = str.length / 2; console.log(count) let buffer = new ArrayBuffer(count); let dataVi
2022-03-24 17:28:34
5040
原创 从0开始使用微前端(qiankun)
前言上次分享了vue架构项目，这次分享一下使用乾坤(qiankun)来架构前端项目，我这边架构只能符合我的业务需求，不过基本都是这样，缝缝补补就可以了。规划你的页面架构是怎么样的...然后进行拆分，微前端这块不在意你是用vue还是react或者单纯html。开始我这边是使用 原生的html进行作为主应用，vue、react(umi)作为微应用。主应用微应用(vue)微应用(react)vue搭建项目注意点vue使用的时候public-path.js..
2022-03-18 15:38:27
2870
1
原创 计算机网络原理恺撒密码/列置密码总结
前言这几天写试卷遇到了这到题目，百度+谷歌都找不到通俗易懂的解法，今天我就分享一下我自己的解法（加密、解密）开始试卷要求是写出明文，但是我们肯定是明文+密文都要会的，下面会讲解。题目Bob给Alice发送了igyk和hsietetdrlileusa两段密文。其中第一段密文为密钥k=6(字符集为26个小写英文字母)的恺撒密码，第二段密文是采用了第一段的文明作为加密密钥的列置换密码。(1).第一段密文的明文(2).第二段密文的明文(写出解密过程)恺撒密码先开始介绍恺撒密码分明
2022-03-16 15:11:13
7323
3
原创 vue纯前端设计动态路由+页面架构
前言好久没有更新博客了，今天就写一下vue脚手架+antd如何架构一个后台管理系统页面，本来是想弄微前端的但是想想还是算了，不过你熟了的话，可以使用微前端进行架构，基于主体布局不变嵌入微前端。上图还行，不过有很多细节没有处理好。不过作为一个参考模型是足够了，我的写偏向简单，看一遍就会了开始这里我就主要讲两块（页面架构、路由设计）App.vueps：这里添加一个路由组件(一级页面需要)<template> <div id="app">
2022-03-11 12:08:04
3131
1
原创 2021年总结
今年最大的收获应该是1.考试 - 从报名到考试都是自己一手操办，收获也比较大 - 考五过三2.付费专栏 - 今年写了几个付费教程，也赚了5位数的小钱，证明自己的技术还是能帮到别人。3.购买书籍 - 天才在左疯子在右 - 计算机程序的构造和解释 - Android应用安全防护和逆向分析 - 新版赖世雄经典英语语法 - 莎士比亚全集 - 柏拉图 理想国 - 17本考试书籍 - 百来张试卷4.健身 - 由于自身+疫情原因停了差不多1年...
2022-01-01 11:00:24
372
原创 Taro 蓝牙实战教程
前言因为公司要对接一下全局都需要使用api的小程序。。。代码utils.jsexport default { /** * ArrayBuffer(字节) 变成 hex(十六进制)(字符) */ arrayBufferToHexString(buffer) { let bufferType = Object.prototype.toString.call(buffer) if (buffer != '[object ArrayBuffer]') { retu
2021-12-23 16:39:51
902
原创 taro(react、vue) css 波纹动画
前言想弄一个波动效果的动画~，其实主要涉及到css知识点。要学会用绝对定位、相对定位实现效果taro版css.recycle_device_image { position: relative; width: 630rpx; height: 600rpx; /* padding: 40rpx 0; */ text-align: center; margin: 0 auto; border-radius: 50%; .
2021-12-09 15:20:02
840
原创 小程序与浏览器显示数学平方方法
前言由于需要显示跟数学平方一样的效果......效果图html实现<sup>M</sup><sub>3</sub>小程序实现<Text style="font-size: 24rpx; vertical-align:text-bottom;">M</Text><Text style="font-size: 24rpx; vertical-align:text-top;">3</T.
2021-12-04 16:28:31
891
原创 react(taro)实现数字翻动(滚动)效果
前言因为公司业务需要，数字发生变化的时候就翻动数字进行变化，要有动画效果....实现效果实现逻辑第一步，把数字显示出来第二步，只显示单个数字，也就是溢出隐藏设置对应的宽高第三步，移动数字也就是修改定位top值跟加点动画完结~~~。实现代码公共的css代码.turn_box_container { margin-left: 10rpx;}.turn_box_container { position: relative; disp...
2021-12-04 10:59:59
3592
原创 npm run build 打包成功 之后 卡主
前言因为我node版本太低级了，别的项目需要node版本在15.x以上，然后我就升级了，但是会发现之前旧的项目打包会遇到问题。问题node14.xx就不会遇到这种问题，但是node15.xx以上就会，我的项目是vue2.x多的。执行npm run build 会执行 node build/build.js 命令 执行完会卡主。Build complete. Tip: built files are meant to be served over an HTTP server...
2021-11-24 12:04:03
3092
2
原创 python通过条码(商品名)查询商品信息(完整版)
前言录入商品数据太痛苦了，但是又不能不录，所以这时候需要写一个python脚本来完成，仅供参考。开始可能会给一个exec表格给你，或者一个文件夹条码图片给你.....要你根据条码(商品名)找到对应的图片，保存起来。项目代码地址1.通过百度爬取商品图片(免费接口)# 通过配合商品名通过百度找图片def getBaiDu(shop_id, search_title): baidu_url ="http://image.baidu.com/search/flip?tn=ba
2021-10-14 16:03:06
3400
原创 electron使用sqlite3、escpos、printer、serialport的奇葩问题
报错一系列Error: `C:\Program Files (x86)\Microsoft Visual Studio\2019\BuildTools\MSBuild\Current\Bin\MSBuild.exe` failed with exit code: 1Building module: sqlite3, Completed: 3在此解决方案中一次生成一个项目。若要启用并行生成，请添加“-m”开关。| Building module: sqlite3, Completed: 3 no.
2021-09-13 11:59:54
1254
2
原创 vue-electron使用serialport遇到的奇葩问题
报错如下：Uncaught TypeError: Cannot read property 'modules' of undefined at Object.eval (webpack-internal:///./node_modules/bindings/bindings.js:29) at eval (webpack-internal:///./node_modules/bindings/bindings.js:223) at Object../node_modules/bi...
2021-09-07 16:49:55
1592
5
原创 electron-rebuild 编译遇到的奇葩问题
.\node_modules\.bin\electron-rebuild.cmd环境：系统：win10"dependencies": { "core-js": "^3.6.5", "electron-rebuild": "^3.2.3", "escpos-serialport": "^3.0.0-alpha.4", "vue": "^2.6.11"},"devDependencies": { "@vue/cli-plugin-babel": "~4..
2021-09-07 09:24:36
6740
2
原创 自考-计算机系统(周转时间)
题目有下表所示的若干进程，忽略调度的时间开销进程 达到时间 执行时间(分钟) p1 9:00 70 p2 9:40 30 p3 9:50 10 p4 10:10 5 要求：写出分别采用先来先服务和最短进程优先调度算法时间的调度次序和平均周转时间。解法注意看题，要求是用先来先服务、最短进程优先调度算法时，各自的 调度次序 、平均周转时间。小知识：一小时 = 60分钟先来先服务(FCFS)解法调度次序.
2021-08-11 10:05:27
412
原创 web如何使用多台手机进行真机调试
问题因为公司的产品(webapp)有问题，是苹果xs手机，因为资金问题~所以不可能买真机回来~~~这时候咋办？方案这时候就要有云手机的概念了，你百度云手机都是一堆奇奇怪怪的东西，比如爱云兔这种根本不是我们想要的，我们要是可以选择多种手机、多种型号、版本啥啥的。经过我的翻找，终于找到了腾讯的产品，weTest勉强复合。我们的要求。但是....手机远程起来真的卡，一卡一卡的更本不好测试。。。。。所以还是用钱买个真机吧。...
2021-06-28 15:39:22
244
原创 自考启蒙篇
前言如果你不是本科学历的程序员，希望你可以自考一个计算机本科学历，当然也要看你时间安排，其实自考也不难的。统招 > 自考 > 成人 > 网络，有时候自考比统招还好用（个人看法ps：必须是计算机专业)。好处如果你是工作了一段时间的，你可以补充到很多理论知识从而完善你的计算机体系。 你可以拿到一个本科学历，最少有个面试的机会。 同时也会锻炼你的意志力，增强你的学习能力。 自考完，你可以考研 ........一系列好处吧，反正就是提升自己，只是废时间。介绍因为我是广
2021-06-24 15:34:13
348
原创 vue-cli3.x+electron安装教程
前言这几天想搞个桌面软件玩玩，然后经过各种安装都靠不住，所以还是打算写一篇文章记录自己安装过程遇到的坑，需要对你有帮助。教程开始ps：请自行安装好vue环境vue create my-electroncd 项目名称我们使用 electron-builder插件 安装主要为了省事vue add electron-builder问题开始node install.js报错Response code 404 (Not Found) for https://npm.taobao.o
2021-06-11 11:22:15
536
1
原创 python安装torch
torch是深度学习框架, 它可以帮助你实现深度学习的算法, 所以它可以做的就是深度学习可以做的, 比如自动去除小视频的马赛克(大雾)。来到官网，红色的就是我选择的下载配置然后复制命令到控制台执行注意点：网络要通顺、开启VPN...
2021-05-20 14:30:41
1244
原创 讲讲前端代码规范
前言在小公司肯定不会在大公司知道这么多专业的名称，如面试常问的 "你们公司用的什么做代码规范?"........代码千万行，安全第一行；前端不规范，同事两行泪。ESLint这个使用过vue-lic肯定对这个不陌生的可组装的 JavaScript和 JSX 代码检查工具发现问题：ESLint 静态分析您的代码以快速发现问题。ESLint 内置于大多数文本编辑器中，您可以将ESLint 作为持续集成管道的一部分运行 自动修复：ESLint 发现的许多问题都可以自动修复。ESLint 修
2021-05-18 11:10:54
285
原创 开发auto.js旅行之路
前言因为公司每次上线之后都要跑一边APP、小程序、webApp等应用平台，而且人手也缺乏~所以我自己写了一个自动化测试脚本总结一下使用auto的坑。auto.js历史auto.js4之前都是开源 auto.js pro 7之后就收费了，因为很多人使用灰产，所以停更 auto.js pro 8还是收费，禁掉一些APP（淘宝、京东、抖音....）反正历史大概就是这样，目前作者就只维护auto.js pro 8 ，因为公司的应用是跟淘宝、京东有关联的所以auto.js pro 8 是用不了，我刚
2021-04-26 11:57:32
598
2
原创 接触webGl(three.js)之全景(VR)看房的实现旅程总结
文章目录前言实现全景(VR)看房的方式一、纯Three.js方式1.安装包2.实现的业务代码3.实现演示二、 使用photo-sphere-viewer1.安装包2.实现的业务代码3.实现演示三、pano2vr实现1.下载软件2.安装软件3.实现演示四、krpano方式五、其他方式总结前言这几天可能是机缘巧合吧，我朋友让我帮他弄一下全景(VR)看房功能（类似贝壳看房不过最后做不出来....），这时候我默认大家都了解了什么是Ope
2021-02-02 10:21:10
10929
7
原创 2020年总结
2020年总结看不清对吧，那就对了哈哈哈~，上面是我的总结草稿大概做做图片展示，其实总结也是写给自己好让自己进步，好了开始简单罗列一下。编程学了 CI/CD，并在gitbook写了 前端自动化部署文章（docker+jenkins+github）。学了 dart语言，并使用了flutter框架开发了几个项目，算是掌握了吧（不过大半年没有碰了）。学了 typeScript语言，并使用react+typescript+sass开发了一个组件库。学了 antdUI组件库，并使用了vue
2021-01-25 11:30:24
215
原创 Umi3（Umi）
Umi 是什么？Umi，中文可发音为乌米，是可扩展的企业级前端应用框架。Umi 以路由为基础的，同时支持配置式路由和约定式路由，保证路由的功能完备，并以此进行功能扩展。然后配以生命周期完善的插件体系，覆盖从源码到构建产物的每个生命周期，支持各种功能扩展和业务需求。Umi 是蚂蚁金服的底层前端框架，已直接或间接地服务了 3000+ 应用，包括 java、node、H5 无线、离线（Hybrid）应用、纯前端 assets 应用、CMS 应用等。他已经很好地服务了我们的内部用户，同时希望他也能服务好外部用户
2020-12-19 17:47:42
1019
2
原创 获取umi3+egg中台实战项目代码
购买了专栏小伙伴记得看这个专栏哈，文章写的可能不是很清晰，所以我建议是先拿到代码，然后对着文章来看，并自行编写代码。后端：git clone https://github.com/Ans1998/egg-middleground.git后端拉了代码，记得把public里面的sql文件导入到你的数据库，还要开启redis前端git clone https://github.com/Ans1998/umi3-middleground.git还有就是要添加我微信好友，我拉你进仓库加我的格.
2020-12-19 16:40:54
597
6
原创 umi3+egg的公共资源
git clone https://github.com/Ans1998/umi-egg-.gitumi3eggumi_middleground.sql 是数据库的表，小伙伴可以直接导入即可
2020-12-19 16:13:23
337
1
原创 react-umi-对接Api-5.总结篇
我们对接完api了实现了网络请求封装（记录路由（返回上一页）- 登录成功使用）防抖节流睡眠功能封装动态路由（菜单）以及layout布局获取用户信息登录模块菜单模块角色模块管理员模块网络请求封装src - app.tsx/ 网络请求封装export const request: RequestConfig = { prefix: 'xxxx', // 域名设置 headers: { 'Content-Type': 'application/x-www-form-url
2020-12-19 15:35:48
776
2
原创 react-umi-对接Api-4.管理员模块
管理员登陆演示本篇看点：管理员的CURDsrc - pages - authority - adminUserindex.tsximport React, { useRef, useState } from 'react';import { PageHeaderWrapper } from '@ant-design/pro-layout';import { Button, Tag, Popconfirm, message, Badge, Tooltip } from 'antd';..
2020-12-19 14:38:02
304
2
原创 react-umi-对接Api-3.角色模块
分配权限树演示本篇看点：角色的CURD分配权限树实现src - pages - authority - adminRoleindex.tsximport React, { useRef, useState } from 'react';import { PageHeaderWrapper } from '@ant-design/pro-layout';import { Button, Tag, Popconfirm, message, Badge, Modal, Tree } fr..
2020-12-19 14:22:58
276
2
原创 react-umi-对接Api-2.菜单模块
菜单结构树拖拽演示本篇看点：菜单模块的CURD菜单结构树的拖拽src - pages - menuindex.tsximport React, { useState, useRef } from 'react';import { PageHeaderWrapper } from '@ant-design/pro-layout';import { Button, Tooltip, Tag, Popconfirm, message, Badge, Modal, Tree } fro..
2020-12-19 14:09:04
347
2
原创 react-umi-对接Api-1.登录模块
本篇看点：我们设计了一个很漂亮的登录UIProForm组件的使用跳转记录路由提交前使用md5加密src - pages - loginindex.tsximport React, { FC } from 'react';import { history } from 'umi';import { message } from 'antd';import ProForm, { ProFormText } from '@ant-design/pro-form';import { Use
2020-12-19 12:06:56
906
2
原创 react-umi-对接Api.网络请求封装以及Layout布局获取用户信息（动态路由）返回记录路由以及防抖节流睡眠功能实现
本篇看点字符串component转成函数componentantd4 动态Icon网络请求封装Layout布局获取用户信息（动态路由以及动态菜单）记录路由（返回上一页）防抖节流睡眠功能实现app.tsximport React from 'react';import { history } from 'umi';import { message } from 'antd';import qs from 'qs';import { encode } from 'js-base64'
2020-12-19 11:57:01
991
5
原创 node-egg-7.Api总结篇
我们编写了多达20个Api接口，里面需要掌握的手动实现JWT（编写JWT插件）异常处理egg-mysql、egg-redis、egg-cors插件使用接口参数验证（egg-validate）SQL链表数据处理循环里面如何使用异步手动实现JWT（编写JWT中间件）实现流程：安装 jsonwebtoken包编写中间件（app - middleware - jwt.js）注册中间件（config - config.default.js）编写一个公共方法用来生成token（app -
2020-12-19 11:34:27
298
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人