【JS】Intermediate7:jQuery:DOM API

1.jQuery also makes performing actions on many elements at the same time simple 2.eg:$('.note').css('background', 'red').height(100); $('.note') selects all the elements with a class of note on the page and then we set the background of all of the no…

【JS】Intermediate6:jQuery

1.jQuery is far and away the most popular DOM library Used to allow modification and control of the DOM A more uniform way of interacting with the DOM 2.All based around the dollar symbol Add to a page by simply including it as a file using a script…

【JS】Intermediate9:jQuery: Other Tricks

1.DOMContentLoaded Run JavaScript only when the DOM is loaded and ready (but before stylesheets are fully loaded) eg:to move elements to a different location in the page, or create new ones. 2.Load Wait for the page to fully load - that is, when all…

【JS】Intermediate8:jQuery:AJAX

1.$.ajax is the main method, allowing you to manually construct your AJAX request 2.eg: gets some data from a server a function to be called when the data is retrieved, named the success callback. control over how data is sent 3.$.get eg: 3.$.post …

【JS】Intermediate1:The DOM

1.DOM(The Document Object Model) A way to manipulate the structure and style of an HTML page. It represents the internals of the page as the browser sees it, and allows the developer to alter it with JavaScript. 2.HTML is an XML-like structure To acc…

【翻译】ASP.NET Web API是什么？

原文 [翻译]ASP.NET Web API是什么? 说明:随微软ASP.NET MVC 4一起发布的还有一个框架,叫做ASP.NET Web API.目前国内关注这项技术的人似乎还很少,这方面的文章也不多见.开发Web应用程序也许可以只用MVC这样的技术,而不用这项Web API技术,但如果用了,会给你的应用程序带来极大的好处.为此,本人转载并翻译了以下这篇文章,后面还会陆续翻译该项技术的一些官方教程.大家一起学习,共同提高. Microsoft ASP.NET: What's This Ne…

【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跨域-被调用方与调用方解决方案（二）

解决跨域问题跨域问题说明,参考[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】 Javascript与HTML DOM的互动寻路

JS HTML DOM DOM的全程是Document Object Module,即文档对象模型.一般来说,当一个页面被加载时,浏览器会在内部创建一个当前文档的DOM.就像用python的Etree之类的模块解析xml文件时建立的对象一样,浏览器建立的DOM对象抽象了整个html文件,并且形成了一颗html元素的树. 而JS,就被赋予了和这种DOM互动的能力.也就是说,JS可以通过增删改查DOM来实现动态灵活地改变html内容.比如JS可以做到:更改html元素,更改html元素的属性,更改c…

【JS】327- javascript 的 api 设计原则

点击上方"前端自习课"关注,学习起来~ 前言本篇博文来自一次公司内部的前端分享,从多个方面讨论了在设计接口时遵循的原则,总共包含了七个大块.系卤煮自己总结的一些经验和教训.本篇博文同时也参考了其他一些文章,相关地址会在后面贴出来.很难做到详尽充实,如果有好的建议或者不对的地方,还望不吝赐教斧正. 一.接口的流畅性好的接口是流畅易懂的,他主要体现如下几个方面: 1. 简单操作某个元素的 css 属性,下面是原生的方法: 1document.querySelector('#id').…

Python开发【前端】：jQuery

jQuery简介 jQuery是一个快速.简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架).jQuery设计的宗旨是"write Less,Do More",即倡导写更少的代码,做更多的事情.它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作.事件处理.动画设计和Ajax交互. jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口:…

【JS】知识笔记

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

【treeview】基于jQuery的简单树形插件

[treeview] 效果图: 前几天想把后台的目录结构通过树形插件的方法反映到前端来,在网上搜了半天只找到了这个treeview,虽然不是很好看,不过还是够用的..用treeview的前提是要有jquery.treeview.js.jquery.treeview.css以及一些静态文件.这些可以通过网上去下载jquery-treeview这个包,解压缩后放到我们自己的项目下合适的目录即可.要注意必须把整个目录都拷贝过去,因为里面还有很多treeview要用的静态图片等等.然后在我们的HTML页…

【10】JMicro微服务-API网关

如非授权,禁止用于商业用途,转载请注明出处作者:mynewworldyyl 往下看前,建议完成前面1到9小节 1. Api网关基本特性: Api网关作为对外网提供服务的基本入口,地位类似于NGINX,在微服务中一个重要组成部分; Api网关需要支持如下几个最基本功能: a. 各种通讯协议接入,如HTTP,Socket,WebSocket: b. 如种语言客户端API,如JS,NodeJS,GO,C#,Java等: c. 负载均衡,为客户端请求在网关入口选择一个最合适的服务: d. 接口安全鉴权,…

【js】走近小程序

一.什么是小程序? 基于微信的可以为用户提供一些服务的web项目,利用微信提供的接口可以让所有开发者使用到微信的原生能力,去完成一些之前做不到或者难以做到的事情. 二.小程序开发工具以及语言? 小程序需要用到微信提供的小程序开发工具,小程序的主要开发语言是 JavaScript . 三.小程序与普通网页开发的区别? 网页开发渲染线程和脚本线程是互斥的,这也是为什么长时间的脚本运行可能会导致页面失去响应,而在小程序中,二者是分开的,分别运行在不同的线程中.网页开发者可以使用到各种浏览器暴露出来…

（转）【推荐】使用Jquery+EasyUI进行框架项目开发案例讲解之一---员工管理源码分享

原文地址:http://www.cnblogs.com/huyong/p/3334848.html 在开始讲解之前,我们先来看一下什么是Jquery EasyUI?jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面.开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解的只有一些简单的html标签.jQuery EasyUI为我们提供了大多数UI控件的…

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

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