qC0u345MAk81
模版引擎 根据程序员指定的模版结构和数据，自动生成一个完整的HTML页面，解决字符串拼接时产生的问题。好处 减少字符串的拼接操作使代码结构更清晰使代码易于阅读和维护 atr-template模版引擎 art-template的安装 使用script标签加载到网页上进行使用 使用传统方式渲染UI结构 <!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-8"> <metaname="viewport"content="width=device-width,initial-sc...
多次replace 通过循环实现 vardata={name:'张三',age:20} varstr='<div>{{name}}今年{{age}}岁了</div>' varpattern=/{{\s([a-zA-Z]+)\s}}/ varpatternResult=null while((patternResult=pattern.exec(str))){ str=str.replace(patternResult[0],data[patternResult[1]]) } console.log(str) 实现简易的模版引擎 functiontemplate...
$.post()函数 JQuery中$.get()函数的功能单一，专门用来发起post请求，从而向服务器提交数据。语法: $.post(url,[data],[callback]) 参数名 参数类型 是否必选 说明 url string 是 提交数据的地址 data object 否 要提交的数据 callback function 否 数据提交成功时的回调函数 $.ajax()函数 综合型函数语法： ajax({ type:'',//请求的方式,get/post url:'',//请求的url地址 data:{},//请求携带的数据 success...
客户端与服务器 服务器：上网过程中，负责存放和对外提供资源的电脑客户端：上网过程中，负责获取和消费资源的电脑 URL地址 URL地址用于标识互联网上每个资源的唯一存放位置浏览器只有通过URL地址，才能正确定位资源的存放位置，从而成功访问到对应的资源。 URL地址的组成部分 URL地址一般由三部分组成： 🍥客户端与服务器之间的通信协议🍥存有该资源的服务器名称🍥资源在服务器上具体的存放位置 客户端与服务器的通信过程 图解客户端与服务器的通信过程 注意： 🍥客户端与服务器之间的通信过程，分为请求–>处理–>响应三个步骤。🍥网页中的每一个资源,都是通过请求–>处理...
off解绑事件 $("div").off();//解除div上面的所有事件 $("div").off("click");//解除div上面的click事件 $("div").off("click","li");//解除事件委托 自动触发事件trigger() 元素.事件(); element.trigger(“触发的时间”); element.triggerHandler(“触发的事件”);不会触发默认行为 JQuery事件对象 事件被触发,就会有事件对象的产生.element.on(events,[selector],function(event){})阻止默认的行为:event....
<!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-8"> <metaname="viewport"content="width=device-width,initial-scale=1.0"> <title>微博发布</title> <linkrel="stylesheet"href="../CSS/微博发布模拟案例.css"> <scriptsrc="../JS/code.jquery.com_jquery-3.7.1.js...
利用JQuery中的排他算法实现tab切换 排他算法:将所有tab栏对象设置为默认样式,然后将当前tab栏更改为目标样式 代码示例: <!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-8"> <metaname="viewport"content="width=device-width,initial-scale=1.0"> <title>Document</title> <scriptsrc="./code.jquery.com_jqu...
链式编程 $("div").css("color","red"); $("div").siblings().css("color","pink"); $("div").css("color","red").siblings().css("color","pink"); JQuery样式操作 操作CSS的方法 1.参数只写属性名,则是返回属性值 $(this).css("color"); 2.参数是属性名,属性值,逗号分隔,是设置一组样式,属性必须加引号,值如果是数字,可以不用单位和引号 $(this).css("color","red"); 3.参数可以是对象形式,便于设置多组样...
JQuery属性操作 设置或获取元素固有属性值prop() 固有属性就是元素本身自带的属性,比如href,title获取固有属性:(“a”))上data()方法可以在指定的元素上存取数据，并不会修改DOM元素结构。一旦页面刷新，之前存放的数据都将被移除。 JQuery内容文本值 设置标签里的内容元素:html()获取设置元素文本内容:text()获取设置表单值:val() JQuery元素操作 遍历 vararr=["red","green","blue"]; $("div").each(function(i,domEle){ console.log(i); console.log(do...
JQuery操作影响原来样式 类操作和className的区别 原生JS中className会覆盖元素原先里面的类名JQuery里面类操作只是对指定类进行从操作,不影响原先的类名. JQuery效果 显示隐藏滑动淡入淡出 显示与隐藏效果 语法规范:show([speed],[easing],[fn])显示参数:1)参数都可以省略,表示无动画显示2)speed:三种预定速度之一的字符串(“slow”,“normal”,fast")或表示动画时长的毫秒数值3)easing:(Optional)用来指定切换效果,默认是"swing",可用参数"linear"4)fn:回调函数,在动画完成时执行的函...
ECharts简介 ECharts是使用JavaScript实现的一个开源可视化库. Echarts的引入 通过官网下载echarts的js文件通过npm或者cnpm下载,下载后这样使用: varecharts=request('echarts'); ECharts的基本使用 步骤一:下载并引入ECharts.js文件------->图表依赖于这个js文件 步骤二:准备一个具备大小的DOM容器---->生成的图表会放在这个容器中 步骤三:初始化ECharts实例对象-------->实例化echarts对象 步骤四:指定配置项和数据(options)-------&g...
双链表 双链表的存储结构 typedefstructDNode{ //定义双链表的节点类型 ElemTypedata; //数据域 structDNodeprior,next; }DNode,DLinkList; 双链表的初始化 boolInitDLinkList(DLinkList&L){ DNodep=(DNode)malloc(sizeof(DNode)); if(LNULL) returnfalse; p->prior=NULL;//头结点的prior永远指向NULL p->next=NULL; returntrue; } voidtestDLin...