- 博客(436)
- 资源 (14)
- 收藏
- 关注
RSS订阅
原创 程序人生：程序员如何实现财富自由？
有国外的码农在论坛里提问：“为了过上更好的生活我两年前移民到法国后，开始从事前端开发，我的月薪从当时的1.5万涨到现在的1.9万。这样的工资还算可以，但我觉得不够多。 我在想为什么所有人都能赚大钱？而我作为码农，实在不知道该如何提高自己的收入，又该怎么做才能买上房子，让生活过得更好些呢？” 原来不单是中国人在焦虑买房升职加薪的事，同一个世界同一个挣钱买房的命题。 那么作为程序员，我们该如何才能赚到更多的钱呢？今天我们来聊聊程序员通向财富自由之路的几个阶段。 初阶：跳槽 正如网友s...
2020-09-11 10:40:30
19896
52
原创 前端vue：解决Invalid prop: type check failed for prop “model“. Expected Object, got Array问题
前台页面报错“Invalid prop: type check failed for prop “model”. Expected Object, got Array ”错误是：期望对象，得到的是数组从后台获取的数据是数组类型，需要把它改为Object第一种情况：组件传值1、父组件2、子组件3、报错提示改正第二种情况：获取数据的代码为 this.update = response.data;改为： this.update = resp
2020-09-10 15:29:11
72458
4
原创 Vue中报错： Redirected when going from “x“ to “x“ via a navigation guard
@vue/cli 4.3.1vue-router: ^3.3.2使用路由重定向做了登录验证后, 报错Error: Redirected from “/login” to “/index” via a navigation guard.Error: Redirected from “/login” to “/index” via a navigation guard.解决方案:删除 node_modules ，到 package.json 中将 vue-router 改为 3.0.7 ，重新
2020-08-21 20:58:11
6241
原创 前端三大主流框架的区别（三）
前面两篇已经做了细致的分析，这一篇就总结总结三大主流框架吧1.angular1.1. 简介:angular是最早出现的框架，angularjs是通过directive（指令）去封装组件，react和vue是通过component。 1.2. 优点：1、背后靠山（google），有着稳定的维护团队。且google的Adwords业务就使用了angular，作为一个赚钱的业务，google也会让它的环境更稳定一些。2、angular+typescript，google和微软的双剑合璧。angu
2020-08-15 10:20:26
10084
9
原创 生产环境出问题了，测试环境是好的，怎么办？拉稀了！用这个方法重写浏览器源代码进行调试！
这个不难理解，背过八股文都都知道，vite是利用现代浏览器对ES模块的原生支持，以及HTTP/2服务器推送等技术，实现了快速的开发服务器和按需编译。在开发过程中，Vite会将代码按需编译成原生ES模块，不需要提前打包成bundle文件，从而加快了开发的速度。关于ES模块，就是一种在JavaScript中用于模块化的标准，它允许开发者将代码分割成多个模块，使得代码更易于组织、维护和重用。改完之后会有一个紫色的小点，这个时候，这个已经修改过的代码文件已经保存到本地了，并且，已经把修改过的文件替换到浏览器上了。
2024-04-08 14:48:26
351
1
原创 前端工程师的摸鱼日常（20）
也不知道是工作太久还是因为年纪愈大，或是过得太安逸，感觉做什么事情都没有动力，执行力也比之前差的许多，下了班就是一具行尸走肉，我感觉我工作也不饱和啊，也妹说有多忙啊。我与他相反，我跟谁我都不想说话，多说一句话我都感觉让我花一半力气，产品来说需求，我都懒得理她，后端来找我对接口，巴拉巴拉一大堆，我回个嗯，后来都不找我了，明明坐我旁边的人，都在群里发信息艾特我，好吧，这是我的问题，呸，这不是我的问题，我觉得我是正常人的时候，所有人脑子都有问题。我那天正吃饭呢，看到了这个公告心想，坏了，冲我来的！
2023-11-02 15:25:59
551
9
原创 HTML元素中有中文、英文、符号、数字。第一行没排满就自动换行的解决办法：word-break:break-all的使用
是一个CSS属性，用于控制文本在容器中的换行方式。它的作用是强制在任意字符之间进行换行，即使这样可能会导致单词被分割。具体来说，word-breaknormal（默认值）：默认的换行行为。单词不会被分割，会根据容器的宽度自动换行。break-all：强制在任意字符之间进行换行，即使这样可能会导致单词被分割。这个值适用于不考虑单词边界的语言，比如中文、日文等。keep-all：不允许在单词内换行，只能在字符之间换行。这个值适用于考虑单词边界的语言，比如英文。使用。
2023-07-12 12:05:48
2087
原创 前端工程师的摸鱼日常（18）
戏友可，勿戏本心也。友信无碍，一笑便过。盼君语毕拭涕，勿落泪于屏。君之语，如信可慰之，信则无不可。君之言，勿自以为真。友便信君，纵欺无碍，一笑过矣。非友使君伤，拭泪且问心。非汝之友，何人信汝此言？
2023-06-19 17:14:38
795
12
原创 Django框架：优缺点、实用场景及与Flask、FastAPI的对比
Django是一个使用Python语言编写的高级Web框架，它提供了快速开发、可重用和可维护的Web应用程序所需的一切组件。在本文中，我们将探讨Django的get和post请求、优缺点、实用场景以及与Flask、FastAPI的对比。
2023-06-02 10:15:36
1610
2
原创 python高并发优选之FastAPI
FastAPI作为一种新兴的Python Web框架，具有许多优势。它的高性能、易用性和强类型支持使其适合于构建大型Web应用程序和RESTful API。但是，它仍然有一些缺点，例如社区还不够成熟、异步编程学习曲线陡峭等，需要开发人员进行权衡和选择。在我们之前提到的Flask和Django以及FastAPI之间的纠结，实际上并不是必须要选择其中一个。因为每一个框架都有自己的优势和适用场景，可以根据项目的规模、目标、需求等因素来进行选择。比如，对于中小型的简单项目，我们可以选择Flask；
2023-06-02 10:09:58
3156
原创 python后端接口框架Flask的基本用法
Python是一种强大而受欢迎的编程语言，可用于编写高效的后端接口。它提供了一个简单易懂的语言结构，并且具有广泛的第三方库支持和框架。虽然Python在性能和资源消耗方面存在一些缺点，但对于一些轻量级和中等负载应用程序而言，它仍然是一个非常好的选择。
2023-06-02 10:03:37
1864
原创 Vite简介
Vite是一款基于Rollup的构建工具，主要用于构建Web应用程序和库。它采用ES Modules为模块系统、Webpack的插件机制以及Browserify的require语法，使得开发者可以轻松使用现代的前端技术，例如Vue、React和TypeScript等。Vite是一个快速、轻量级的前端构建工具，它通过服务端渲染、模块热替换和按需编译等功能，提高了前端开发的效率和性能。使用Vite可以轻松构建现代化的Web应用程序和库。
2023-06-02 09:46:37
1069
原创 学爬虫，吃牢饭，卑微前端小丑复制antd的icon图标真的太难啦，我用python几秒扒完
这才是爬虫的正确使用方法，卑微前端小丑，在线复制antd ui库的icon图标，真的太难啦，改用python几秒扒完
2023-05-17 10:12:07
1029
1
原创 vite入坑之路：react+vite动态导入报错@vite-ignore的解决方法
The above dynamic import cannot be analyzed by Vite. See https://github.com/rollup/plugins/tree/master/packages/dynamic-import-vars#limitations for supported dynamic import formats. If this is intended to be left as-is, you can use the /* @vite-ignore */ c
2023-05-16 10:49:12
4201
原创 小程序逆向工程：这个开源的小程序逆向工具真不错，2023年亲测成功
安全部门的大哥又双叒叕报了一个小程序的高危漏洞，他使用逆向工程破解了加密信心，用抓包修改了请求参数。又是头疼的一天…想成为一名微信小程序的开发者，前端思路的学习和安全意识是非常有必要的，故务必掌握小程序反编译技能。这里用到了2个工具《解密》与《逆向》（非原创，均来自网上的大佬）。特别适合新手，而且都是免费的！都是免费的！都是免费的！第一次操作可能会慢一些，熟练了之后，3秒抓取一个小程序源码！
2023-03-23 11:38:37
4122
8
转载 在React项目中引入echarts球形水波纹
外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-bHvx9zrJ-1679034311702)(/upload/2023/03/image-6b5cd80bd2364c31b6aec4ea898d6f00.png)][外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-iMigiZ45-1679034311703)(/upload/2023/03/image-d6c31d9f276645618e11f7edaad0bc41.png)]
2023-03-17 14:27:34
687
1
原创 Git代码提交规范
feat: 项目名-xxx功能或需求变动的修改fix: 项目名-XXX问题bug的修复refactor: 项目名-xxx代码重构style: 项目名-xxx代码格式整理config: 项目名-xxx配置文件修改docs: 项目名-xxx文档修改revert: 项目名-XX代码回滚test: 项目名-XXX测试类。
2023-03-14 09:12:41
1304
2
原创 轻舟已过万重山
罗翔说：“其实没什么好后悔的，很多事就算时间能重来一遍，以当时的心智和阅历，还是会做同样的选择，避免不了同样的结果。人本来就是在失败中学乖的，与其抱着过去后悔，不如擦擦眼泪向前走吧。” 我时常在想，我是过了365天，还是把一天过了365遍，这种一眼望不到边的日子最是折磨，三点一线的生活，消耗人们口中黄金般的二三十岁。 我也时常后悔，后悔离开了家，后悔知道的见过的太多，后悔提高了眼界，让我逐渐看到了这个世界的规律及法则，认识到阶层跃迁的可能性几乎为零，微弱的薪水抵挡不住生活的困难
2023-01-08 02:19:11
732
5
原创 利用Python3写个爬虫脚本，爬取纯欲小姐姐的图片壁纸，隔壁的前端兄弟馋哭了，求着我要脚本
利用Python3写个爬虫脚本，爬取清纯性感小姐姐的图片壁纸，隔壁的前端兄弟都流口水了，求着我要脚本
2022-12-07 10:33:13
868
1
转载 React Native环境及项目配置搭建
安装RN环境卡了我好久，在网上搜了很多都不全遇到很多坎儿，时至今日我终于装好了，打算写一个详细过程造福大众，也算是对自己总结更深层的记忆。注意要点：必须要有node，javaJDK和AndroidStudio。再分别看这三者的条件： （1）node必须在14以上，可以去 node官网下载，我这里用的是NVM。NVM教程搞好之后检查：cmd执行命令： 无误之后，这一步完成。（3）安装 Android Studio ，将近1G的安装包，这一步某些地方会出错需要注意。下载之后安装，C盘小的朋友主要换位
2022-12-06 15:53:04
597
1
原创 react异常 Each child in a list should have a unique “key” prop
react异常警告：Each child in a list should have a unique “key” prop。加了key为何还报Each child in a list should have a unique “key“ prop。原因：Dom在渲染数组时，需要一个key，不然嵌套数组时会引起歧义。
2022-11-28 17:59:11
10042
原创 Electron + vue搭建项目
最近公司想要开发一款桌面应用，在众多的跨平台桌面框架中，我选择了electron，主要的原因是electron使用 JavaScript，HTML 和 CSS 构建跨平台的桌面应用程序。2、创建好项目，使用vue ui 添加插件 vue-cli-plugin-electron-builder，项目自动生成为electron项目。5、添加启动命令 "electron:serve": "vue-cli-service electron:serve"1、首先需要安装npm install -g vue-cli。
2022-11-22 11:21:52
4704
12
转载 Electron应用的打包和自动更新
我们上面的例子中，是将页面的web资源都打包到了安装包，还有一种情况就是，web资源和“app壳子”分离，web资源放在服务器，每次都通过网络动态加载，像下面这样：URL('https://juejin.cn')在业务需要频繁更新的场景中，可以使用这种方式，快速无障碍地实现更新。在这种情况下，我们可以按照上述方式打包和更新“壳子”，也就是主进程相关；而页面资源的打包和普通的前端项目打包无异，这里不再赘述。这篇文章主要讲解了使用。
2022-11-22 10:56:41
2289
原创 前端工程师的摸鱼日常（17）
声明：全文纯属个人想法，无论提到什么，都无贬低和抬高之意，也没有对当今直正者感到不满。如果有部分内容与我思想不一，或戳于谁之痛处，可以跳过浏览，就当我在讲故事或者笑话。如果内容侵犯到XXX的权益，联系删除。最后，本文内容如有雷同，纯属巧合！距离上次更新日常已经有三个月了，哦不，准确的说已经有半年了。不要说为什么，我感觉已经写无可写了，我身边的生活日常，工作日常，该写的都写了，该吐槽的人也都吐槽了，每天发生的事儿就那么点，做不到像小说那样天天连载。当然，我也想过写小说，就怎么说呢，这个地方好像不太合适。
2022-11-07 08:54:54
11853
17
原创 linux系统的命令大全
mkdir -p ./dir1/dir2，-p选项表示父目录，当父目录不存在时，同时创建父目录，也就是递归创建目录。-R：递归更改文件属组，就是在更改某个目录文件的属组时，如果加上-R的参数，那么该目录下的所有文件的属组都会更改）mv /a/a.txt /b/b.txt ：移动a目录下的a.txt到b目录下，并改名为b.txt。当我们以为这是man（男人）的时候，其实这是manual的缩写，意思是说明书、小册子的意思。以上三个命令的含义相同，都是对于所有身份的用户设置dir1目录的权限，增加读写操作权限。
2022-10-24 16:15:07
3083
原创 js生成年月+字母+五位数的编码，实现字母递增与五位数序号递增
这块儿的逻辑有问题，只能算到B。C就不行了。也就是说AB两个字母都可以算满，99999x2 大概20w的数据，嗯，短时间内肯定是发现不了，本来想用取余算的。算了，早就不想干了，20w的数据，不得添加好几年？？我早就走了，给后人留个坑吧，奈斯！！拜拜！！
2022-09-02 18:13:12
3109
2
原创 React ：（类、函数）子组件调用父组件的方法
子组件中使用传过来的cancelCreateFile【this.props.cancelCreateFile】，就可以在子组件中调用。
2022-08-19 10:59:42
4342
转载 React 父组件调用子组件中的方法，Ref的使用
文章中涉及 ref 的应用仅为父组件调用子组件场景下的应用方式，并未涵盖 ref 的所有应用方式
2022-08-19 09:48:09
2071
原创 react-router-dom使用指南（最新V6）
通过嵌套的书写Route组件实现对嵌套路由的定义。path开头为/的为绝对路径，反之为相对路径。可以在任何组件中使用Routes组件，且组件内的Routes中，路径默认带上当前组件的路径作为前缀。注意：此时定义父组件的路由时，要在后面加上/，否则父组件将无法渲染。}使用useRouteshook，可以使用一个JS对象而不是Routes组件与Route组件来定义路由。其功能类似于useRoutes的返回是 React Element，或是 null。children?element?index?...
2022-08-17 11:06:06
2365
原创 解决react-router-dom V6路由嵌套时，子路由无法显示的问题
You rendered descendant (or called `useRoutes()`) at "/home" (under ) but the parent route path has no trailing "*". This means if you navigate deeper, the parent won't match anymore and therefore the child routes will never re
2022-08-17 10:59:06
3428
1
原创 react-router v6使用createHashHistory进行history.push时，url改变页面不渲染
在我使用history库的createHashHistory创建history对象时，使用history.push进行页面跳转的时候，url 变化，但是页面没有渲染。③创建组件时，函数式组件只需调用函数即可创建组件，而类组件必须先实例化一个对象，然后通过这个实例化对象调用render函数来创建组件。④类组件是用生命周期钩子函数来实现业务逻辑的，而函数式组件使用react Hooks来实现业务逻辑。函数式组件和类组件都能实现相同的效果。方法只能在函数式组件中使用， 在类组件中是不能够使用hooks的。...
2022-08-16 16:50:13
2310
2
原创 创建React + Ts项目
安装完成后会在项目根目录生成.eslitrc.js文件，然后改一下规则(可以根据自己需求增减规则)8、你希望你的配置文件是什么格式的？(JavaScript，其它的可以自行百度)7、遵循哪一种流行风格？(可以根据自己项目所需定义，我选Airbnb)eslint初始化后会出现三个项目，根据项目而定。6、如何定义项目定义样式？(使用流行的风格指南)1、使用什么样的eslint？2、项目使用什么类型的模块？9、你现在就安装他们吗？(Yes，yarn)3、项目使用哪个框架？...
2022-08-15 15:26:56
2452
转载 Typora使用pandoc实现文档格式转换：Pdf转Word转md(markdown)
完成之后打开软件，将需要转换的pdf文件拖拽到软件内，点击转换，到MS-WORD，确认即可导出为word格式文件。安装完成，点击finish之后将（pojie文件）这个文件夹的两个文件复制到安装目录下的PDF Editor文件夹下，替换文件。但是该种方式，word中的图片丢失，无法加载，目前我也没有找到解决方法，所以还是建议使用第一种命令行的方式。打开cmd命令窗口，输入pandoc --version，可以确认是否安装成功。直接使用这个网站即可，上传pdf文件，会自动生成markdown格式的。...
2022-08-10 18:08:05
4172
2
原创 划水日常（16.5）关于出版图书有偿征集书名 ~
有偿征集书名：后续采用将给予200-500元红包鼓励！！我们也将会在此书发版之前，将样版赠送给你！！！
2022-07-27 15:09:20
2328
69
HTML5星空夜空背景登录界面模板.zip
2021-10-26
微信小程序怎么切换全局主题颜色？···源码
2020-09-17
天使童装（已上线）：微信小程序，一款专注于童装购物的电商小程序，源码
2020-09-17
佩奇网（已上线）：微信小程序、一个IT技术分享社区、源码
2020-09-17
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人