![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
开发知识
文章平均质量分 69
黑山老妖橙
前端开发工程师,小菜,想要成为真正的大神。不仅精还宽,目前在成为精的路上努力着。
展开
-
《前端serverless 面向全栈的无服务器架构实战》读书笔记
第1章 什么是severless什么是NoOps利用自动化运维代替手工运维模式什么是severless开发者无需关注服务器资源配置情况、部署情况、操作系统以及依赖软件等在内等所有细节,这一切都由平台完成,开发者只需要专注于业务实现。serverless是指在应用的构建环节或应用环节都无需对服务器进行操作云原生计算基金会CNCF2015年谷歌用go语言重构了内部用于容器编排的项目也就是后来的k8s。随着k8s的发布,谷歌与linux基金会合作成立了cncf(cloud native comput原创 2021-09-13 23:46:32 · 488 阅读 · 0 评论 -
linux文件和目录的权限
1.文件权限操作系统将文件或目录权限分为三种:r:读权限,数字表示4 w:写权限,数字表示2 x:执行权限,数字表示1数字4、2、1分别表示读、写、执行权限rwx = 4 + 2 + 1 = 7 (可读可写可运行)rw = 4 + 2 = 6 (可读可写不可运行)rx = 4 +1 = 5 (可读可运行不可写)操作系统将用户分为了3类文件所有者,一般都是当前用户 文件所属组:当前用户的家人也就是同组用户 其他用户:如访客最高权限777:(4+2+1) (4..原创 2021-05-07 19:03:18 · 1797 阅读 · 0 评论 -
工作流开源库 Activiti/Flowable/Bpmn.js 对比
前言讲工作流其实离不开BPMN,那BPMN是什么呢?什么是BPMN在Activiti工作流中用到了一个BPMN的文件,主要是用来描述业务流程的基本的符号,利用各个组件能够组成一个业务流程图,整个业务也是根据这个图来走的,其实用xml格式打开,就是一个xml文件。BPMN是一套标准,BPMN的主要目标是提供一些被所有业务用户容易理解的符号,从创建流程轮廓的业务分析到这些流程的实现,直到最终用户的管理监控。BPMN基础业务流程图由一系列的图形化元素组成。这些元素简化了模型的开发,且业务分析者看上去非原创 2020-11-03 20:35:49 · 4359 阅读 · 0 评论 -
flowable 中文文档
flowable 中文文档地址:https://tkjohn.github.io/flowable-userguide/#_introduction原创 2020-11-03 15:17:10 · 11560 阅读 · 1 评论 -
服务端渲染、客户端渲染、同构渲染相关简介
什么是渲染把【数据】+【模板】拼接到一起传统的服务端渲染最早的web页面渲染都是在服务端进行的,也就是服务端在运行过程中将数据+模块拼接到一起,然后返回html给客户端,客户端直接展示就行。流程图如下:服务端渲染的缺点:前后端代码完全耦合在一块,不利于开发和维护前端没有足够的发挥空间服务端压力大用户体验一般,用户需要刷新才能重新获取数据客户端渲染因为服务器渲染存在上述问题,且伴随着ajax的产生,使得我们可以动态获取数据。我们现在常见的SPA单页面如Vue\React采用的都原创 2020-10-20 14:47:46 · 266 阅读 · 0 评论 -
同一端口有2个前端应用应该如何配置nginx.conf
需求:业务系统中有2种完全不同角色,页面没有相同模块拆分成了2个应用A和B,但后端是同一个后端,部署的时候要求A和B在同一端口下。问:如何配置nginx首先我们将A、B前端包放到/opt/app/jhscf/deploy/html下,这样html就有2个文件夹,A和B然后找到nginx.conf文件,利用vim打开并编辑server { listen 8001; server_name localhost; charse tutf-8原创 2020-09-24 16:13:58 · 1801 阅读 · 0 评论 -
大于1的正整数 正则表达式
^[1-9][0-9]*$ 大于0的正整数^(([1-9]\d+)|([2-9]))$ 大于1的正整数原创 2020-09-24 14:54:38 · 8015 阅读 · 1 评论 -
github git fork与clone有什么区别及使用场景
git clonegit clone xx 是我们比较熟悉的操作,它类似于Download功能,可以理解为将云端代码下载到我们自己电脑的本地。正常的话需要我们本机安装了git,然后使用git clone [仓库地址] 即可将制定仓库地址代码下载到我们本机。git fork我们在github上打开别人的项目,右上角会有一个fork及fork的人数。如下图:watch 就类似于关注,后续项目有任何更新都会通知你,如果设置了邮件还会邮件通知觉得比较好的项目可以通过star进行收藏,并且收藏的同时也原创 2020-08-21 09:19:14 · 17621 阅读 · 0 评论 -
IE浏览器 new Date(“XXXX-XX-XX“) 结果为invalid date或NaN
背景最近在做IE兼容的时候遇到了一个问题,前端界面的时间显示为NAN-NAN-NAN NAN:NAN-NAN,后端返回的是一个字符串日期"2020-07-30 13:00:00",在谷歌、火狐浏览器都显示没有问题的,那么IE的问题在哪里呢?最主要的问题在于我们new Date(“xxxx-xx-xx xx:xx:xx”)时会转换为invalid date,是因为在ie中不支持-时间。解决方案var date = ‘2020-08-09 12:00:00’date =new Date(data.re原创 2020-08-20 17:36:00 · 1297 阅读 · 1 评论 -
vue/react项目 IE兼容常见问题及解决方案
我们用vue或者react开发完的项目,默认对ie的支持都很不友好,虽然是ie不友好。整理了以下常用的问题及解决方案,用来记录一下~“Map”未定义、 对象不支持“startsWith”属性或方法、 “Symbol”未定义、“Set”未定义问题1: “Map”未定义、 对象不支持“startsWith”属性或方法、 “Symbol”未定义、“Set”未定义,都是说ie对es的新标准兼容存在问题,可以安装babel-polyfill进行转换成ie可支持的方法。解决方案为:安装babel-polyfi原创 2020-08-13 21:11:42 · 1517 阅读 · 0 评论 -
渗透测试原则及流程
什么是渗透测试渗透测试是可以帮助用户对目前自己的网络、系统、应用的缺陷有相对直观的认识和了解。渗透测试尽可能地以黑客视角对用户网络安全性进行检查,对目标网络、系统和应用的安全性作深入的探测,发现系统最脆弱的环节的过程。渗透测试能够直观的让管理人员知道自己网络所面临的问题。渗透测试原则稳定性原则稳定性原则是指渗透测试工作应该在能够确保信息系统持续稳定运行的前提下进行。通过合理的选择测试工具、测试方法和测试时间,将渗透测试对系统正常运行的影响降到最小。可控性原则可控性原则是指渗透测试工作应该原创 2020-08-13 21:00:34 · 2011 阅读 · 0 评论 -
snabbdom的基本使用
前言我们上一篇博客中介绍了虚拟DOM的基本概念及常见类库,其中常见类库有2中,snabbdom和virtual-dom,而snabbdom是vue2.x版本中所使用的,所以我们这片文章就主要来记录一下snabbdom的基本使用。创建项目打包工具为了方便使用比较简单的parcel创建项目 并安装parcel mkdir snabb-demo // 在工作目录下建立snabb-demo子目录 cd snabb-demo //进入snabb-demo 目录 yarn ini原创 2020-08-11 21:32:16 · 4910 阅读 · 6 评论 -
什么是虚拟DOM
什么是虚拟DOM?virtual DOM 虚拟DOM,用普通js对象来描述DOM结构,因为不是真实DOM,所以称之为虚拟DOM。虚拟 dom 是相对于浏览器所渲染出来的真实 dom而言的,在react,vue等技术出现之前,我们要改变页面展示的内容只能通过遍历查询 dom 树的方式找到需要修改的 dom 然后修改样式行为或者结构,来达到更新 ui 的目的。这种方式相当消耗计算资源,因为每次查询 dom 几乎都需要遍历整颗 dom 树,如果建立一个与 dom 树对应的虚拟 dom 对象( js 对象),原创 2020-08-11 20:25:12 · 31501 阅读 · 6 评论 -
垃圾回收算法及V8引擎的回收思想
题记内容来源文章内容输出来源:拉勾教育大前端高薪训练营一期当前阶段的学习心得我算是一个工作年限比较久的前端了,刚毕业时从事销售工作,后来在2015年想要从事脚踏实地的工作,便选择转行互联网。当时转行时我和我同学选择了不同的道路,她选择参加ios培训而我选择自学。刚入行时因为没有经验,所以拿着月薪1.5K的薪水做着很繁杂的工作,前端、php、测试、产品、需求都ok。但没有一个是我最擅长。忙碌的生活让我逐渐意识到我或许走的不会很长久,我在2017年惊醒便放弃了天津的2K薪资来到了北京。北京公司是个小公司原创 2020-08-06 01:06:18 · 410 阅读 · 0 评论 -
前端模块化,有这一篇就够了(上)
题记内容来源文章内容输出来源:拉勾教育大前端高薪训练营一期当前阶段的学习心得我算是一个工作年限比较久的前端了,刚毕业时从事销售工作,后来在2015年想要从事脚踏实地的工作,便选择转行互联网。当时转行时我和我同学选择了不同的道路,她选择参加ios培训而我选择自学。刚入行时因为没有经验,所以拿着月薪1.5K的薪水做着很繁杂的工作,前端、php、测试、产品、需求都ok。但没有一个是我最擅长。忙碌的生活让我逐渐意识到我或许走的不会很长久,我在2017年惊醒便放弃了天津的2K薪资来到了北京。北京公司是个小公司原创 2020-08-05 23:20:39 · 752 阅读 · 0 评论 -
如何完成基础的前端自动化部署
前言其实自动化部署的方式比较多,jenkins、git hook等,前者个人觉得有点重,后者还没时间仔细学习,目前先采用了插件完成了此功能。后续会再研究git hook。插件地址https://github.com/HEJIN2016/auto-deploy.git说明:所有的配置按照作者的说明文档操作即可。他的思路是你执行node autoDeploy.js 会自动帮你执行npm run build命令,生成dist文件夹并压缩成zip,传到服务器解压缩并删除服务器的压缩包,再删除本地的zip压缩原创 2020-08-05 21:50:27 · 452 阅读 · 0 评论 -
eslint 快速上手
目录先初始化项目、安装依赖先写问题代码执行eslint进行代码检测完成eslint配置执行eslint检查思考先初始化项目、安装依赖定义一个项目然后执行yarn init --yes初始化一个package.jsonyarn add eslint--dev安装eslint先写问题代码在根目录下创建一个01parse.js的文件,代码如下:constfoo=123constfn=()=>{console.log('hello...原创 2020-07-02 11:16:22 · 2299 阅读 · 2 评论 -
vue+axios 下载二进制流文件及兼容MacOS问题
vue项目中需要实现下载文件,后端不是给到文件地址,而是返回二进制文件流。相关知识:后端响应给我们二进制流文件,我们需要拿到相关信息并创建一个a标签并实现click,然后给下载的文件起个名字。给下载文件起名字有两种方式:(1)固定值+时间戳(一般都加上时间戳)(2)后端将文件名放到response的headers中返回,我们取值当做文件名。我们此次需求为第二种,名称后端定。后端...原创 2020-03-16 23:11:49 · 472 阅读 · 0 评论 -
npm 学习记录
什么是 NPMnpm之于Node,就像pip之于Python,gem之于Ruby,pear之于PHP。npm是Node官方提供的包管理工具,他已经成了Node包的标准发布平台,用于Node包的发布、传播、依赖控制。npm提供了命令行工具,使你可以方便地下载、安装、升级、删除包,也可以让你作为开发者发布并维护包。为什么要使用 NPM...转载 2019-03-01 19:47:33 · 321 阅读 · 0 评论 -
webpack-dev-server 不是内部或外部命令,也不是可运行的程序 解决方案
我看了网上的 一些解决方案,说是webpack版本不对,但我按照提示操作后依然不行;要先确认是否安装了webpack-dev-server,如果没有安装,安装便可以解决;粗暴的解决方案是删除node_modules,重新npm install -g看看你的package.json中dependencies没有webpack-dev-server,如果没有,对应安装就可以了。执行...原创 2019-02-18 20:18:02 · 17924 阅读 · 3 评论