文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    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

    85930

    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"

    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...欢迎在下方进行评论或补充喔，喜欢的点个赞或收个藏，保证你在开发时用得上。 最后送大家一个键盘。。。 (_=>[...

    59030

    灵活运用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.3K30

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

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

    89650

    阿里前端一面面经

    盒子模型有哪几种，默认的是哪一种 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.2K00

    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 表单自动持久化 在填写表单时，遇到浏览器奔溃或者误操作导致填写内容丢失

    1.2K40

    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.3K20

    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.2K20

    求职 | 史上最全的web前端面试题汇总及答案2

    localstorge另一个浏览上下文（另一个标签页）里被添加、修改或删除时，它都会触发一个事件，我们通过监听事件，控制它的值来进行页面信息通信。...sessionStorage和localStorage不会 sessionStorage和localStorage的存储空间更大； sessionStorage和localStorage有更多丰富易用的接口...①通常会把这个数据转换为通用的数据交换格式，如xml或json。由于xml解析比较麻烦，所以使用json比较多。...②在jQuery中有专门的获取服务器json数据的方法，getJSON()，在回调中，jQuery会自动将json转换为javascript对象。 8、addClass、css有何用途？...优雅降级：Web站点在所有新式浏览器中都能正常工作，如果用户使用的是老式浏览器，则代码会检查以确认它们是否能正常工作。

    8.4K20

    JS基础第四课、JQ基础第一课（BOM、JQuery框架）

    20M值存储字符串，可以编码json.stringify编码字符串来存储对象2、window.sessionStorge（1）生命周期：关闭浏览器（2）在同一个页面，数据共享，以键值对的形式存储3、...window.localStorage（1）生命周期：永久有效，除非手动删除，关闭也会存在（2）可以多个窗口共享，以键值对的形式存储（3）删除removeItem代码例子：效果后续发表相关视频给小伙伴看...('name','小明')//可以多个窗口共享 console.log(localStorage.getItem('name')); localStorage.removeItem('name...')//删除 console.log(localStorage.getItem('name'));----JQuery----一、JQuery：一个快速、简洁的JavaScript.../jquery-3.6.0.js">console.log(jQuery);二、入口函数（类似于onload）1、文档加载完毕，图片不加载时候就可以执行函数（1）写法一：

    1.7K10

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

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

    1.3K20
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券