生活杂谈
镜子
我看见一个男人,前几年他无忧无虑,逍遥自在,从不自卑。现在他一身烟味,俩眼无光,面脸憔悴
我很想心疼他一下,于是我摸了一下镜子,突然泪流满面!
三十岁一切才刚刚开始
等你过了30岁,没有稳定的工作,没有存款,亲人遇到事情你拿不出钱,你就会明白,脸不脸的,情啊爱的,原来都是浮云。
没有钱,走到哪里,你都低人一等,十几个人去吃饭,没有人对你敬酒,更没有人问你喜欢吃什么,有你在,最多只是多一双筷子而已。
男人这辈子,落魄一次,你就知道在你身边的到底是人是鬼。不要把什么都放在别人身上,不然你连后悔的机会都没有。
什么是吃苦
大多数人对吃苦的含义可能理解的太肤浅。穷,并不是吃苦,穷就是穷,一天24小时流水线,也不叫吃苦。吃苦不是忍受贫穷的能力,更不是重复、机器式的工作多少时间。
吃苦的本质,是长时间为了某个目标而聚焦的能力,在这个过程中放弃娱乐生活,放弃无效社交,放弃无意义的消费以及在过程中不被理解的孤独,他本质是一种自控能力、自制能力、坚持能力和深度思考能力
从很大程度来说,靠自己成功的富人往往比穷人更能 ...
2020总结与2021目标
前言
今天是2020年农历大年三十,过了今天晚上12点就是崭新的2021年了!今天对2020年自己达成的成做坐一个总结以及2021年的规划做一个系统的规划!
2020个人总结
今年是一个极其特别的一年,也是一个特别不容易的一年!今年最值得庆幸的事有四件
我还活着
走出了心里阴影
有了一个崭新的人生规划
事业更上一层楼
工作总结
能够做到独自一人开发一个大型系统的前端开发。能够把公司的项目从零到一的完成!
对写程序有了一个全新的认识。能够充分理解并运组件化开发的思想、面向对象的思想、原子化css的思想等等。
对html、css、js有了全新的认识,更加注重内功的修炼。认识到css的强大、html的语义化的重要、无处不在的js
对vue、react、小程序、公众号等有了一个全新的认识。
对系统兼容性以及性能优化的重要性有了全新的认识,充分体会到性能的重要性!(以后还需要在这方面下更大的功夫)
总结:以上就是今年工作的收获吧!写的比较笼统。一句话概括就是自己已经达到独当一面的能力了!
生活
2020年,对于生活,最大的收获就是终于走出了心里的阴影,能够让我下定决心,有勇气、体会到生 ...
长大后明白的道理
当你长大以后,才会明白的道理
小的时候,总是盼着自己快快长大,盼望着自己能够有自己的意愿。能够不再被父母管着。
现在的我,长大了。
然而,我却开始怀念小时候的日子,那种无忧无虑,那种天真无邪的日子,那种没有任何烦恼的日子。
可是,回不去了!
随着年龄的增长,社会阅历的加深。越来越多的事把我打的措手不及。
1.起跑线
也许有一天,你会发现,原来,人的起跑线从来都不相同。
曾经,我天真的以为,人的起跑线是一样的,每个人都是从小开始上学,读书。每个人都有自己的父母关心疼爱等等。现在我才发现,原来不是这样的,原来,世界上还有那么多的孩童上不起学,还有那么多的单亲家庭,即使上学了,也不一样,有钱的家庭,孩子受到的教育要好的多,家庭不好的,随便上个学校,没人管也没人问。比如留守儿童,一年甚至都见不到自己的父母,在学校受人欺负,回家没人问津,很多时候,挨打了,还要挨吵,因为自己的父母没有势力,为了不得罪别人,只能忍气吞声吵自己的孩子来让对方家长消气。一个人守着一个院子,晚上睡觉的时候,都不敢关灯。晚上放学回家的路上,因为天黑的缘故,害怕的要命,骑着车子,拼命的骑,速度飞快,仅仅是为了在漆黑的路上的 ...
2020下半年——目标
1、前言
对于自己的学习和成长,不断的制定目标。并完成目标成长自己,随着时间的增长,慢慢的熟悉这个社会终于明白,社会是有多么的残酷,人要有立足之本以自己的爱好,自己喜欢的事为基础,打造自己的只是体系成长自己,充实自己,为了自己想要的努力,在学习中充实自己Dream it possible 总有一天我可以活出真实的自己曾经,我年少轻狂。如今,只能为此买单。回头一看,全是活该!
2、2020年下半年目标
8月份 —— 做一个自己的小程序,先自己模拟数据,不接入后台。
9月份 —— 专攻 政治、高数、英语。
10月份 —— 搞定flutter,做一个自己的app,可以先不接入后台数据,先mock数据
11月份 —— 学习react基础知识。
12月份 —— 重新学习react,做一个自己的pc博客,可以先不接入后台数据,先mock数据
3、实现
每天写一篇博客,为自己做笔记,也为以后遇到相同的问题的时候能够快速的查阅
2020年计划
以前荒废的太多了,浪费了太多的时间。今年搞定多端,明年开始学习底层,开发组件以及工具
无题
title: 每日一题题库 # 文章名称date: 2021-07-07 19:06:25updated: new Date()tags: [tiku] # 文章标籤categories: [tiku] # 分类keywords: tikudescription: tikuop_img: http://www.oss.qcwy.org.cn/mxt/3.jpeg # 【可选】文章顶部图片cover: http://www.oss.qcwy.org.cn/mxt/4.jpeg # 【可选】文章缩略图(如果没有设置top_img,文章页顶部将显示缩略图,可设为false/图片地址/留空)comments: truecopyright_info: 转载请留言,未经许可禁止转载,转载时请注明出处(必须保留作者署名及链接) #sticky: 0# 是否置顶
概览
由于每天学习以及练习的题有时候会在工作中使用到,并且一些复杂的题或参考别人做法的题,可能会需要反复查看,如果不整理,很容易丢失或者不好查找,因此,本文应运而生。
耗时
消耗时间是未知的。因为每天都会去写,会去更新
css实现开关 ...
使用gulp从0到1构建项目
概览
由于公司需求,需要使用 gulp 构建项目,总结一下自己使用 gulp 构建的项目
耗时
由于从来都没有接触过,所以耗时这块事件有点长,从开始搭建,到搭建完成用了 6 个小时左右。期间主要是查看官方文档和插件文档以及找插件。
难点
并没有多少难点,估计是我做的不是太深入,项目比较简单的原因。唯一比较难受的地方就是起本地服务以、代理、抽离组件的时候耗费了一点时间,绝大多数时间都是在看文档。
工具
gulp4.x
注意 3.x 和 4.x 的语法稍有区别
插件
gulp-cssmin
gulp-htmlmin
gulp-uglify
gulp-imagemin
gulp-clean-css
gulp-less
less-plugin-autoprefix
gulp-clean
gulp-rename
gulp-webserver
gulp-file-include
……
前置环境
nodejs
npm
npx
学习 gulpgulp 是什么、有什么用
gulp是一个基于流的自动化构建工具
gulp 将开发流程中让人痛苦或耗时的任务自动化,从而减少你所浪费的时间、创造更大价 ...
写一个自己的UI组件库
前言
虽然说不要重复造轮子,但是知道轮子是怎么造出来的还是非常有必要的。本人也比较喜欢折腾,闲暇之余就写了个cq-vui的组件库。当然,我是个弱鸡,大佬们感觉有哪里需要改进优化的,还请留言告知。万分感谢!
这篇文章记录我在开发UI组件库的过程,也希望能够帮助看着这篇文章的你。
1、创建项目创建项目这点想必大家都会,如果不会的话,那就官网学习下喽!使用下面命令创建项目,然后根据需求进行选择,下图是本人进行选择的一些参数,仅供参考!
1vue create cq-vui
2、初始化项目项目创建完成后是一个默认的项目,里面有一些文件我们是不许要的,在开始工作之前先将无用的文件进行删除,重置项目。
处理后的项目目录
启动项目1yarn serve
打开页面可以发现是一个空的页面
创建组件components下创建一个button.vue文件
12345678910111213141516171819<template> <button class="cq-button">我是按钮</button>< ...
mac图床配置
前言
写博客等其他一些文章的时候,都会用到一些图片进行说明。
然而每次用图片的时候都是手动传,然后再使用链接!好麻烦的有木有!
最近买了个oss,手动上传有点麻烦,就想着搞个图床算了!结果就有了下面这篇文章。
1、阿里云OSS1.1、购买阿里云OSS
首先你需要购买一个阿里云OSS,当然其他平台的也是可以的!这里不做详细说明,毕竟只是买个东西!
1.2、配置OSS
如图所示:
在控制台里点击OSS后显示的界面如图所示!
点击创建Bucket创建一个Bucket。创建过程不再讲解!没啥东西,具体有文档的嘛!
注意:这里要点常用入口–>Access Key(上图)。进入如下页面
点击开始使用进入
创建成功后
Access Key 和Secret Key可一先保存下来,得会会用到的!
如果想使用自己的域名作为图片的链接地址的话,可以根据文档进行配置
2、图床工具设置2.1、下载图床软件
一开始我是想用ipic的,但是中所周知MAC电脑大多软件都要钱。这个软件用不起!最终换成了upic作为图床工具。
下载方式:地址
可以先去软件的github,然后根据说明在MAC命令行中执 ...
使用shell编写脚本批量压缩文件
前言
由于工作中每天进行项目开发后,都要给项目经理打包代码。而且pc和移动端都要进行打包,最重要的是带很多的站点,需要一个一个进行打包,而且每天都要打包一次,时间长了,感觉人都要没了!由于自己太懒了!就你想着想办法搞成自动的。于是就有了下面的内容。内容过于简单,但很实用!
不得不说,shell脚本真的很强大!有时间得好好学学shell脚本和linux命令!真的很实用,很好用!也把这个任务归到了2021小目标里了
这里不说代码的具体意思,等完整的学完shell脚本后,会写一篇总结,到时候在总结里面再写!
本文只为随笔记录一些有用但还容易忘的知识点!
代码
简单的随便写几个,并非公司内真是的文件
根目录,新建 是zip.sh文件
zip 进行压缩
unzip 进行解压
-r 对目录及目录的内容一起压缩 ,不添加-r 参数时 对目录进行压缩 解压后目录内是没有内容的!
1234for i in { "vn-VN xxx" , "th-Th" , "zh-TW" , "en-US"}do ...
从0-1开发基于Vue3.x+TS项目实战
前言
vue3.x正式版已经发布有几个月了!终于有时间学习vue3.x了!本文记录了使用vue3.x+TS从0到1项目开发全过程。
项目搭建
创建项目
1yarn create vite-app
运行项目
12cd ts_vue // 进入项目目录yarn dev //启动项目
加入TS
1yarn add typescript
初始化项目引入TS以及基础配置
根目录创建vite.config.ts文件,相当于vue2.x里面的vue.config.js文件
1234567891011121314151617181920212223242526272829303132333435import path from "path";const pathResolve = (pathStr: string) => { return path.resolve(__dirname, pathStr);};const config = { base: "./", //在生产中服务时的基本公共路 ...