首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JavaScriptJQuery基本使用

    前言 这是前端的JavaScript和JQuery的基础使用,对于日常使用来说,这些代码足够了。我写代码的时候经常忘记,写下常用的代码,用的时候直接看这些,免得再去百度了。...输入框的事件监听有:输入框获得焦点focus、失去焦点blur、文本内容变化(输入或删除字)input。...处理 如果json是由数组来的,那么parse()解析后,会变为json数组,使用json[数字]来获取数据,由对象变来的话,会变为json对象,使用json.属性 获取值,或者 json[“属性”]...获取值 // JSON对象转字符串 JSON.stringify() // JSON字符串转JSON对象 JSON.parse() ---- 获取元素属性值 动态获取按钮的自定义属性值 $(".auto_item.../ 存储 localStorage.setItem("lastname", "Gates"); // 取回 localStorage.getItem("lastname"); //删除 localStorage.removeItem

    57130

    jQuery

    动画 通过animate方法可以设置元素某属性值上的动画,可以设置一个或多个属性值,动画执行完成后会执行一个函数。...span>添加文字'); 2、prop() 取出或设置某个属性的值 // 取出图片的地址 var $src = $('#img1').prop('src'); // 设置图片的地址和alt...格式的数据: { "name":"luffy", "age":18 } 与json对象不同的是,json数据格式的属性名称和字符串值需要用双引号引起来,用单引号或者不用引号会导致读取数据错误...; }); // data.json里面的数据: {"name":"luffy","age":18} 课堂练习  制作首页用户信息读取 jsonp  ajax只能请求同一个域下的数据或资源,有时候需要跨域请求数据...//设置: localStorage.setItem("dat", "456"); localStorage.dat = '456'; //获取: localStorage.getItem("dat"

    4.5K20

    灵活运用JavaScript开发技巧

    ,从左到右依次判断,遇到假值返回假值,后面不再执行,否则返回最后一个真值 const b = d || 1; // 默认赋值:取真运算,从左到右依次判断,遇到真值返回真值,后面不再执行,否则返回最后一个假值...flagB && Func(); // 满足A且不满足B时执行 为非假值时执行 const flag = false; // undefined、null、""、0、false、NaN !..._obj }; const obj = JSON.parse(JSON.stringify(_obj)); // obj => { a: 0, b: 1, c: 2 } 合并对象 const obj1...:反序列化取,序列化存 const love = JSON.parse(localStorage.getItem("love")); localStorage.setItem("love", JSON.stringify...欢迎在下方进行评论或补充喔,喜欢的点个赞或收个藏,保证你在开发时用得上。 最后送大家一个键盘。。。 (_=>[...

    50230

    灵活运用JS开发技巧

    ,从左到右依次判断,遇到假值返回假值,后面不再执行,否则返回最后一个真值 const b = d || 1; // 默认赋值:取真运算,从左到右依次判断,遇到真值返回真值,后面不再执行,否则返回最后一个假值...flagB) && Func(); // 满足A或不满足B时执行 flagA && flagB && Func(); // 同时满足A和B时执行 flagA && !...flagB && Func(); // 满足A且不满足B时执行 为非假值时执行 const flag = false; // undefined、null、""、0、false、NaN !..._obj }; const obj = JSON.parse(JSON.stringify(_obj)); // obj => { a: 0, b: 1, c: 2 } 合并对象 const obj1...❝反序列化取,序列化存 ❞ const love = JSON.parse(localStorage.getItem("love")); localStorage.setItem("love", JSON.stringify

    1.1K30

    你可曾见过如此简单粗暴的JavaScript解说 -- if 判断的正确打开方式?

    ,如果右边的也为真,那么就返回真。...其中,只要有一个为假,结果就是假。并且,一旦左边的结果为假,右边的就不执行了。 这里就是取了一个巧,因为我只是想要执行右边的表达式,无所谓返回值是什么。...如果左边为假,那么就运行右边的,看看右边的结果如何?如果右边为真,就返回真,否则返回假。 也就是说,不管右边的结果怎样,只要左边为假了,右边就无论如何会被执行一次的。...Paste_Image.png 我们引入了jQuery,现在希望自己来编写一个toggelClass,如何实现呢? 当我们点击这个div的时候,就自动将class换成box2。...1.gif 我猜想,jQuery对toggleClass的实现应该也差不多是这个意思。

    78650

    阿里前端一面面经

    盒子模型有哪几种,默认的是哪一种 5盒子模型有没有办法把宽度设置为包含padding的 6浮动元素有没有什么特征 7清除浮动的所有方法 8js基本数据类型 9typeof去判断数据类型时返回值有哪些...12cookie有哪些特征 13假设访问了A.com存了一个cookie,在另一个页面用ajax向A的域名的发请求的话,会携带cookie吗 14cookie的其他解决方案(很方,没想过) 15localstorage...存数据的格式是什么 16怎样将一个数组存入localstorage 17storage有哪些存储方法 18html5的一些新的特性 19假设两台电脑之间同步画板怎么实现 20es6用的比较多的有哪些...的开发模式有哪些不同,有哪些优点 26jQuery有没有办法组件化 27能用es6写jQuery 28VUE数据双向绑定是怎么实现的 29假设一个object A里面的值n为1,怎么知道n改变的...,有事件绑定吗 30有学过其他的框架吗(说了这两天学习的React) 作者:小弱鸡小菜鸟 本文来源于牛客网 —————————— 牛客网(www.nowcoder.com) - 互联网名企笔试真题 -

    1.1K00

    抖音直播无水印下载录制工具,小红书快手哔哩哔哩西瓜视频解析,易语言框架分享

    .解析 (返回值, , )按钮_添加.禁止 = 假按钮_添加.标题 = “解 析”标签_详细.标题 = 返回值.如果真 (json.取通用属性 (“code”, ) = “1”) 标签_提示.标题...= json.取通用属性 (“url2”, ).如果真结束.如果真 (所属平台 = “bzspjx” 或 所属平台 = “kswsyjx”) 编辑框_封面.内容 = json.取通用属性 (“videocoverurl...仅限抖音.局部变量 返回值, 文本型.局部变量 json, 类_json' 真批量解析,前提是得拿到视频的ID ,video_list=[id1,id2,id3....]...子表达式的索引,从1开始将代表为子匹配文本的索引.局部变量 局_正则, 正则表达式类.如果真 (局_正则.创建 (“[a-zA-z]+://[^\s]*”, 源文本, 假, 假, 真, 真) = 假)...信息框 (“正则创建失败,请检查正则表达式语句是否有误!”

    21010

    localStorage 还能这么用

    大致流程如下: 查看请求的文件 url 是否有缓存到 localStorage 过期或不匹配,到第 2 大步 文件内容有效,到第 4 大步 如果没有,到第 2 大步 如果有,判断文件是否过期或版本号是否匹配...[id] = script.innerHTML; } } jquery.js">...jquery source code......(script); } ls2script('jquery.js') 不过使用 localStorage 缓存文件会有 XSS 的风险,而且造成的伤害可能是永久的...没错 postMessage 确实可以用于窗口或 iframe 间通信,但是前提是你必须拿到打开新窗或 iframe 的句柄对象: var popup = window.open(...popup details...灵活存取 json 格式的数据:typicode/lowdb 通过 sql 对数据 CURD 操作:agershun/alasql 表单自动持久化 在填写表单时,遇到浏览器奔溃或者误操作导致填写内容丢失

    1K40

    tampermonkey,采用js解析自定义脚本,实现网页列表数据采集分析

    1.因为数据需要做存储,首先想到这么多数据该怎么存储呢,首先想到sessionStorage,但是sessionStorage在我新开标签页的时候数据不能共享, 那么就用localStorage,localStorage...2.详情页面的数据和列表项数据合并,既然上面说到localStorage,那么就在localStorage里面放入一个指定的map,存放列表数据 针对列表的每一项做一个key,然后再新开标签的时候传递...("data_maps", JSON.stringify(data_maps)); 34 } 采用jquery.simulate.js实现点击 1 /*!.../jquery/jquery-simulate 4 * 5 * Copyright jQuery Foundation and other contributors 6 * Released...= 'string') 8 json = JSON.stringify(json, undefined, 2); 9 json = json.replace(/&/g, '&

    4.1K20

    localStorage和sessionStorage用法小总结

    localStorage 方法 localStorage 方法存储的数据没有时间限制。第二天、第二周或下一年之后,数据依然可用。先看一下他的API都有什么 ?...} getItem方法--读取localStorage数据 localStorage.getItem("name") //落帆亭,读取保存在localStorage对象里名为name的变量的值 localStorage.name...localStorage里存储的名字和值 for(var i=0; ilocalStorage.length;i++){ console.log('localStorage里存储的第'+i+'...里删除了 hasOwnProperty方法--检查localStorage上是否已经保存了x,需要传入x作为参数 localStorage.hasOwnProperty('name') //前提是上面的那个...里 var newStudents = localStorage.getItem("students"); newStudents = JSON.parse(students); //转为JSON console.log

    1.1K20

    C语言表达式与if语句-学习七

    1、关系运算符和关系表达式 关系运算符 运算符 描述 实例 (A=10, B=20) == 检查两个操作数的值是否相等,如果相等则条件为真。 (A == B) 为假。 !...= 检查两个操作数的值是否相等,如果不相等则条件为真。 (A != B) 为真。 > 检查左操作数的值是否大于右操作数的值,如果是则条件为真。 (A > B) 为假。...检查左操作数的值是否小于右操作数的值,如果是则条件为真。 (A 真。 >= 检查左操作数的值是否大于或等于右操作数的值,如果是则条件为真。 (A >= B) 为假。...检查左操作数的值是否小于或等于右操作数的值,如果是则条件为真。 (A 真。...一般形式: 表达式 关系运算符 表达式 关系表达式的值是一个逻辑值,即“真”或“假”。1代表真,0代表假;一个非零的数值认作为“真”。

    1.1K20
    领券