- 博客(93)
- 收藏
- 关注
RSS订阅原创 模仿 Element-UI 框架 el-scrollbar 组件
我们在 Element-UI 的其他组件里发现，有使用这个组件，并且还不错，由于 Element-UI 官方文档并没有写到关于的文档，所以稳定性上可能是有些问题。于是只好自己写了一个类似于功能的组件。
2023-11-01 17:02:38
245
原创 前端常用的地图框架（webGIS）
是较为学院派的前端地图库，它是ArcGIS开发套件中的一部分，和桌面端和服务器端ArcGIS软件有较好的协作。是目前最新潮的前端地图库，它的矢量压缩、动态样式和三维性能令人印象深刻。它本身是开源的，但一般依赖于Mapbox公司提供的底图服务。是三维地图，它们依赖百度地图提供的后台服务。是三维地理可视化的常用库，在大尺度的可视化（地形、建筑、地球）中十分常用。也是常用的前端地图库，它开源，相比于Leaflet更加复杂和完备。是最著名的前端地图可视化库，它开源、体积小、结构清晰、简单易用。在境外有更好的数据。
2023-03-02 10:23:29
3999
1
原创 什么是客户端证书？（ssl证书）
客户端证书是相对于服务器端而言，用于证明客户端用户身份的数字证书，使客户端用户在与服务器端通信时可以证明其真实身份，也可对电子邮件进行数字签名及加密。适用于各种涉密系统、网上应用和网络资源的客户端强身份认证。这种基于身份认证的客户端证书允许用户无需输入传统的用户名和密码即可登录各种系统，所以这也是一种无密码身份认证方法。那么，为什么使用客户端证书，使用证书身份认证有哪些好处？
2023-01-23 22:30:47
1394
原创 npm发布包流程
npm 是Node 的模块管理器，功能极其强大。它是Node 获得成功的重要原因之一。正因为有了npm，我们只要一行命令，就能安装别人写好的模块。命令用来安装模块到目录。安装之前，会先检查，目录之中是否已经存在指定模块。如果存在，就不再重新安装了，即使远程仓库已经有了一个新版本，也是如此。如果你希望，一个模块不管是否安装过，npm 都要（不需要删掉nodemodules），可以使用-f或--force参数如果想更新已安装模块，就要用到命令。它会先到远程仓库查询最新版本，然后查询本地版本。
2023-01-12 17:55:57
331
原创 Vue后台管理系统模板
Vue.js是一个目前比较流行的前端框架，已经到了前端人人都会的地步，今天这里为大家罗列一下基于 Vue 的后端管理的框架。目前比较流行和 Vue 搭配的 UI组件 有Element-UIiview，另外还有VuetifyBuefy等等。基于这些组件库封装的后台管理模板，推荐一些常用 VUE后台模板 给大家。按照Github星标数量来依次介绍。
2023-01-12 16:26:58
3383
1
原创 JavaScript基本语法
u DOM是一个使程序和脚本有能力动态地访问和更新文档的内容、结构以及样式的平台和语言中立的接口u 在HTML和JavaScript的学习中，DOM操作可谓时重中之重。
2022-12-11 15:15:27
423
原创 1.JavaScript简介
Js是一种专门为网页交互设计的客户端（浏览器端）的脚本语言；Js与html和css有相似之处，都在浏览器端解析；Js和java,c#,php等一样，是一门真正的编程语言javaScript简称js小故事：js的创 建历史。（1995）javaScript和java没有任何关系；只有我们打开网站，就肯定有js的身影。ü 更好的组织我们页面的内容，让内容更加的有条理。ü 提供用户体验（表单验证[js的初衷]，ajax）ü 游戏编程。
2022-12-11 15:10:24
420
原创 十、children的深入用法-React.Children对象上的方法
上图中我们看到了，我们之前学过的React.createElement方法，现在大家发现jsx的内容，全部都体现在了该方法上；那么React.createElement其实是有三个参数的，第三个参数被称之为children，也就是子元素；看下图： 这个时候，第三个参数也体现出来了； 那么我们可以发现children其实也是外部传递的数据，只不过传递的是react元素。那么我们在组件的内部应该用this.props.children去接收这些元素； 在组件的内部：我们已经知道在组件的内部如何获取到ch
2022-11-17 20:40:53
1036
原创 九、propTypes验证
理解类型验证的必要性灵活掌握类型验证的使用安装引入和使用基本的使用格式如下：基本的类型验证如下还有一些辅助方法instanceOf 使用形式如下： 这个方法表示验证类型必须是某个类的实例，上述代码表示传入的参数必须是Array的实例；一般这个方法会接收一个类；oneOf 使用形式如下： 这个方法用来规定传入的属性必须是给定值中的一个，上述代码表示传入的值只能是’news’或者’photos’,一般该方法接收一个数组，数组的元素则为供选择的值oneOfType 使用形式如下 这个方法表示
2022-11-16 17:42:32
724
原创 八、什么是纯函数-组件的性能优化-pureComponent-组件性能优化的原理
foo 函数不是一个纯函数，因为它返回的结果依赖于外部变量 a，我们在不知道 a 的值的情况下，并不能保证 foo(2) 的返回值是 3。虽然 foo 函数的代码实现并没有变化，传入的参数也没有变化，但它的返回值却是不可预料的，现在 foo(2) 是 3，可能过了一会就是 4 了，因为 a 可能发生了变化变成了 2。现在 foo 的返回结果只依赖于它的参数 x 和 b，foo(1, 2) 永远是 3。今天是 3，明天也是 3，在服务器跑是 3，在客户端跑也 3，不管你外部发生了什么变化，foo(1,
2022-11-16 17:41:40
165
原创 七、组件的高级用法-组件的组合（children的用法）-高阶组件-封装组件
在组件传值时，不光可以传递变量，函数，也可以传递标签,通常我们使用两种方式传递标签: 1 通过属性传递标签,子组件接收时使用this.props。简而言之，就是受到状态state控制的表单，表单的值改变则state值也改变，受控组件必须要搭配onchange方法，否则不能使用。2 将组件写成双标签，包住要传递的标签,子组件接收时使用this.props.children。高阶函数是一个函数，它接收函数作为参数或将函数作为输出返回。高阶组件是一个组件，它接收组件作为参数，并将组件作为输出返回。
2022-11-16 17:39:57
424
原创 六、react组件通信-父子组件通信-子父组件通信-跨级组件的传参方式-context方式的传参
1.组件和组件之间的关系 （1）父子 props （2）子父 回调函数 context （3）嵌套 props context （4）并列 redux mobx（公共数据管理仓库） 全局变量 （暂时不讲）2.在根组件（需要提供数据或方法的组件）套上一个Provider, 把值赋给属性value 在接收数据或函数方法的组件上套上一个Consumer。子向父传值 是父组件向子组件传一个函数名字 子组件去调用，在调用函数时通过参数传给父组件。4.嵌套传值 嵌套组件传值和父子传值都可用 context。
2022-11-16 17:29:14
527
原创 五、事件系统-原生事件-react中的合成事件-详解事件的冒泡和捕获机制
react中的合成事件就是利用了事件传递的这种特性，所有的元素事件触发，肯定会传递到document身上，react中为了节省性能，我们写在虚拟dom中的事件，其实在编译的时候，都被挂载到了document这个元素上，只是react自己实现了一套事件系统，可以记录真正触发的元素是那个，以及其他相关的信息。而所谓的事件传递指的是当在A元素上触发某一事件的时候，B元素如果满足了和A元素一定的关系的话，那么B元素上也可能触发改事件（即使B元素未添加该事件）；这个元素的话，哪些元素会触发事件，且顺序是怎样的？
2022-11-16 17:26:40
698
1
原创 四、ref与DOM-findDomNode-unmountComponentAtNode
理解react的框架使用中，真实dom存在的意义。灵活掌握并能够合理使用操作真实dom的方法。使用真实dom和使用虚拟dom的场景。
2022-11-16 17:25:49
518
原创 三、react组件的生命周期
销毁期指的是组件被卸载的时候，此时有一个声明周期函数会执行：(一般这个生命周期函数中可以做一些清除的工作)灵活掌握react组件的生命周期以及组件的活动过程。中去调用请求接口，也不要去写太多的逻辑、不要调用。这些生命周期中初始化调用请求接口。能够灵活使用react的生命周期。每个生命周期接收的参数。
2022-11-16 17:23:09
391
原创 二、react的组件-state-props-setState
组件中的状态（state）是和组件的视图对应的，状态决定了视图的呈现，每个组件都有自己独立的状态。组件的内部的状态是可以随意改变的，状态的改变意味着视图的呈现也发生了变化。组件中的属性（props）是来在组件调用的时候，从外部传入组件内部的。在组件内部属性是不能被改变的。属性的数据在一定程度上也决定了视图的呈现。想要改变组件内部的状态，从而让视图也跟着更新需要执行。
2022-11-16 17:22:26
404
原创 一、react简介
的语法(有值的表达式)，其中的值可以是 数字、字符串、null、布尔、undefined 或者react元素（虚拟dom），如果是数组的话，则会自动的把数组中的元素展开。只会让前端越来越复杂，因此react就诞生了，react只关注与视图层，官方对react的定位是：一个快速构建前端视图的javaScript库。react中引入静态资源（css、图片），其实是webpack使用对应的loader加载了资源，并进行了打包。则以虚拟dom的方式解析，遇到。其虚拟dom的表示方法为。
2022-11-16 17:20:54
599
原创 快速入门 git 代码版本管理工具（17）
创建标签在Git中打标签非常简单，首先，切换到需要打标签的分支上：$ git branch* dev master$ git checkout masterSwitched to branch 'master'```shell然后，敲命令`git tag `就可以打一个新标签：```shell$ git tag v1.0可以用命令git tag查看所有标签：$ git tagv1.0```shell默认标签是打在最新提交的commit上的。有时候，如果忘了
2022-11-06 19:44:23
153
原创 快速入门 git 代码版本管理工具（16）
Rebase在上一节我们看到了，多人在同一个分支上协作时，很容易出现冲突。即使没有冲突，后push的童鞋不得不先pull，在本地合并，然后才能push成功。12345678910111213141516171819总之看上去很乱，有强迫症的童鞋会问：为什么Git的提交历史不能是一条干净的直线？其实是可以做到的！Git有一种称为rebase的操作，有人把它翻译成“变基”。先不要随意展开想象。
2022-11-06 19:44:03
145
原创 快速入门 git 代码版本管理工具（15）
多人协作当你从远程仓库克隆时，实际上Git自动把本地的master分支和远程的master分支对应起来了，并且，远程仓库的默认名称是origin。要查看远程库的信息，用git remote或者，用上面显示了可以抓取和推送的origin的地址。如果没有推送权限，就看不到push的地址。
2022-11-05 21:35:44
100
原创 快速入门 git 代码版本管理工具（14）
Feature分支软件开发中，总有无穷无尽的新的功能要不断添加进来。添加一个新功能时，你肯定不希望因为一些实验性质的代码，把主分支搞乱了，所以，每添加一个新功能，最好新建一个feature分支，在上面开发，完成后，合并，最后，删除该feature分支。现在，你终于接到了一个新任务：开发代号为Vulcan的新功能，该功能计划用于下一代星际飞船。1212345678910111213切回dev1。
2022-11-05 21:35:25
57
原创 快速入门 git 代码版本管理工具（13）
Bug分支软件开发中，bug就像家常便饭一样。有了bug就需要修复，在Git中，由于分支是如此的强大，所以，每个bug都可以通过一个新的临时分支来修复，修复后，合并分支，然后将临时分支删除。当你接到一个修复一个代号101的bug的任务时，很自然地，你想创建一个分支issue-101来修复它，但是，等等，当前正在dev123456789101112并不是你不想提交，而是工作只进行到一半，还没法提交，预计完成还需1天时间。
2022-11-05 21:35:19
62
原创 快速入门 git 代码版本管理工具（12）
分支管理策略通常，合并分支时，如果可能，Git会用模式，但这种模式下，删除分支后，会丢掉分支信息。如果要强制禁用模式，Git就会在merge时生成一个新的commit，这样，从分支历史上就可以看出分支信息。下面我们实战一下--no-ff方式的git merge：首先，仍然创建并切换dev121234现在，我们切换回master12准备合并dev分支，请注意--no-ff参数，表示禁用1234因为本次合并要创建一个新的commit，所以加上-m。
2022-11-05 21:35:11
63
原创 快速入门 git 代码版本管理工具（11）
解决冲突人生不如意之事十之八九，合并分支往往也不是一帆风顺的。准备新的feature1修改readme.txt在feature1切换到masterGit还会自动提示我们当前master分支比远程的master分支要超前1个提交。在master分支上把readme.txt现在，master分支和feature1分支各自都分别有新的提交，变成了这样：果然冲突了！Git告诉我们，readme.txt文件存在冲突，必须手动解决冲突后再提交。git statusGit用
2022-11-05 21:34:57
99
原创 快速入门 git 代码版本管理工具（10）
创建与合并分支在[版本回退]里，你已经知道，每次提交，Git都把它们串成一条时间线，这条时间线就是一个分支。截止到目前，只有一条时间线，在Git里，这个分支叫主分支，即master分支。HEAD严格来说不是指向提交，而是指向master，master才是指向提交的，所以，HEAD指向的就是当前分支。一开始的时候，master分支是一条线，Git用master指向最新的提交，再用HEAD指向master，就能确定当前分支，以及当前分支的提交点：每次提交，master。
2022-11-05 21:34:46
76
原创 快速入门 git 代码版本管理工具（09）
从远程库克隆上次我们讲了先有本地库，后有远程库的时候，如何关联远程库。现在，假设我们从零开发，那么最好的方式是先创建远程库，然后，从远程库克隆。首先，登陆GitHub，创建一个新的仓库，名字叫gitskills：我们勾选，这样GitHub会自动为我们创建一个README.md文件。创建完毕后，可以看到README.md文件：现在，远程库已经准备好了，下一步是用命令git clone注意把Git库的地址换成你自己的，然后进入gitskills目录看看，已经有README.md。
2022-11-05 21:34:36
75
原创 快速入门 git 代码版本管理工具（18）
操作标签12因为创建的标签都只存储在本地，不会自动推送到远程。所以，打错的标签可以在本地安全删除。如果要推送某个标签到远程，使用命令1234123412然后，从远程删除。123要看看是否真的从远程库删除了标签，可以登陆GitHub查看。
2022-11-05 21:34:19
68
原创 scoop安装教程
Scoop 可安装的软件信息存储在 Bucket（翻译为：桶）中，也可以称其为软件源。extras：Scoop 官方维护的一个仓库，涵盖了大部分因为种种原因不能被收录进主仓库的常用软件（在我看来是必须要添加的）。NirSoft 制作了大量的小工具，包括系统工具、网络工具、密码恢复等等，孜孜不倦、持续更新。windows下的安装源搜索工具，有点类似centos下的yum和Ubuntu下的apt。scoop alias add rm 'scoop uninstall $args[0]' '卸载某 app'
2022-11-05 21:34:12
3681
原创 快速入门 git 代码版本管理工具（08）
添加远程库现在的情景是，你已经在本地创建了一个Git仓库后，又想在GitHub创建一个Git仓库，并且让这两个仓库进行远程同步，这样，GitHub上的仓库既可以作为备份，又可以让其他人通过该仓库来协作，真是一举多得。首先，登陆GitHub，然后，在右上角找到“Create a new repo”按钮，创建一个新的仓库：在Repository name填入learngit，其他保持默认设置，点击“Create repository”按钮，就成功地创建了一个新的Git仓库：目前，在GitHub上的这个。
2022-11-05 21:33:17
50
原创 快速入门 git 代码版本管理工具（07）
删除文件在Git中，删除也是一个修改操作，我们实战一下，先添加一个新文件test.txt一般情况下，你通常直接在文件管理器中把没用的文件删了，或者用rm这个时候，Git知道你删除了文件，因此，工作区和版本库就不一致了，git status现在你有两个选择，一是确实要从版本库中删除该文件，那就用命令git rm删掉，并且git commit现在，文件就从版本库中被删除了。小提示：先手动删除文件，然后使用git rm 和git add效果是一样的。
2022-11-03 12:11:47
154
原创 快速入门 git 代码版本管理工具（06）
撤销修改自然，你是不会犯错的。不过现在是凌晨两点，你正在赶一份工作报告，你在readme.txt在你准备提交前，一杯咖啡起了作用，你猛然发现了可能会让你丢掉这个月的奖金！既然错误发现得很及时，就可以很容易地纠正它。你可以删掉最后一行，手动把文件恢复到上一个版本的状态。如果用git status你可以发现，Git会告诉你，命令意思就是，把readme.txt文件在工作区的修改全部撤销，这里有两种情况：一种是readme.txt自修改后还没有被放到暂存区，现在，撤销修改就回到和版本库一模一样的状态；
2022-11-03 12:11:35
82
原创 快速入门 git 代码版本管理工具（05）
管理修改现在，假定你已经完全掌握了暂存区的概念。下面，我们要讨论的就是，为什么Git比其他版本控制系统设计得优秀，因为Git跟踪并管理的是修改，而非文件。你会问，什么是修改？比如你新增了一行，这就是一个修改，删除了一行，也是一个修改，更改了某些字符，也是一个修改，删了一些又加了一些，也是一个修改，甚至创建一个新文件，也算一个修改。为什么说Git管理的是修改，而不是文件呢？我们还是做实验。咦，怎么第二次的修改没有被提交？别激动，我们回顾一下操作过程：第一次修改 ->git add。
2022-11-03 12:11:22
219
原创 javascript 进阶教程（02）
之前看过《JavaScript设计模式与开发实践》这本书，对书中的设计模式和一些相关案例也有了一定的了解，同时把这些设计模式的应用对应在在一些其他的项目中，进行了一些整理，如下仅供参考：设计模式是为了更好的代码重用性，可读性，可靠性，可维护性。透彻理解设计模式，写出令人赏心悦目的代码1)单一职责原则2)里氏替换原则3)依赖倒转原则4)接口隔离原则5)最少知识原则(迪米特法则)6)开放封闭原则总体来说设计模式分为三大类：创建型模式，共五种：工厂方法模式、抽象工厂模式、单例模式、建造者模式、原型模式。结构型模式
2022-11-03 12:09:44
193
原创 架构图以及vue的简介
MVVM 由 Model,View,ViewModel 三部分构成，Model 层代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑；View 代表UI 组件，它负责将数据模型转化成UI 展现出来，ViewModel 是一个同步View 和 Model的对象。
2022-11-03 12:07:06
8227
1
原创 02-CSS属性：背景属性
比如说，设计师给你一张1920*465的超大banner图，如果我们把这个banner图作为img标签直接插入网页中，会有问题的：首先，图片不在网页的中间；光学显示器中，每个像素都是由三原色的发光原件组成的，靠明亮度不同调成不同的颜色的。渐变是CSS3当中比较丰富多彩的一个特性，通过渐变我们可以实现许多炫丽的效果，有效的减少图片的使用数量，并且具有很强的适应性和可扩展性。正确的做法是，将banner图作为div的背景图，这样的话，背景图超出div的部分，会自动移溢出。区域内的部分显示，区域外的隐藏。
2022-11-03 12:06:54
4966
1
原创 分享几个源码网站奉献给大家（持续更新中……）
2、http://www.hotscripts.com/category/c-cpp/scripts-programs/ Hotscripts --提供数以百计的C和C++脚本和程序。--以下是一些C和C++库的DLL，VCLs，源代码，元件，模块，应用程序框架，类库，源代码片段等，你可以在您的项目中使用而不需要支付费用和版税。12580code中外精品源码集聚站，拥有APP/Web/游戏/应用程序等精品源码，给开发者提供优质的代码分享平台。12.拉基源码：http://www.lajicode.com/
2022-11-03 12:06:47
74805
4
原创 快速入门 git 代码版本管理工具（04）
工作区和暂存区Git和其他版本控制系统如SVN的一个不同之处就是有暂存区的概念。先来看名词解释。工作区（Working Directory）就是你在电脑里能看到的目录，比如我的learngit文件夹就是一个工作区：版本库（Repository）工作区有一个隐藏目录.git，这个不算工作区，而是Git的版本库。Git的版本库里存了很多东西，其中最重要的就是称为stage（或者叫index）的暂存区，还有Git为我们自动创建的第一个分支master，以及指向master的一个指针叫HEAD。
2022-11-02 13:37:30
103
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人