【今日新文】vue3获取异步数据并渲染模板demo
假设条件 使用axios从服务器获取数据，返回的数据： {status:200,msg:获取图书列表成功,data:[{id:1,bookname:西游记,author:吴承恩,publisher:北京图书出版社},{id:2,bookname:西游记,author:吴承恩,publis
最新发布第页
HTML5新增加标签小结
!--结构化标签--header用在页面头部或者版块的头部/headernav导航/navhgrouph1主标题/h1h2副标题/h2/hgroupsection一个区块/sectionarticle相对结构完成独立的内容，比如一篇文章，帖子/articleaside一般...
DOM节点获取指定元素的前一个后一个元素以及第一个最后一个子元素
functionfirstNode(obj){if(!obj.firstChild){returnfalse};returnobj.firstElementChild||(obj.firstChild.nodeType==1?obj.firstChild:nextNode(obj.firstChild));}functionnextNode(obj){if(!obj.nextSibling){returnfalse;};returnobj.nextElementSibling...
DOM节点获取指定元素的前一个和后一个元素的兼容性写法
//获取指定元素的前一个元素节点兼容性写法functiongetPreviousElement(element){if(element.previousElementSibling!==undefined){returnelement.previousElementSibling;}else{varprev=element.previousSibling;//存在前面的节点，...
DOM的Event对象的默认行为冒泡行为及取消默认行为和取消冒泡
Event对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。我们常见的事件对象，比如超链接的跳转，鼠标点击右键弹出菜单（和上下文...
单页面的Grunt工具使用总结
虽然Grunt已经没有Gulp流行了，但是小规模的应用还是可以的。这里有一份自用的Grunt插件组合及配置清单。可以快速的实现页面的优化，优化的内容有： 清理无效的图片文件 清理无用的...
clientX,offsetX,screenX一张图即可弄懂
从图中可以看出，无论是某某X还是某某Y都是相对鼠标点击的那个点。 screen显示器的意思，所以screenX和screenY则是鼠标点击位置相对距离显示器左边水平距离和顶部距离。 client理解为客...
【JS练习】滚动进度条
!DOCTYPEhtmlhtmlheadmetacharset=utf-8metahttp-equiv=X-UA-Compatiblecontent=IE=edge,chrome=1metaname=renderercontent=webkit!--somemetatags,importantforSEO--metaname=descriptioncontent=putashortdescriptioninhere/metaname=keywordscontent=putyo...
【算法】javascript冒泡排序和快速排序
1.冒泡排序 相邻的两个元素比较，如果前面一个比后面的大，就交换一下位置。 functionbubbleSort(array){for(vari=0;iarray.length-1;i++){for(varj=0;jarray.length-1-i;j++){varcur=array[j],next=array[j+1];if(curnext...
应用、项目、控制器、操作、模型、钩子概念解析
关系： 应用 (application) = 模块 (module) = 控制器(controller) = 操作(action) 例子： 某商城程序= 用户模块= 权限控制器= 增加权限操作 对应的URL： http://domain.com/User/Auth/add.html 项目(project) 可以...
利用阿里云的RAM做ESC分类资源管理
随着公司规模的扩大，网站运营的数量在逐渐增加，购买的阿里云ECS也是越来越多，为了便于管理最先开始用的是某一个阿里云账户购买ECS，但是后期由于安全和管理的问题，所有ECS集...