【JS】Beginner8:Objects

1.Real life object:propertiese & abilities JS object:a collection of named properties & methods=function variables hold objects dot syntax access properties & methods . 2.nested object…

【js】appendChild

appendChild主要是用来追加节点插入到最后:循环的时候由于不停的搬家导致length在改变. 使用for循环 <!Doctype html> <html xmlns=http://www.w3.org/1999/xhtml> <head> <link rel="icon" href="favicon.ico" type="image/x-icon" /> <link REL=&…

解决跨域问题跨域问题说明,参考[JS]AJAX跨域-JSONP解决方案(一) 实例,使用上一章([JS]AJAX跨域-JSONP解决方案(一))的实例解决方案三(被调用方支持跨域-服务端代码解决) 被调用方解决,基于支持跨域的解决思路,基于Http协议关于跨域的相关规定,在响应头里增加指定的字段告诉浏览器,允许调用跨域请求是直接从浏览器发送到被调用方,被调用方在响应头里增加相关信息,返回到页面,页面能正常获取请求内容. 1.服务端增加一个过滤器(CrossFilter.java),过滤所有…

【js】Leetcode每日一题-制作m束花所需的最少天数

[js]Leetcode每日一题-制作m束花所需的最少天数 [题目描述] 给你一个整数数组 bloomDay,以及两个整数 m 和 k . 现需要制作 m 束花.制作花束时,需要使用花园中相邻的 k 朵花 . 花园中有 n 朵花,第 i 朵花会在 bloomDay[i] 时盛开,恰好可以用于一束花中. 请你返回从花园中摘 m 束花需要等待的最少的天数.如果不能摘到 m 束花则返回 -1 . 示例1: 输入:bloomDay = [1,10,3,10,2], m = 3, k = 1 输出…

【js】Leetcode每日一题-完成所有工作的最短时间

[js]Leetcode每日一题-完成所有工作的最短时间 [题目描述] 给你一个整数数组 jobs ,其中 jobs[i] 是完成第 i 项工作要花费的时间. 请你将这些工作分配给 k 位工人.所有工作都应该分配给工人,且每项工作只能分配给一位工人.工人的工作时间是完成分配给他们的所有工作花费时间的总和.请你设计一套最佳的工作分配方案,使工人的最大工作时间得以最小化 . 返回分配方案中尽可能最小的最大工作时间 . 示例1: 输入:jobs = [3,2,3], k = 3 输出:…

【js】Leetcode每日一题-数组异或操作

[js]Leetcode每日一题-数组异或操作 [题目描述] 给你两个整数,n 和 start . 数组 nums 定义为:nums[i] = start + 2*i(下标从 0 开始)且 n == nums.length . 请返回 nums 中所有元素按位异或(XOR)后得到的结果. 示例1: 输入:n = 5, start = 0 输出:8 解释:数组 nums 为 [0, 2, 4, 6, 8],其中 (0 ^ 2 ^ 4 ^ 6 ^ 8) = 8 . "^" 为按位异或 XO…

【js】Leetcode每日一题-解码异或后数组

[js]Leetcode每日一题-解码异或后数组 [题目描述] 未知整数数组 arr 由 n 个非负整数组成. 经编码后变为长度为 n - 1 的另一个整数数组 encoded ,其中 encoded[i] = arr[i] XOR arr[i + 1] .例如,arr = [1,0,2,1] 经编码后得到 encoded = [1,2,3] . 给你编码后的数组 encoded 和原数组 arr 的第一个元素 first(arr[0]). 请解码返回原数组 arr .可以证明答案存在并且是唯…

【js】Leetcode每日一题-叶子相似的树

[js]Leetcode每日一题-叶子相似的树 [题目描述] 请考虑一棵二叉树上所有的叶子,这些叶子的值按从左到右的顺序排列形成一个叶值序列 . 举个例子,如上图所示,给定一棵叶值序列为 (6, 7, 4, 9, 8) 的树. 如果有两棵二叉树的叶值序列是相同,那么我们就认为它们是叶相似的. 如果给定的两个根结点分别为 root1 和 root2 的树是叶相似的,则返回 true:否则返回 false . 示例 1: 输入:root1 = [3,5,1,6,2,9,8,null,null,…

【js】Leetcode每日一题-子数组异或查询

[js]Leetcode每日一题-子数组异或查询 [题目描述] 有一个正整数数组 arr,现给你一个对应的查询数组 queries,其中 queries[i] = [Li, Ri]. 对于每个查询 i,请你计算从 Li 到 Ri 的 XOR 值(即 arr[Li] xor arr[Li+1] xor ... xor arr[Ri])作为本次查询的结果. 并返回一个包含给定查询 queries 所有结果的数组. 示例1: 输入:arr = [1,3,4,8], queries = [[0,1],[…

【js】Leetcode每日一题-停在原地的方案数

[js]Leetcode每日一题-停在原地的方案数 [题目描述] 有一个长度为 arrLen 的数组,开始有一个指针在索引 0 处. 每一步操作中,你可以将指针向左或向右移动 1 步,或者停在原地(指针不能被移动到数组范围外). 给你两个整数 steps 和 arrLen ,请你计算并返回:在恰好执行 steps 次操作以后,指针仍然指向索引 0 处的方案数. 由于答案可能会很大,请返回方案数模 10^9 + 7 后的结果. 示例1: 输入:steps = 3, arrLen = 2 输出:4…

【js】Leetcode每日一题-二叉树的堂兄弟节点

[js]Leetcode每日一题-二叉树的堂兄弟节点 [题目描述] 在二叉树中,根节点位于深度 0 处,每个深度为 k 的节点的子节点位于深度 k+1 处. 如果二叉树的两个节点深度相同,但父节点不同 ,则它们是一对堂兄弟节点. 我们给出了具有唯一值的二叉树的根节点 root ,以及树中两个不同节点的值 x 和 y . 只有与值 x 和 y 对应的节点是堂兄弟节点时,才返回 true .否则,返回 false. 示例1: 输入:root = [1,2,3,4], x = 4, y = 3 输出…

【js】AddFavorite/SetHome提醒用户自行操作加入收藏/设置主页

除了老版本的ie, 就已经没有浏览器能支持js添加收藏夹和设置首页, 浏览器没有开放这个权限了,external.addFavorite这个给禁了. 不过AddFavorite可以起到提醒用户自行操作加入收藏的作用 <a href="javascript:void(0);" onclick="SetHome(this,document.domain);">设为首页</a><a href="javascript:void(0);…

【JS】395-重温基础：事件

本文是重温基础系列文章的第二十篇. 这是第三个基础系列的第一篇,欢迎持续关注呀!重温基础系列的[初级]和[中级]的文章,已经统一整理到我的[Cute-JavaScript](http://js.pingan8787.com)的JavaScript基础系列中. 本章节复习的是JS中的事件,事件冒泡捕获代理模拟等等. 前置知识:事件来实现的,是文档或浏览器窗口中发生的一些特定的交互瞬间. 1.事件流事件流描述的是从页面中接收事件的顺序,通常有这样两种完全相反的事件流概念:事件冒泡流(IE团队…

【JS】---5 JS通过事件隐藏显示元素

JS通过事件隐藏显示元素在开发中,很多时候我们需要点击事件,才显示隐藏元素.那如何做到页面刚开始就把标签隐藏. 有两种方法: (1) display:none <div id="id" style="display:none"><div> (2)hidden <input type="hidden" id="his" value="haha"&g…

【JS】---4用JS获取地址栏参数方法

用JS获取地址栏参数方法 // 方法一:采用正则表达式获取地址栏参数:( 强烈推荐,既实用又方便!) function GetQueryString(name) { var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if(r!=null)return unescape(r[2]);…

【JS】AJAX跨域-JSONP解决方案（一）

AJAX跨域介绍 AJAX 跨域访问是用户访问A网站时所产生的对B网站的跨域访问请求均提交到A网站的指定页面由于安全方面的原因, 客户端js使用xmlhttprequest只能用来向来源网站发送请求,比如在www.readlog.cn下去请求test.readlog.cn的数据,都是不行的. 什么是AJAX跨域问题简单来说,就是前端调用后端服务接口时如果服务接口不是同一个域,就会产生跨域问题 AJAX跨域场景前后端分离.服务化的开发模式前后端开发独立,前端需要大量调用后端接口的场景只…

【JS】知识笔记

一.JS文件位置多个.JS文件最好合并到一个文件中,减少加载页面时发送的请求数量. 某个单独页面需要的js,最好放在HTML文档的最后,</body>之前,这样能使浏览器更快地加载页面.先加载完界面,再执行脚本,不至于先执行复杂脚本带来的页面显示不全. 侵入式与非侵入式JavaScript 侵入式JavaScript jQuery出现以前,在同一个文件中混杂JavaScript代码和HTML标记是非常流行的做法.将JavaScript代码作为某个特性的值放入HTML元素中是很常见的,如以下代…

【JS】中ajax的URL中包含中文，后台接收乱码

[问题]ajax提交get请求,url中参数包含中文,后台接收到显示乱码. [解决方案]前台: function getSiteInfoByName(siteName){ var res; $.ajax({ url : getRootPath() + "/site/getSiteInfoByName.do?" + "siteName=" + encodeURI(encodeURI(siteName)), type : "get", content…

【JS】313- 复习回流和重绘

点击上方"前端自习课"关注,学习起来~ 原文地址:我不是陈纪庚 segmentfault.com/a/1190000017329980 回流和重绘可以说是每一个web开发者都经常听到的两个词语,我也不例外,可是我之前一直不是很清楚这两步具体做了什么事情.最近由于部门内部要做分享,所以对其进行了一些研究,看了一些博客和书籍,整理了一些内容并且结合一些例子,写了这篇文章,希望可以帮助到大家. 浏览器的渲染过程本文先从浏览器的渲染过程来从头到尾的讲解一下回流重绘,如果大家想直接看如何减少回…

【JS】312- 复习 JavaScript 严格模式（Strict Mode）

点击上方"前端自习课"关注,学习起来~ 注:本文为 < JavaScript 完全手册(2018版) >第30节,你可以查看该手册的完整目录. 严格模式是一项 ES5 功能,它使 JavaScript 以更好的方式运行,因为启用严格模式会更改 JavaScript 语言的语义. 了解严格模式与普通模式(通常称为草率模式)下 JavaScript 代码之间的主要区别非常重要. 严格模式主要是删除 ES3 中可能的功能,并且从ES5开始就被弃用(但是由于向后兼容性要求而没有被删…

【js】基本类型和引用类型的区别

1.保存方式:(一脸懵逼???) 基本类型是按值访问的,可以在变量的生命周期改变它,但是它是储存在哪里的呢?在浏览器缓存吗?[执行环境中定义的所有变量和函数都存储在执行环境的变量对象里,变量对象我们编写的代码无法访问,但是解析器在处理数据的时候会在后台调用] 引用类型的值保存在内存中,js对访问内存位置有所限制(这种限制如何理解?),当我们复制的时候操作的是对象的引用,当我们为对象删除或添加属性的时候,操作的是实际的变量. 2.动态的属性: 引用类型可以添加删除修改属性,而基本类型没有属性 3.…

【JS】#001 JS定义对象写法（原型、JSON方式）

下面主要写两种 JS 定义对象的常用写法写法1:[很像面向对象语言中的写法] function zhongxia(age) { this.age = age; } zhongxia.name = 'zhongxia'; zhongxia.prototype.show = function() { alert(zhongxia.name +":"+this.age); } var zx = new zhongxia(50); zx.show(); 写法2:[JSON方式的,更加的直观…

【js】判断浏览器是否IE浏览器

搜罗各种方法来判断浏览器是否为IE浏览器 1.最简单的[来自:http://www.cnblogs.com/heganlin/p/5889743.html] if(!+[1,]){ layer.msg("是IE浏览器!",{icon:2,offset:'100px',time:8000}); } 局限:本判断方法经过判断在IE7 IE8 IE8兼容模式在IE9 IE10 IE11 不起作用解释: alert([1,2]);//相当于alert([1,2].toString…

【js】js中const,var,let区别

在node.js使用例子中,第一次看到const的声明,查询了一下,可以看得出来: http://www.cnblogs.com/ksl666/p/5944718.html 参考主要内容是:js中三种定义变量的方式const, var, let的区别. 1.const定义的变量不可以修改,而且必须初始化.类似于java中的常量 const b = 2;//正确 // const b;//错误,必须初始化 console.log('函数外const定义b:' + b);//有输出值 // b =…

【js】再谈移动端的模态框实现

移动端模态框的机制因为与PC的模态框机制一直有所区别,一直是许多新人很容易踩坑的地方,最近笔者作为一条老咸鱼也踩进了一个新坑中,真是平日里代码读得太粗略,故而写上几笔,以儆效尤. 故事的起因是这样的,兄弟团的童鞋的页面出现了模块框内需要滚动元素的需求,但是实际情况是他调试了很久,却没有找到确定的解决问题,这也引起了笔者的注意,虽然有现成的组件,但是因为相关代码是有一些历史的了,并没有迁移,于是笔者就和他以前联调了一番. 我们知道常见的pc端模块框阻止滚动的方式是在html或者body标签上添加o…