- 博客(77)
- 收藏
- 关注
RSS订阅原创 MXgraph
https://jgraph.github.io/mxgraph/javascript/examples/grapheditor/www/index.html --左侧选择UML第4个。https://jgraph.github.io/mxgraph/docs/js-api/files/util/mxConstants-js.html --STYLE_开头。
2023-07-13 11:50:25
506
原创 前端开发者常用的图标库
转载自2021年，这5个前端开发者常用的图标库网站建议收藏里面引用格式的内容是自己补充。在过去的十年里，网络和移动应用已经成为我们日常生活的一部分。如今，我们可以找到很多解决同一问题的应用程序。因此，应用程序的功能显然不再是唯一的区别。为用户提供良好的整体体验对这些应用程序的成功起着重要作用。为了实现这一点，我们还需要更好的用户界面（UI）。作为开发人员，我们必须确保应用程序的外观和视感符合更高的标准，以便吸引新用户并保留现有用户。我希望这些事实能让你相信 UI 设计的重要性。谈到 UI 设计，我们
2022-07-08 20:51:06
4486
原创 清除Git的历史节点
事情的经过是这样的：git pull拉代码的时候，报错，提示.git/index.lock文件已存在于是，我把.git/index.lock文件删了。我忘记截图放哪里了。其实error下面还有说，一般是因为另一个git操作在进行。当时好像是commit操作没执行完吧。所以，其实只要等一下再重新执行一下就可以了。结果发现，project里面的所有文件都变成了红色，也即被删除的状态：我觉得，这都不是我改的呀，是删掉.git/index.lock造成的吧。于是，我就ctrl+z撤销了原
2022-03-10 20:44:48
1671
原创 JSX vs HTML&JavaScript
因为一开始工作就使用的是react框架，把jsx语法当做是理所应当，以为这就是html跟JavaScript的结合，从来没想过这只是react框架特有的语法，并不是原生的html和JavaScript。const element = <h1>Hello, world!</h1>;比如这个最简单的语句，既不是HTML，也不是JavaScript，它是JSX。JSX介绍JSX，是React 独有的语法，是一个 JavaScript 的语法扩展。我们建议在 React 中配合使
2022-02-17 15:29:36
607
原创 JavaScript判断是否为数值类型 - js的数据类型
需求数值，或者数值型字符串，比如"123"可以通过校验。其他类型不能通过校验。举例输入结果145√“145”√“145ccc”×true×undefined×null×对象×分析首先要明确，js中一共有7种数据类型：数值；字符串；布尔值；undefined；null；对象；symbol（ES6）其中，对象包括：狭义的对象（object）；数组（array）；函数（function）根据需求，我们需要的是先判断是数值或
2022-02-15 16:43:31
5257
转载 chrome network分析
转载自chrome network 一次timing分析一、背景在chrome浏览器运行前端项目时 ，发现页面渲染很慢，F12打开控制台- network，发现有些请求响应时间长达7s多的时间，点击查看timing如下：如上图所示，该http请求的 waiting(TTFB)时间很长~二、几个重要的概念(加粗为重点)1、Queueing（队列）【资源调度】期间，浏览器有自己的线程限制，所有的请求不可能都能够同时发送，一般chrome的最大并发连接数为6，根据请求顺序，会将所有请求加入队列中，此
2022-01-27 16:50:00
901
原创 HTML语法规则
因为一开始工作就使用的是react框架，把jsx语法当做是理所应当，以为这就是html跟JavaScript的结合，从来没想过这只是react框架特有的语法，并不是原生的html和JavaScript。const element = <h1>Hello, world!</h1>;比如这个最简单的语句，既不是HTML，也不是JavaScript，它是JSX。JSX介绍JSX，是React 独有的语法，是一个 JavaScript 的语法扩展。我们建议在 React 中配合使
2021-12-16 18:48:25
836
原创 antv g6的使用
首先，文档要找对很容易进去这个网址。但是看url，是2018年的，文档也很难读。可以先进antv页面，上图的第一个，然后进g6：2021年12月10号，文档长这样：
2021-12-10 16:53:02
2838
原创 淘宝NPM镜像 & cnpm
Tips: 2021年9月份淘宝镜像地址修改为： https://registry.npmmirror.comNPM - Node Package Manager，是NodeJS的包管理器，会随同NodeJS一起安装。而cnpm是淘宝推出的包管理工具。那我觉得cnpm是不是就是Chinese Node Package Manager，也即符合中国国情的NodeJs包管理器。淘宝镜像出现的背景由于npmjs.org的服务器在国外（即在“墙”外），国（墙）内开发者做项目的时候，很多“包”的下载速度极
2021-12-09 21:01:58
9468
转载 镜像是什么
镜像（Mirroring）是一种文件存储形式，是冗余的一种类型，一个磁盘上的数据在另一个磁盘上存在一个完全相同的副本即为镜像。可以把许多文件做成一个镜像文件，与GHOST等程序放在一个盘里，用GHOST等软件打开后，又恢复成许多文件。常见的镜像文件格式有ISO、BIN、IMG、TAO、DAO、CIF、FCD等概述所谓镜像文件其实和ZIP压缩包类似，它将特定的一系列文件按照一定的格式制作成单一的文件，以方便用户下载和使用。例如一个测试版的操作系统、游戏等。镜像文件不仅具有ZIP压缩包的“合成”功能，
2021-11-01 17:57:54
9079
原创 React项目从开发到上线运行全过程
安装nodejs使用nodejs的npm安装脚手架create-react-app使用creat-react-app创建基础的react项目开发npm start运行项目npm build打包项目（压缩和编译）打包后的代码****部署到物理主机的web服务器上完成
2021-10-27 11:37:47
254
原创 Web服务器，应用服务器，HTTP服务器，web软件数据流向
什么是服务器（server）一般来说，server 有两重意思：有时候 server 表示硬件，也就是一台机器。它还有另一个名字：「主机」。更多时候，server 表示软件程序。这种程序主要用来对外提供某些服务，比如邮件服务、FTP 服务、数据库服务、网页服务等作为开发者，我们说 server 的时候，一般指的后者，也就是一个 24 小时运行的软件程序。一台主机上面可以运行多个这样的程序。什么是 Web Server顾名思义，Web Server 就是提供 Web 服务的 Servere
2021-10-26 17:50:38
382
转载 前端工具总结
Tips：本文好像把所有前端用到的工具归为了build工具转载自我终于弄懂了各种前端build工具即使对于一些经验丰富的开发者来说，诸多的前端工具还是会让他们感到头痛，例如我。解决这个问题的最好办法，就是在概念上理解他们的工作方式，以及他们之间相互配合的方式。不要被各种专业名词唬住Node, NPM, Grunt, Gulp, Bower, Webpack, Browserify, Yeoman, Brunch……诸多的名词让你一时间感到手足无措，好像根本学不完。其实关键就是，不要被它们唬住。要
2021-10-26 16:27:13
155
原创 npm包-命令
Tips：本文中“npm包”指的npm安装的包。本文通过分析内在云隐，能够清楚解释全局安装包为什么会产生全局命令，局部安装包为什么可以通过npm run 执行先上结论：全局npm包，直接在命令行执行局部npm包的命令，在所在项目中执行npm run [命令]，执行分析首先，明确一点，一个包的命令是写在这个包的package.json文件的bin属性中的bin属性用来指定各个内部命令对应的可执行文件的位置e.g. yarn包的package.json文件然后，明确安装位置全局
2021-10-18 16:38:16
717
原创 什么是license
比如我们建了一个nodejs项目，里面的package.json会有license属性。那么license是什么？定义license，即许可证。许可证在我们在发布自己的软件的时候跟软件代码一起发布。它用来规定使用该软件的开发人员或组织对该软件的使用权限。拥有清晰的许可证有助于明确定义该软件可以使用的术语。比如，如果想完全开源，用Apache2.0就行，googlecode就是用的这个，很多的框架和开源软件也是这个。如果不想开源也可以自己写，列明软件使用者的注意事项，随软件一起发布。常见的许可证
2021-10-16 19:58:47
9594
原创 环境变量 - path
环境变量（Environment Variables）环境变量一般是指在操作系统中用来**指定操作系统运行环境的一些参数。**如：临时文件夹位置和系统文件夹位置等。环境变量是在操作系统中一个具有特定名字的对象，它包含了一个或者多个应用程序所将使用到的信息。用户通过设置环境变量，来更好的运行进程。例如，Windows和DOS操作系统中的path环境变量，当要求系统运行一个程序而没有告诉它程序所在的完整路径时，系统除了在当前目录下面寻找此程序外，还会到path中指定的路径去找。环境变量 PATH操作系统
2021-10-12 10:37:02
1997
1
原创 msi和exe安装文件有什么区别
在Windows上安装软件的时候，一般有两种方式：Windows安装包（.msi）Windows二进制文件（.exe）这两种安装方式的区别如下：.exe是一个安装引导程序。它是安装工程通过MSBuild创建的，其中包含了一个XML文件，定义了应用程序所需要的系统必备安装包信息。Setup.exe程序会检查这些系统必备安装包是否需要被下载和安装，如果需要，它就会先安装那些系统必备程序。当我们运行它的时候，它会读取setup.ini来确定安装所需要的配置并开始安装流程。.msi是一个Window
2021-10-11 17:17:32
57765
4
原创 npm ERR! Error: EPERM: operation not permitted, unlink
参考有很多解决办法，我试了第一种，把node.exe进程关掉，再打开就没问题了
2021-07-08 14:55:32
529
原创 git的常见命令 - 本地merge两个远程分支
场景远程有两个分支release和master，两个分支各有各的提交。直接merge，会有冲突。希望在本地处理冲突后，再merge。本地有分支master。解决git branch --track origin/releasegit checkout mastergit merge --no-ff release然后就可以在本地解决冲突，提交了。解释：git branch --track origin/release在本地新建一个同名分支（release），自动跟踪远程的分支rel
2021-06-30 12:02:41
5072
原创 HTML 文件路径
参考网址：HTML文件路径绝对文件路径绝对文件路径是指向一个因特网文件的完整 URL：<img src="https://www.w3school.com.cn/images/picture.jpg" alt="flower">相对路径相对路径指向了相对于当前页面的文件e.g.<img src="/images/picture.jpg" alt="flower">在本例中，文件路径指向了位于当前网站根目录中 images 文件夹里的一个文件...
2021-06-29 15:50:10
325
原创 怎样在本地重现报错
问题在发布环境（对应release分支）上页面报错：在测试环境（对应master分支）上相同页面，不报错。本地拉release分支 - 运行，不报错。猜测是包的版本问题，可是检查FormattedMessage相关的包：umi以及umi相关插件@umijs/plugin-locale，两个分支上版本都是一样的怎样在本地重现错误在本地拉取release分支，执行yarn命令重新安装包，运行 ——报错：根据此时的报错信息就可以定位错误了。注意：拉分支，直接运行，可能不报错。因为包文件no
2021-06-24 14:08:33
182
原创 HTML，HTML5，脚本，样式
发展历史1993年，IETF团队提出了一个草案，并不是成型的标准。可以认为是HTML11995年，HTML有了第二版，即HTML2.0，当时是作为RFC1866发布的1997年1月，HTML 3.2 作为W3C推荐标准发布。这是首个完全由W3C开发并标准化的版本1997年12月，HTML 4.0 作为W3C推荐标准发布2000年5月，ISO/IEC 15445:2000作为ISO/IEC国际标准发布（“ISO HTML”，基于HTML4.01严格版）2014年10月28日，HTML 5 作为
2021-06-21 18:04:43
245
2
原创 虚机是什么
虚拟机（VM）是一种创建于物理硬件系统（位于外部或内部）、充当虚拟计算机系统的虚拟环境，它模拟出了自己的整套硬件，包括 CPU、内存、网络接口和存储器。通过名为虚拟机监控程序的软件，用户可以将机器的资源与硬件分开并进行适当置备，以供虚拟机使用。...
2021-06-21 17:18:53
2315
原创 gg-editor的使用
需求：拖拽结点进页面时默认打开一个弹窗问题：如果Flow有初始化data，拖节点进画布，关掉弹窗后，新拖进来的结点会消失解决：不使用data初始化数据。在Flow组件加载之后，调API的read方法。过程中的问题：本来是在Toolbar的didMount中调用的。结果报错can’t read read of undefined。这是因为当时画布还没画好。所以单独封装了Flow组件，在Flow组件的didMount中调用。而且，我发现参考文档中很多事件不生效，github中的事件是生效的。如下：
2021-06-21 16:53:21
3155
1
原创 微前端 umi-qiankun
主应用一定要配置 qiankun: { master: { }, },此时，一定要有apps的配置，至少是个[] 否则会报错而微应用要配置：qiankun: { slave: {}, },
2021-06-21 16:49:00
1389
原创 蚂蚁金服全家桶
antd 组件库antd pro 脚手架 方便地搭建一个项目，使用蚂蚁的这一套全家桶umi 前端框架 结合了dvadva react-router的最佳实现
2021-06-21 16:38:55
129
原创 论文封面摘要目录不设置页码-word2013
场景：写了一篇论文，封面、摘要、目录不要页码，从正文开始是第一页解决：在封面和摘要、摘要和目录、目录和正文之间插入分节符页面布局 - 分隔符 - 下一页插入页码删掉封面、摘要、目录的页码为了不把正文的页码也删掉，每次删掉的时候，要勾选“首页不同”4. 在正文重新设置页码在正文的第一页----->选中页码------->设置页码格式：起始页码 1看到有人说，在第2步的时候，正文页码就是从1开始的。如果是这样，第4步可以省略。我当时做的时候，封面、摘要的页码都是1，但是
2021-06-18 12:23:20
10087
原创 前端打包工具 - webpack介绍使用【包括初始化一个项目】
原视频地址webpack介绍webpack是一个热门的打包工具。很多框架把webpack作为功能的一部分，比如react。webpack有两个优点：代码分割并按需加载 + 有loaders概念，用来处理各种类型的文件这张图可以说明webpack的作用：把一系列相互依赖的各种类型的文件，通过webpack打包，变成相互独立的、浏览器可以识别的静态js和css文件基本使用测试可以看到文件目录如下：此时在目录下新建一个文件hello.js，可以使用安装的webpack对这个文件进行打包：
2021-04-15 20:09:09
206
原创 前端打包
为什么要打包 转载js作为一门脚本语言，在没有node的时候，只能通过< script >标签插进html去运行，单个的js文件离开了html他什么都不是。如果一个网站功能很多，我要按照功能划分写15个js文件，那我就要插入15个< script src="" >去引那些js文件，还tm得注意引用顺序和插入的位置，一方面难以维护，一方面增加了网页加载时的请求数量（15个不算多，如果是200个js文件的话，那得多蛋疼）。自从有了node之后，单个的js文件离开了html以后也可以
2021-04-09 20:18:31
939
1
原创 什么是UI框架 - 通过对bootstrap的介绍了解UI框架
bootstrap是一个UI框架。Twitter公司为了将业务推广到移动端，不得不写两套样式。为了解决这个问题，减少工作量，开发出了bootstrap框架。后来一经问世，受到了全世界的好评，因为大大减少了多屏适配的工作量。由于广受好评，bootstrap框架后来又进行了不断的优化，增加了很多新的功能。它的中文网址是 https://www.bootcss.com/可以看到已经到第四版了，目前使用最多的还是第三版bootstrap3.怎么在项目中引入bootstrap按照文档下载，解压后，将d
2021-04-08 21:14:48
696
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人