![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
CJYCathy
这个作者很懒,什么都没留下…
展开
-
JavaScript——正则表达式
目录创建正则表达式对象元字符RegExp 对象方法test()检索字符串中指定的值,返回T/Fexec() 检索字符串中指定的值,返回对象支持正则表达式的String对象方法replace() 替换或删除字符split() 分割字符返回数组match() 搜索匹配字符创建正则表达式对象// 写法一 创建内置对象 RegExp// 第一个参数 模式pattern 字符串类型// 第二个参数...原创 2020-11-20 15:55:28 · 192 阅读 · 0 评论 -
JavaScript——事件代理/事件委托
JavaScript于html的交互是通过事件来实现的。浏览器窗口发生特定的交互,侦听器获取到事件发生,JavaScript执行相应代码。事件代理事件代理 (事件委托) 利用了事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件。优点减少与dom的交互次数,减少事件处理程序的数量,提高代码性能。在JavaScript中,添加到页面上的事件处理程序数量将直接关系到页面的整体运...原创 2020-11-20 15:53:28 · 262 阅读 · 0 评论 -
前端实现动画
目录JS setInterval + left/right 或 setInterval + transformJS requestAnimationFrameCSS3 transition(transform+transition)CSS3 animation(animation属性 + @keyframes)HTML5 Canvas动画(setInterval+canvas)SVG(svg标签+...原创 2020-11-20 15:44:13 · 177 阅读 · 0 评论 -
ArcGIS API for JavaScript学习笔记——特征图层FeatureLayer
FeatureLayer继承自GraphicsLayer除了用来处理客户端图形特征,还能执行查询、选择操作、编辑以及支持定义表达式。特征图层将几何信息传输到客户端电脑,然后显示再web浏览器,减少了往返服务器的时间,提高了服务器端应用程序的性能。适用于响应用户交互的图层。一、创建FeatureLayer对象需要指向服务中的某个具体图层var earthquakes = new FeatureLayer(url,options{})可选参数:outFields:返回的字段refreshI.原创 2020-07-31 09:16:42 · 1122 阅读 · 0 评论 -
ArcGIS API for JavaScript学习笔记——在地图上添加图形
图形是绘制在地图图层上的点、线、面,独立于地图服务相关的其他数据图层,存储在地图上一个独立的图层中。是临时的对象,在应用程序使用的时候显示,会话完成后移除。显示在其他图层的上面。QueryTask可以用来执行空间查询并将结果返回到应用程序,然后以多边形图形显示。图形的组成部分Graphic对象包括geometry几何形状、symbol符号、attribute属性、info template信息模板,这些元素都是可选项,其中geometry和symbol通常需要指定,否则没有图形和显示。其显示在.原创 2020-07-31 09:16:02 · 1839 阅读 · 1 评论 -
JavaScript进阶——匿名函数与闭包
一、匿名函数匿名函数就是没有名称的函数,定义一个普通函数和匿名函数的方法// 普通函数声明fn1() function fn1(){ console.log("Hello")}// 以下是匿名函数的创建// 1 函数表达式 等号右边就是一个匿名函数,把匿名函数赋值给变量var fn2 = function(){ console...原创 2020-07-30 17:14:52 · 184 阅读 · 0 评论 -
JavaScript——Event Loop事件队列,同步异步操作
目录理解Event Loop规则例题例题1 顺丰面试题例题2 比较全面的检测例题3 来自《深入浅出Node.js》例题4 Promise的异步例题4 setTimeout的时间变化例题5 宏任务和微任务互相穿插理解Event LoopEvent Loop即事件循环,是指浏览器或Node的一种解决javaScript单线程运行时不会阻塞的一种机制,也就是我们经常使用异步的原理。JavaScr...原创 2020-04-15 16:10:18 · 183 阅读 · 0 评论 -
JavaScript——AJAX
function AJAXRequest(){ let xmlHttp // 创建XMLHttpRequest对象 if (window.XMLHttpRequest){ xmlHttp = new XMLHttpRequest()} else{ xmlHttp = new AvtiveXObject("Microsoft.XMLHTTP") } // 获...原创 2020-03-30 21:04:48 · 139 阅读 · 0 评论 -
CSS JavaScript综合——轮播图
HTML用一个最大的父级元素包括所有,父级元素相对定位多张图片设为列表 <div class="wrap"> <ul class="list"> <li class="item active">0</li> <li class="item">1</li&...原创 2020-03-30 20:53:03 · 202 阅读 · 0 评论 -
CSS——水平垂直居中布局
目录1. 定宽高1.1 父相子绝 + left top: 父元素宽高/2 + margin: -width/21.2 父相子绝 + top bottom right left:0 (上下、左右各相等) + margin:auto2 不定宽高(都是CSS3)2.1 设置transform属性的translate值2.2 设置父元素flex(弹性)布局2.3 设置父元素grid(网格)布局1. 定宽...原创 2020-03-22 17:27:25 · 136 阅读 · 0 评论 -
CSS——两栏布局
CSS——两栏布局利用浮动和标准流利用浮动和BFC利用绝对定位利用flex首先设置两栏left和main,以及footer和header。利用浮动和标准流main保留为标准流,因为普通块级元素本身的width+padding+border+margin会自动填充父元素容器的宽度left设置固定width并float: left,浮动元素允许块级元素和自己处于同一行,后面的main就会上...原创 2020-03-22 17:14:53 · 195 阅读 · 0 评论 -
CSS——彻底理解圣杯和双飞翼布局及其区别
<style> .left,.right,.middle{ float: left; } .left{ width: 200px; /* margin-left: -100%; */ background-color: blue; ...原创 2020-03-20 18:11:06 · 403 阅读 · 0 评论 -
JavaScript高级——浅拷贝和深拷贝
直接把一个对象赋值给新对象,赋值的是地址,a和b指向堆内存中的同一个对象,所以改变一者,另一者也会改变。var obj1 = { name:'zs', age:16}var obj2 = obj1obj2.name = 'ls'console.log(obj1.name) // 'ls'可以用浅拷贝和深拷贝解决这个问题浅拷贝浅拷贝,只拷贝第一层的原始类型值,和第一层的引用类型...原创 2020-03-17 18:05:35 · 178 阅读 · 0 评论 -
JavaScript高级——面向对象、原型
New 操作符具体干了什么?模拟工厂函数的创建过程//工厂函数创建对象function createHero(name, blood, weapon) { // 1 定义一个空对象 var o = new Object(); // 2 设置构造函数的this,让this指向刚刚创建好的对象 // 3 执行构造函数中的代码 o.name = name; ...原创 2020-03-16 00:13:34 · 137 阅读 · 0 评论 -
JavaScript高级——函数防抖与函数节流
函数防抖和函数节流是两个目的一样的方法,主要用于向服务器发送请求时的优化,防止发送请求的频率过高。不同之处在于,函数防抖是每n秒结束调用一次,函数节流是每n秒内调用一次。函数防抖 Debounce概念:在函数被触发n秒后再调用,如果n秒内再次触发,则重新计时。限定在一定时间内函数只能执行一次(防止你手抖点多次),而且执行的是在这一定时间内最后一次调用。function success(){...原创 2020-03-12 10:03:43 · 188 阅读 · 0 评论 -
JavaScript基础——Promise函数
异步操作JavaScript的异步处理可以用回调函数,回调函数的使用就是确保一段代码执行完毕之后再执行另一段代码的方式function doHomework(subject, callback){ console.log("start my " + subject + " homework."); callback();}function finish(){ console.log(...原创 2020-11-20 15:42:24 · 1361 阅读 · 0 评论 -
JavaScript基础——数据类型
一、基本类型基本类型:number, string, undefined, null, boolean, symbol特性值是不可变的var name = 'java';name.toUpperCase(); // 输出 'JAVA'console.log(name); // 输出 'java'由此可得,基本数据类型的值是不可改变的存放在栈区原始数据类型直接存储在栈(...原创 2020-03-08 17:21:33 · 308 阅读 · 0 评论 -
Web前端面试——HTTP部分
1.TCP/IP的三次握手和四次挥手三次握手的必要性:为了保证服务器能接收到客户端的信息并做出正确的应答而进行前两次(第一次和第二次)握手,为了保证客户端能够接收到服务端的信息并能做出正确的应答而进行后两次(第二次和第三次)握手。三次握手:报文首部有TCP的6种标示:SYN(建立联机) ACK(确认) PSH(传送) FIN(结束) RST(重置) URG(紧急)第一次握手:客户端向服...原创 2020-03-08 17:21:02 · 497 阅读 · 0 评论