![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Javascript&jQuery
Lo、
这个作者很懒,什么都没留下…
展开
-
es语法新运算符
1、空值合並运算符 “??”?? 提供了一种简短的语法,用来获取列表中第一个“已定义”的变量(译注:即值不是 null 或 undefined 的变量)。x = a ?? b是下面表达式的简写x = (a !== null && a !== undefined) ? a : b;参考:https://mp.weixin.qq.com/s/wYp5IlSBTg58t4P5fJ9T5g2、可选链式操作符(?.)let person = {};// 如果person对象不包原创 2021-01-25 16:06:36 · 687 阅读 · 0 评论 -
处理数组对象层级,树形数据(递归)
处理数组对象层级,树形数据(递归)数据范例let test = { hasChild: true, children: [ { hasChild: false, children: [], }, { hasChild: true, children: [ { hasChild: true,原创 2020-12-28 11:15:08 · 603 阅读 · 1 评论 -
红宝书note-17Path
P523/** * 跨浏览器事件处理函数 * let btn = document.getElementById("myBtn") * let handler = function() { console.log("Clicked"); }; * EventUtil.addHandler(btn, "click", handler); * EventUtil.removeHandler(btn, "click", handler); */var EventUtil = {原创 2020-11-16 16:52:22 · 106 阅读 · 0 评论 -
js浮点数运算
/*** method ** * add / subtract / multiply /divide * floatObj.add(0.1, 0.2) >> 0.3 * floatObj.multiply(19.9, 100) >> 1990 * */var floatObj = function() { /* * 判断obj是否为一个整数 */ function isInteger(obj) { return Mat原创 2020-11-16 14:13:25 · 332 阅读 · 0 评论 -
target=‘_blank‘ 安全漏洞 & window.open()
target=’_blank’ 安全漏洞:https://www.jianshu.com/p/ce1fbf9470b7https://blog.csdn.net/lishuai_it_trip/article/details/89554032聊聊a标签的rel属性浅谈rel=external nofollow和rel=noopener noreferrera标签 rel属性window.open()打开页面的几种方法jq / js 动态添加页面跳转<!--<li> &l原创 2020-08-24 22:35:06 · 1127 阅读 · 0 评论 -
Promise
参考文章:ES6 Promise用法小结:https://blog.csdn.net/qq_34645412/article/details/81170576promise:https://www.jianshu.com/p/1b63a13c2701原创 2020-08-02 17:25:13 · 108 阅读 · 0 评论 -
各种布局深入浅出
参考文章静态布局、自适应布局、流式布局、响应式布局、弹性布局等的概念和区别:https://www.cnblogs.com/yanayana/p/7066948.html响应式布局(弹性布局 响应式布局的实现方式及应用):https://www.cnblogs.com/BingBing-Deng/p/9673930.html响应式布局:CSS3弹性盒flex布局模型:响应式布局:CSS3弹性盒flex布局模型弹性盒布局:https://www.cnblogs.com/yueranran/p/1320原创 2020-08-02 16:19:59 · 115 阅读 · 0 评论 -
js正则表达式
参考文章精通 JS正则表达式:https://www.cnblogs.com/aaronjs/archive/2012/06/30/2570970.htmlJS正则表达式完整版:https://blog.csdn.net/h610443955/article/details/81079439JS正则表达式语法大全(非常详细):http://c.biancheng.net/view/5632.html用户名、密码等15个常用的js正则表达式:https://www.jb51.net/article/1原创 2020-08-02 16:04:35 · 88 阅读 · 0 评论 -
canvas -半圆环进速条
参考:进度条jsvar _page = { scoreCanvas(id ,progress) { // canvas进度条 var canvas = document.getElementById(id); //获取屏幕的宽度 var clientWidth = api.winWidth; //根据设计图中的canvas画布的占比进行设置 v原创 2020-07-05 21:35:31 · 405 阅读 · 0 评论 -
Web API 案例
学习视频:https://www.bilibili.com/video/BV1uE411t7FR?p=26小案例,小积累肆:操作元素仿京东显示密码框点击关闭二维码循环精灵图背景显示隐藏文本框内容密码框格式提示错误信息百度换肤表格隔行变色表单全选、取消全选案例tab栏切换肆:操作元素仿京东显示密码框<div class="box"> <label for...原创 2020-05-03 21:48:41 · 336 阅读 · 0 评论 -
Web API 知识总结
学习视频:https://www.bilibili.com/video/BV1uE411t7FR?p=26小基础,大进步!肆操作元素总结排他思想肆操作元素一、改变元素内容:element.innerTextelement.innerText二、常用元素的属性操作innnerText、innerHTMLsrc、hrefid、alt、title三、表单元素的属性操作t...原创 2020-05-03 21:48:17 · 217 阅读 · 0 评论 -
三种创建元素方法的区别
三种创建元素方法的区别innerHTML拼接效率测试innerHTML数组效率测试createElement效率测试<button>点击</button> <p>abc</p> <div class="inner"></div> <div class="create"></div&...原创 2020-05-03 21:44:32 · 221 阅读 · 0 评论 -
这是一篇没有主题的文章
原来css中的border还可以这样玩原来css中的border还可以这样玩jsquery给页面设置了样式 但是页面刚进来的时候 js文件没被加载 刷新之后样式才有//原生js写法:window.onload = function(){把你写的代版码放进来这里。权}//jq写法:$(function(){把你写的代码放进来这里。})...原创 2020-04-10 16:28:47 · 99 阅读 · 0 评论 -
动画Animate.css使用
参考:https://www.dowebok.com/98.html animate.css的使用 css3动画简介以及动画库animate.css的使用 CSS3 自定义动画(animation)使用方法1、引入文件<link rel="stylesheet" href="animate.min.css">2、HTML 及使用给元素加上 class 后...原创 2020-04-10 16:24:28 · 145 阅读 · 0 评论 -
基于JQuery的老插件fullPage.js
参考链接:http://fullpage.81hu.com/#note#onLeave (index, nextIndex, direction)滚动前的回调函数,接收 index、nextIndex 和 direction 3个参数index 是离开的“页面”的序号,从1开始计算;nextIndex 是滚动到的“页面”的序号,从1开始计算;direction 判断往上滚动还是往下滚...原创 2020-04-10 16:04:40 · 171 阅读 · 0 评论 -
ES6-和与java有点儿相似的Class类
(该文章仅用于笔者的学习笔记,详情请阅读参考文献更好)参考文献(阮一峰):https://es6.ruanyifeng.com/#docs/class JavaScript 语言中,生成实例对象的传统方法是通过构造函数。function Point(x, y) { this.x = x; this.y = y;}Point.prototype.toString = funct...原创 2020-04-01 11:42:14 · 366 阅读 · 0 评论 -
ECMAScript 6学习相关网站
ECMAScript 6 入门作者:阮一峰原创 2020-03-30 22:30:47 · 222 阅读 · 0 评论 -
jQuery-day03-事件注册、事件处理on、事件解绑off、自动触发事件、事件对象、jQuery对象拷贝、多库共存、插件网站
事件注册element.事件(function() { … });eg:$(“div”).click(function() { … });事件处理onelement.on(events, [selector] , fn )events: 1个或者多个事件类型(空格)selector: 元素的子元素选择器<!DOCTYPE html><html lang="en"...原创 2020-02-11 18:06:26 · 126 阅读 · 0 评论 -
jQuery-day02-属性操作、内容文本值、返回指定祖先元素、遍历元素、创建添加删除元素、元素大小、元素位置、被卷去的头部
jQuery属性操作element.prop(“属性名”) 获取元素固有的属性值元素的自定义属性 我们通过 attr()—相当于原生JS的getAttribute / setAttribute数据缓存 data() 这个里面的数据是存放在元素的内存里面<body> <a href="http://www.itcast.cn" title="都挺好">都挺...原创 2020-02-11 17:26:19 · 163 阅读 · 0 评论 -
jQuery-day01-顶级对象$、对象转换、选择器、隐式迭代、操作样式:css方法/类操作、 效果:显示隐藏/滑动/淡入淡出、stop方法、自定义动画animate
jQuery基本使用<div></div><script> // 1. 等着页面DOM加载完毕再去执行js 代码 // $(document).ready(function() { // $('div').hide(); // }) // 2. 等着页面DOM加载完毕再...原创 2020-02-11 16:50:43 · 236 阅读 · 0 评论