知识整理
关注
分享
扫一扫
沉默的龙王
一个涉世未深的前端小菜鸟
展开
-
滑动拼图验证码
这里写自定义目录标题图片验证码代码htmljsCSS图片验证码拖动滑块完成拼图的验证代码html <div class="comImageValidate rightValidate"> <div class="imgBg_2"></div> <div class="imgBg_3"></div> <div style="width: 100%; height: 30px;"&g原创 2021-06-02 10:05:12 · 2043 阅读 · 1 评论 -
ArcGis之图片角度调整
使用GIS图时有需求时地图上的小车根据行进路线调整方向，所以在网上找了别人写的方法进行调试，最后总结了一下应该怎么调用方法去做。function Angle (startx, starty, endx, endy) { //传进来两个坐标，分别是出发坐标和结束坐标 //每次经过点的时候计算一次角度 var tan = 0 if (endx == startx) { tan = Math.atan(0) * 180 / Math.PI原创 2020-11-20 17:25:37 · 3783 阅读 · 2 评论 -
通俗易懂之JSON
什么是JSONJSON是一种轻量级的数据交换格式，它采用完全独立于编程语言的文本格式来存储和表示数据，简洁清晰的结构使JSON成为了理想的数据交换语言。它的格式：{ "city":[ {"name":"郑州"}, {"name":"北京"}, {"name":"上海"} ]}为什么使用JSON因为JSON使用起来更快更简单，我门可以直接使用JSON字符串,也可以...原创 2020-08-27 11:10:27 · 636 阅读 · 0 评论 -
通俗易懂之Ajax(二)
请求方式我们常用的请求方式有get请求和post请求，其中get请求一般是用来获取数据的,post请求一般是上传数据的。get请求 function get(url,callback) { var xhr = new XMLHttpRequest() xhr.open("GET",url,true); //get请求的参数一般在url的？后边,格式是？参数1...原创 2020-04-16 15:25:57 · 166 阅读 · 0 评论 -
正则表达式-通俗易懂篇
正则表达式字符类常用元字符量词修饰符正则表达式的定义和方法定义方法分组字符类把字符放到[]中就形成了字符类,可以匹配到字符类中包含的所有字符，比如[abc],就会匹配有没有包含abc中的一个 abc这个字符类只占1位，另外[^]是取反,也就是匹配不包含字符类的字符串常用元字符. 匹配的是任意字符,除了换行符和终止符以外的字符\w 相当于[a-zA-Z0-9]\W 相当于[^a-zA-Z...原创 2020-04-15 15:05:24 · 1418 阅读 · 0 评论 -
原生JS
什么是JavaScriptJavaScript是互联网上最流行的脚本语言,现代浏览器基本都使用了JS，它可以配合HTML和CSS使页面变得更加方便。如何使用JavaScripthtml中的js脚本都是写在<script></script>标签中的,这个标签通常放在<head>和<body>中，一般都放在body底部，这样能够改善显示速度,因...原创 2020-03-29 17:38:10 · 396 阅读 · 0 评论 -
如何使用百度地图（一）
什么是百度地图百度地图相信大家都不陌生,它是一个为用户提供包括智能路线规划、智能精准导航（驾车、步行、骑行）、实时路况、等出行相关服务的平台，如果我们想要把百度地图的某些功能实现在我们自己的项目上的话，就需要去了解一下百度官方的api了，上边有针对各种项目的api教程，方便新手学习使用，而且如果不商用的话是没有使用限制的。申请密钥(ak)首先，我们需要有一个百度账号，然后在api官网申请成...原创 2020-03-04 14:42:17 · 668 阅读 · 0 评论 -
zTree
什么是zTreezTree是一个专业的"树插件",虽然现在网上有各种各样制作树的工具,但我觉得zTree是做树做的最好的一个，他可以使使用者快速上手,并且有简明易懂的例子方便用户修改使用，树的可操作性还很高；如何使用zTree要使用zTree首先需要下载，官网上的下载使用的是gitee(码云)，下载好后我们要知道它的项目文件有哪些是我们需要用到的。其中api里是两种语言的api文档，cs...原创 2020-02-24 14:51:14 · 286 阅读 · 0 评论 -
mysql数据库的操作
库的操作创建create database 数据库名删除drop database 数据库名查看所有数据库show database 数据库名连接数据库use 数据库名当前连接的数据select database()显示数据库中的所有表show tables引入数据库新建一个名字和要引入的数据库名一样的库,在新建数据库上右键，选择输入sql文件，然后选择对应文件...原创 2020-02-21 14:38:44 · 157 阅读 · 0 评论 -
检测数据类型的方法
我们在写代码逻辑的时候,有时候需要用到准确的数据类型，尤其是数组(Array)和对象(Object)之类的引用数据类型。所以我整理了一些判断数据类型的方法，希望能对你有所帮助。typeof使用方法：直接在变量前加上typeof即可var arr=[],num=1,obj={},str="string"console.log(typeof arr)console.log(typeof nu...原创 2020-02-19 16:34:31 · 579 阅读 · 0 评论 -
浅复制和深复制
浅复制和深复制的区别我们在对数据类型进行复制时，对于基础数据类型,是不分深复制和浅复制的,都是拷贝了他们的数据,而对数组和对象进行复制时,我们通常复制的,都是该对象的内存地址，而不是它的具体数据，当内存地址的数据改动时，复制到的东西也会变化,如下图深复制的方法JSON.parse(JSON.stringify())原理：JSON.stringify把对象转化成字符串,JSON.pa...原创 2020-02-19 16:09:06 · 210 阅读 · 0 评论 -
防抖和节流
防抖什么是防抖简单来说就是 对于短时间内连续触发的事件，防抖的含义是让某个时间期限内,时间只触发一次我们在写项目代码的时候,有时因为某些需求,需要根据一定条件进行触发事件(比如你要时时监听一个input框内容的变化,来访问后台给出提示)。当我们进行监听后会发现，每一次变化都会去访问后台一次,而我们想要的是触发结束后,一定时间内没有再发生改变才进行触发。 function 防抖函数名...原创 2020-02-19 13:53:18 · 265 阅读 · 0 评论 -
通俗易懂之Ajax
Ajax什么是AjaxAjax优缺点Ajax优点Ajax缺点功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入什么是Aj...原创 2020-02-13 16:03:10 · 337 阅读 · 0 评论 -
Webpack
什么是Webpack?Webpack 是一个开源的前端打包工具。Webpack 提供了前端开发缺乏的模块化开发方式,将各种静态资源视为模块,并从它生成优化过的代码。 Webpack 可以从终端、或是更改 webpack.config.js 来设置各项功能。 要使用 Webpack 前须先安装 Node.js。(以上介绍来自百度,看着懵逼的话可以看我下边自己总结的)Webpack是前端的一个自动...原创 2019-12-23 23:21:31 · 2430 阅读 · 0 评论 -
通俗易懂之Vue
什么是Vue?Vue的简单介绍Vue需要掌握的几个重要的知识点项目的搭建指令插槽具名插槽作用域插槽组件之间的传值父组件向子组件传值子组件向父组件传值非父子组建传值生命周期计算属性(computed)和监听(watch)watchcomputed路由配置路由对象声明式路由router-link编程式路由路由守卫全局路由守卫路由独享守卫组件内的守卫VuexVue的简单介绍Vue (读音 /vjuː...原创 2019-12-22 20:46:17 · 1738 阅读 · 0 评论