- 博客(23)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 2023可能是最全的微前端方案调研
文章目录微前端是什么解决的问题优势分类业界方案1、iframe2、Web Components3、ES Module4、qiankun5、EMP参考资料微前端是什么微前端概念是从微服务概念扩展而来的，摒弃大型单体方式，将前端整体分解为小而简单的块，这些块可以独立开发、测试和部署，同时仍然聚合为一个产品出现在客户面前。可以理解微前端是一种将多个可独立交付的小型前端应用聚合为一个整体的架构风格。几个特性：无技术栈限制、应用单独开发、多应用整合解决的问题工程越来越大在老的技术栈之上难以开发由于项
2021-06-30 15:57:00
1175
1
原创 docker：持久化存储
背景我们知道，在容器这一层是可以读写的，镜像是不能读写的。比如当我们用 docker 启动一个 mysql 容器，那么读写只是发生在容器这一层，当我们把容器停掉，这些数据就会丢失，这肯定是我们不能忍受的，所以 docker 提供了持久化存储的方案：基于本地文件系统的Volume文件同步一份到本地在执行 docker create 或 docker run 的时候，通过 -v 参数将主机的目录作为容器的数据卷https://hub.docker.com/_/mysql?tab=descript
2021-06-28 23:16:08
387
原创 css：对BEM的看法以及自己创立的一个CSS命名规范EToE
文章目录BEM基本介绍优点&缺点相关资料EToEBEM基本介绍BEM的意思就是块（block）、元素（element）、修饰符（modifier），是由Yandex团队提出的一种CSS Class 命名方法。类似于：.block{}.block__element{}.block--modifier{}优点&缺点相关资料https://www.smashingmagazine.com/2012/04/a-new-front-end-methodology-bem/htt
2021-06-28 00:33:32
99
原创 做开发的一些感悟（长期更新）
开发新功能之前一定要先设计，路由设计，命名设计，文件结构，组件结构，数据传递，扩展性通用性设计等等，否则重构火葬场！一定要多反思，每次开发完成，回过头来看自己哪方面做的不够好产品需要迭代，不可能一下出一个完美的产品，但是要提前设计好一些扩展性的东西。评估工时的时候，不要评的太紧张，因为一天你的代码时间不可能有8小时，可能有领导让你干个别的事，思考一下代码的组织，开个会等等，给自己留点缓冲时间。...
2021-06-27 23:58:44
198
原创 聊聊自己感悟出的一些学习方法
俗话说的好，做任何事都是有方法的，学习更是有方法其实我也是大学开始才慢慢误到的一些学习方法，当然也不一定适用于每一个人，但是我觉得对大多数人来说应该是相当有用的。现在想想，如果我高中能悟到那我也不至于只上一个普通本科了????说说我如何悟道的一个心路历程吧我是如何悟出来的？先讲讲我的经历，由于年轻时懵懂，报考志愿的时候也没有人帮我把关，我的大学报了一个我不怎么喜欢的专业，我也是上大学学了一阵子我才慢慢发现的，自动化这专业整天和电路等打交道，一点都不是我的菜。其实当时，我已经有了我喜欢做的东西，那
2021-06-27 23:27:03
138
原创 linux：详解网络命名空间（docker使用了该技术）
晚点更新参考文档https://blog.csdn.net/vacing/article/details/69802394https://blog.csdn.net/guotianqing/article/details/82356096
2021-06-21 18:58:53
913
原创 聊聊前端工程师的职业发展道路（欢迎讨论）
文章目录说说我自己第1-2年：知识大爆炸第3年：认知的升级未来计划：可能随时间会改前端发展路线1、转产品/项目2、前端技术专家3、转后端4、创业5、送外卖最后6月份，是我大学毕业三年的日子，也是我工作三年的日子，时间真的好快啊，尤其是工作之后，屁股往椅子上一坐一抬，一天过去了，然后就是一周过去了，三年过去了。。。先说说我这三年都干了什么吧说说我自己第1-2年：知识大爆炸刚毕业的时候，在北京和杭州之间，我选择了来杭州工作，听说环境比较优美，压力相对北京较小。我也只是一个普通本科，当时来杭州找工作想
2021-06-20 16:09:42
893
4
原创 docker：从零开始部署一个压测工具stress（如何传参给docker）
准备工作Stress是Linux下的一个压力测试工具，可以对cpu、memory、IO以及磁盘进行压力测试apt-get install -y stress# /usr/bin/stresswhich stressstress --help# 创建几个进程stress --vm 1# 每一个进程分配多少内存(默认256M)stress --vm-byte 100M# debug输出--verbose更多使用开始写Dockerfile问题：我们不可能把传的参数写死在 Docke
2021-06-17 11:47:14
906
原创 docker：从零开始部署一个python的hello world并debug（其他语言同理）
准备工作python 代码 app.py：from flask import Flaskapp = Flask(__name__)@app.route('/')def hello(): return "hello docker"if __name__ == '__main__': app.run()运行：pip install flaskpython app.py# Running on http://127.0.0.1:5000/开始写Dockerfilemkdir fla
2021-06-16 20:14:17
608
4
原创 docker：Dockerfile的制作以及最佳实践
文章目录背景语法FROMLABELRUNWORKDIRADD和COPYENVVOLUME 和 EXPOSECMD 和 ENTRYPOINT资料背景在 docker：镜像image的使用 中我们知道，创建镜像的方式可以用 Dockerfile，那今天就来详细看看 Dockerfile 的语法。语法FROM尽量使用官方的 image 作为 base image举例：# 从零开始FROM scratch# 从官方的centos作为base imageFROM centos# 从官方的ubun
2021-06-14 14:57:03
235
原创 ubuntu：每次都要sudo怎么破
sudo的作用就是使当前非root用户在使用没有权限的命令 时，直接在命令前加入sudo，在输入自己当前用户的密码就可以完成root用户的功能，而不必在每次使用su -来回切换用户了。# 添加docker组sudo groupadd docker# 将当前用户vagrant添加到组dockersudo gpasswd -a vagrant docker# 重启sudo service docker restartexitvagrant ssh这样就可以不用每次都 sudo 啦，但只限于
2021-06-14 00:23:53
4080
原创 docker：架构浅析
底层技术都是 Linux 已经有的技术，没有别的创新Namespaces：做隔离pid、net、ipc、mnt、utsControl groups：做资源限制（这个容器用200M内存，另一个容器用300M）Union file Systems：Container 和 image 的分层架构docker 把 app 和底层的 infrastructure 隔离开来docker 引擎的架构：后台进程（dockerd）REST APICLI 接口（docker）后台与前台通过 R
2021-06-13 23:43:44
62
原创 桥接、NAT、Host-only上网方式的区别
虚拟机网络模式一般的虚拟机产品，如VMware、virtual box 都有三种网络模式1、桥接2、NAT3、Host-Only桥接在桥接模式下，VMware虚拟出来的操作系统就像是局域网中的一独立的主机，它可以访问网内任何一台机器不过你需要多于一个的IP地址，并且需要手工为 虚拟系统配置IP地址子网掩码，而且还要和宿主机器处于同一网段，这样虚拟系统才能和宿主机器进行通信如果你想利用VMware在局域网内新建一个虚拟服务器，为局域网用户提供网络服务，就应该选择桥接模式举例：例如大学宿舍里有
2021-06-13 17:02:59
602
原创 ubuntu：apt-get的使用
简介apt-get 是 Debian 家族的包管理器（一般我们用 debian 家族的 ubuntu），同 centOS 中的 yum，mac 中的 brew常用命令apt-get update在修改/etc/apt/sources.list或/etc/apt/preferences之后运行该命令。此外您需要定期运行这一命令以确保您的软件包列表是最新的。apt-get install packagename安装一个新软件包（参见下文的aptitude）apt-get remove packag
2021-06-13 15:30:07
202
原创 linux：源码安装
源码三步走1、配置(configure)2、编译(make)3、安装(makeinstall)前提：gcc 编译器yum install gcc全部命令# 比如我们定义这个目录就是存放我们的源文件的cd /usr/local/src/wget https://nodejs.org/dist/v14.17.0/node-v14.17.0.tar.gztar zxvf node-v14.17.0.tar.gzcd node-v14.17.0./configure --prefix
2021-06-13 14:43:20
245
原创 ubuntu：安装nodejs
两种方式1、apt-get安装2、源码安装1、apt-get安装看官网目前是14.17.0，我们就安装这个1、添加源# 这里的数字就是大版本curl -sL https://deb.nodesource.com/setup_14.x | sudo -E bash -2、安装sudo apt-get install -y nodejs --force-yes3、检查node -v2、源码安装https://blog.csdn.net/qq_40907977/article/
2021-06-13 12:52:56
361
原创 mac装机系列：使用vagrant和virtualBox创建你的ubuntu虚拟机
下载1、下载 virtualBox官网下载地址我的电脑是 mac，所以点击 OS X hosts 下载，下载后是一个 .dmg 文件，双击安装就行。2、下载 vagrant官网下载地址通过 brew 安装，如果你没安装 brew 可以看 这里brew search vagrantbrew install vagrant...
2021-06-12 19:34:14
736
原创 小程序：页面滑动使用cover-view标签导致元素定位失败
坑爹的，别用 cover-view 了，一堆问题。可以直接用 view 了，啥事没有
2021-06-11 16:41:35
406
2
原创 浅谈敏捷开发
开发模式的历史瀑布增量迭代敏捷开发敏捷开发将一个大项目分为多个小迭代，一个迭代就是一次【设计 - 分析 - 实施】，持续集成交付，持续部署（devops）关键词版本史诗故事子任务sprint（迭代）SP（store point）：衡量开发量和效率业务需求是 - 史诗产品需求是 - 故事故事必须挂在史诗和版本上史诗体现了产品的价值，给老板看的，要用一两句话描述做的事情史诗可以跨多个版本...
2021-06-09 15:16:24
467
原创 vue系列：父子组件生命周期的执行顺序
结论父子组件加载过程->父beforeCreate -> 父created -> 父beforeMount->子beforeCreate -> 子created -> 子beforeMount -> 子mounted-> 父mounted子组件更新（父组件给子组件传入新的 props 时）->父beforeUpdate-> 子beforeUpdate -> 子updated-> 父updated父组件销毁
2021-06-09 14:40:04
415
原创 js：动态修改document.title失效问题
问题当在页面异步调接口，拿到 title 后赋值给 document.title，无法修改标题。原因页面加载完后 title 已经确定了，所以不再监听 title 的 change 事件。解决document.title = this.title;let iframe = document.createElement('iframe');iframe.src = require('/favicon.ico');iframe.style.display = 'none';// 这个就是我们异
2021-06-08 18:56:52
4720
原创 vue和react的组件渲染和更新的过程对比
vue组件渲染和更新渲染模板渲染 render 函数 vdom 中模板中用到的 data 会被 touch 到，然后收集依赖更新data 的值变化，触发 watcherwatcher触发 re-render 视图重要的三部分：响应式模板编译render函数vdomreact组件渲染和更新渲染有 props 和 staterender 生成 vnodepatch(lem, vnode)更新setState(newState) -> dirtyompo
2021-06-06 23:31:42
430
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人