一、JQurey 1. 概述 * 是 javaScript 的框架 2. js与jq的互转 * js ---> jq $(js) * jq ---> js jq[索引]、jq.get(索引) # jq 可以看成是 js 的数组对象 3. jq选择器 ① 基本选择器 * $("#id") id选择器 * $(".class") 类选择器 * $("body") 元素选择器 ② 层级选择器 * $("A
jQuery 本质上虽然也是 JS，但如果想使用 jQuery 的属性和方法那么必须保证对象是 jQuery 对象，而不是 JS 方式获得的 DOM 对象，二者的 API 方法不能混合使用，若想使用对方的 API，需要进行对象的转换。
一个html页面由那几部分组成的？ html(超文本标记语言)、css(层叠样式表)、js(动态脚本语言)(操作页面上所有元素，让元素具有动态的效果) 前端工程师工作的内容： 拿到UI设计图：切图---->html+css静态布局----->用js写一些动态效果----->ajax和后台进行交互，把数据绑定到页面上---->用nodejs服务平台做源代码的管理---->用nodejs做后台 用到的开发工具有： Dw、sublime、webstrom、hbuild、eclipse...... 将css引
Java是一种OOP编程语言, 它创建在虚拟机或浏览器中运行的应用程序, 需要编译Java代码。 JavaScript是一种OOP脚本语言, 代码只在浏览器上运行, JS代码都是文本的形式。
//这个系列的到目前为止，可能以后一段时间内，都是《JavaScript权威指南》的学习笔记。 （一） 对象 对象是JS的基本数据类型，类似于python的字典。然而对象不仅仅是键值对的映射，除了可以保持自有的属性，JS对象还可以从一个称为原型的对象继承属性，对象的方法通常是继承的属性。（这种对象之间属性的继承，应该就是JS对象和Python字典的主要区别）。还有另一个区别就是，JS对象可以设置属性特性，这里先跳过。 除了字符串、数字、true、false、null和undefined之外，JS的值都是对象
在上一篇文章《JS基础知识点(一)》中我们学习了什么是js、js写法、js数据类型、js的函数。在本篇文章中我们将学习重要的部分：面向对象以及常用对象(math、date、string等)的方法
Hello小伙伴们，我又来啦，今天我们要继续我们JavaScript的入门总结第二弹！！！
JavaScript 是一种轻量级的解释型编程语言，具有面向对象的特性，允许各位在其他静态HTML页面中构建交互性。 该语言的通用核心已嵌入Netscape，Internet Explorer和其他Web浏览器中。
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本篇主要讲下对象的属性与方法的修改问题。由于js中修改对象的属性和方法简直容易至极，所以任何人都可以更改js中的具有可访问可修改权限的对象。这就带来极大的风险，容易造成各种奇葩的bug问题且难以排查，更别说如果是多人协同开发的情况下，某个人改动已有方法时，一旦产生bug，且被其他维护，那找起问题根源的麻烦程度简直是想要杀人的。
谷歌 webkit 国内常用 谷歌 qq浏览器 gecko 火狐 presto Open trident IE 控制台结构 Elememts: 查看结构样式，可以在线修改调试 Console: 查看输出结果和报错信息，是js调试利器 Sources: 查看项目源码，目录结构。 Network: 查看当前网站所有资源的请求信息（包括和服务器的HTTP报文信息）、加载时间等（项目优化） Application: 查看当前网络数据存储和资源文件（盗图偷数据~~） JS做客户端语言（node.js） 按照相关的
JQuery 基础： 1. 概念： 一个JavaScript框架。简化JS开发 * jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨 是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优 化HTML文档操作、事件处理、动画设计和Ajax交互。
在JavaScript中，闭包常被用来创建私有变量和封装功能。通过在外部函数内定义变量，并返回内部函数来访问和修改这些变量，您可以控制数据的可见性和操作性。这使您能够实现信息隐藏，避免全局命名空间的污染。闭包能够帮助您实现数据的封装和保护。
一个JavaScript框架。简化JS开发。 jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨 是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优 化HTML文档操作、事件处理、动画设计和Ajax交互。 JavaScript框架：本质上就是一些js文件，封装了js的原生代码而已。
在js里面需要获取到input里面的值，如果把script标签放到head 里面会出现问题。
引入了jquery-1.4.2.js文件可以从网上下,或者从我这里下,无需积分免费下载:jquery-1.4.2.js
文本主要介绍文档对象模型(DOM),了解什么是DOM操作，以及如何使用砶 DOM API 与 JS 中的 Web 页面进行交互。
jQuery 是一个优秀的 JavaScript 库，是一个由 JohnResig 创建于 2006 年 1 月的开源项目。现在的 jQuery 团队主要包括核心库、UI 和插件等开发人员以及推广和网站设计维护人员。团队中有 3 个核心人物：John Resig、Brandon Aaron 和 Jorn Zaefferer。 jQuery 凭借简洁的语法和跨平台的兼容性，极大地简化了JavaScript 开发人员遍历 HTML 文档、操作 DOM、处理事件、执行动画和开发 Ajax 的操作。其独特而又优雅的代码风格改变了 JavaScript 程序员的设计思路和编写程序的方式。
在我们前面的文章中已经深入学了HTML和CSS，在网页设计中我们已经有能力完成一个美观的网页框架
在面试的过程中也会问到：请阐述vue2的响应式原理？，凡是出现阐述或者理解，一般都是知无不言言无不尽，知道多少说多少。接下来，我来谈谈自己的理解，切记不要去背，一定要理解之后，用自己的语言来描述出来。
【如果大家对程序员，web前端感兴趣，想要学习的，关注一下小编吧。加群：731771211。免费赠送web前端系统的学习资料！！前端学习必备公众号ID：mtbcxx】
JavaScript 《JavaScript权威指南》 jQuery和Ajax
【注意】：prop和attr的区别，如果操作的是元素的固有属性（非自定义的），建议使用prop；若是自定义属性，建议用attr。
JQuery基础： 1. 概念： * 一个JavaScript框架，简化JS开发。 * jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。 * JavaScript
对象是某个特定引用类型的实例。新对象是使用 new 操作符跟一个 构造函数来创建的。构造函数本身就是一个函数，只不过该函数是出于创建新对象的目的而定义的，如下：
Filter过滤器：客户端在请求服务器资源前和返回响应，会通过过滤器，以拦截请求完成特殊功能。登录校验、统一编码校验等一些通用操作放置到过滤器。 定义类实现接口Filter（javax.servlet），复写方法（init（服务器启动调用），doFilter（写入FilterChain.doFilter进入方法放行，之后的代码为返回响应执行的信息），destory（服务器关闭前执行）），配置拦截路径（@WebFilter（/*为所有资源都拦截））。 web.xml配置（WEB_INF下），配置filter标签下的filter-name，filter-class。配置filter-mapping标签下url-pattern，filter-name。也可直接用注解@WebFilter配置即可。 配置详解：拦截路径配置（具体资源路径、目录/xxx/*、后缀*.jsp，所有资源/*等）。 配置符合请求方式访问资源前进行的拦截（REQUEST浏览器直接请求，FORWARD转发访问资源，INCLUDE包含访问资源，ERROR跳转资源，ASYNC异步访问资源），使用注解的dispatcherType（可传入数组）。 也可配置web.xml的dispatcher标签拦截符合条件的资源被访问方式。 过滤器链（多个过滤器），资源进入通过的过滤器和返回的顺序相反。使用注解：过滤器执行的先后使用类名字符串比较（如AFilter，BFilter等）顺序执行。使用web.xml：filter-mapping的先后顺序执行 设置登录校验，可以在Filter中对指定页面校验session值判断放行和跳转等。敏感词汇过滤：使用装饰模式、代理模式等来增强request。在代理模式中使用代理对象代理真实对象达到增强真实对象，代理中增强返回值为。 静态代理使用类文件描述代理模式，动态代理在内存中形成代理类。代理对象和真实对象实现相同接口，使用Proxy的newInstance获取代理对象（传入如：lenovo. getClass(). getClassLoader(), lenovo. getClass(). getInterfaces(), new InvocationHandler( )，然后重写invoke），使用代理对象获取真实。 proxy为代理对象，method为代理对象被调用的方法，args为被调用时传递的参数。invoke中写入Object obj=method.invoke(xxx,args);return obj方式增强真实对象。通过修改代理传入的参数，返回值，和方法体，进行增强和修改。
大家好，我是架构君，一个会写代码吟诗的架构师。今天说一说Javascript的精华啊【如果以后我看到了或者想到了再继续补吧】[通俗易懂],希望能够帮助大家进步!!!
theme: healer-readable highlight: a11y-dark
-多年互联网运维工作经验，曾负责过大规模集群架构自动化运维管理工作。 -擅长Web集群架构与自动化运维，曾负责国内某大型金融公司运维工作。 -devops项目经理兼DBA。 -开发过一套自动化运维平台（功能如下）： 1)整合了各个公有云API，自主创建云主机。 2)ELK自动化收集日志功能。 3)Saltstack自动化运维统一配置管理工具。 4)Git、Jenkins自动化代码上线及自动化测试平台。 5)堡垒机，连接Linux、Windows平台及日志审计。 6)SQL执行及审批流程。 7)慢查询日志分析web界面。
apply的参数是数组形式，call的参数是单个的值，除此之外在使用上没有差别，重点理解这两个函数调用的this改变
window是一个全局对象，其实就是相当于那个对象调用这个函数，那么这个函数里面的隐式参数this就是当前调用这个函数的对象
此外还有类似功能的slideDown,slideUp,slideTaggle表示滑动显示或隐藏
做自动化过程中，会发现有的按钮点击不了，或者点击没有反应，也没有报错，或者不能处理滚动条等场景，我们可以通过JavaScript定位来解决这些问题。
首先提供一个知识点外资源： 在线编程：无需编程环境： https://codepen.io/pen 添加jQuery库： Settings-->JavaScript-->quick-add-->jQuery jQuery： 基于js研发的封装库：可以屏蔽之前书写js代码考虑浏览器兼容性的问题。问题交给框架的编写者 企业生成环境经常使用js库jQuery是以后学习其他封装的基础库，99%企业都在使用jQuery 高级库： Bootstrap（http://www.bootcss.com/
let是局部变量（在他所在的代码块可用），const是常量，var是全局变量（前两个是ES6的，因为前面两个更加严谨，var被抛弃（貌似））
vue 最核心的卖点是数据驱动和组件。浏览器原生提供的交互是通过dom api来修改dom元素，由于浏览器兼容性问题后面的框架如jquery对原生的api进行了一层的封装以屏蔽浏览器的差异性，但并未作出实质的改变。想想这个过程，通常是数据发生变化，js根据变化的情况进行判断而后操作dom。dom变动的本质实际根本上实际是由数据驱动，我在第一家公司数字政通(egova)首次接触了的此类框架knockout。
2、对象除了可以保持自有的属性，还可以从一个称为原型的对象继承属性。其中，原型链继承是JavaScript的核心特征。 3、对象是动态的，可以增加或删除属性。 4、除了字符串、数值、true、false、null和undefined，其它值都是对象。 5、对象最常见的用法是对其属性进行创建、设置、查找、删除、检测和枚举等操作。
Vue.js比较好用的一点是双向数据绑定，而双向数据绑定的实现就是Object.defineProperty()，在探索这个方法之前，我们先用代码实现一个简易的数据响应。
利用JS来控制页面控件的显示和隐藏有两种方法，两种方法分别利用HTML的style中的两个属性，两种方法的不同之处在于控件隐藏后是否还在页面上占空位。
Darkmode.js运用的是CSS里面的一个特性叫mix-blend-mode ，这个 属性描述了元素的内容应该与元素的直系父元素的内容和元素的背景如何混合，再加上Javascript的辅助判断哪些页面上的元素需要黑化的，哪些是不需要黑化的。
照常的周五TestOps测试运维课程总结时间~在上周六的全天课程以及周三晚上的复习答疑课程，我们一起学习了Python面向对象编程，以及关于web开发、UI自动化必备基础——前端知识。
MVX模式简介： MVX框架模式：MVC+MVP+MVVM MVC: Model模型+View视图+Controller控制器
这是前端的JavaScript和JQuery的基础使用，对于日常使用来说，这些代码足够了。我写代码的时候经常忘记，写下常用的代码，用的时候直接看这些，免得再去百度了。文章内容以例子为主，一个例子胜过千言万语。
http://www.cnblogs.com/gaojun/p/3386552.html
JavaScript中函数也是一个对象，那么对象中就可以有属性和方法，他有一些默认的属性
2、如何操作属性 对象.属性名称 = 值 对象.属性名称 对象[‘属性名称’] = 值 对象[‘属性名称’] Javascript
练习9： ² 点击button 打印radio checkbox select 中选中项的值 <script type="text/javascript" src="../jquery-1.8.3.min.js"></script> <script type="text/javascript"> $(function(){ // 点击button 打印radio checkbox select 中选中项的值 $("#mybutton").click(function(){ // 打印选中性别的值 $("in
JQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨 是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
