上一期堡堡给大家分享了操作符与数据类型转换。掌握JS操作符的目的是为了能够灵活的操作变量，以便完成JS的各种逻辑处理；掌握数据类型转换可以让我们避免一些不该发生的问题，能够让我们更好的完成JS的各种功能。如果想具体了解操作符与数据类型转换，可以查看：操作符与数据类型转换。而今天我们主要讲解JS逻辑和DOM的结合 - JS设置标签的内容和样式。 Tips：由于上一期的文章篇幅过长，微信的文章有字数要求，所以小编把部分的内容（操作符）放到这一期进行讲解。 继上一期的内容 - 操作符 赋值操作符：=(赋值) +
ID选择器: 通过使用简单的$(#id)标识前缀,实现快速匹配指定ID的元素对象,具体用法如下.
JS与DOM的关系 浏览器有渲染html代码的功能，把html源码（如div,p标签等）在内存里形成一个DOM对象 文档对象模型DOM（Document Object Model）定义访问和处理HTM
当我们点击文字的时候会添加一个【p_text】class，对应的style就会生效。
通过document.getElementById('b1')找到id是b1的对象，然后把它的颜色设为红色
可以从Github下载：https://github.com/lokesh/lightbox2
CSS选择器匹配的第一个元素,一个 HTMLElement对象。 如果没有匹配到，则返回null。
类似于页面，一个自定义组件由json、wxml、wxss、js四个文件组成
JavaScript 一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型,属于网络的脚本语言,现在已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果,现在随着node.js引擎的出现,使得JavaScript逐步成为了一种全栈开发语言了.
准备 先要准备环境。搭建一个基于webpack的react环境：Hello ReactJS. 一些要点 我在想是否应该完整的记录照抄的过程呢。毕竟已经开始一段，前面的要不要补上？回头看以前写过的angularJS的博客，现在完全不会了，太久没用了。所以，还是记录基础以及关注的问题就好。 1.1 基本格式 react的模板文件后缀结尾为.jsx。 react可以采用html标签拼接的方式定义一个元素。比如： const element = Hello, world; 假设页面有个div: <
你或许听说过，快速入门就是要学最小必要知识。而我最近在看微信小程序的官方教程时发现，这个教程虽然简单，但对于微信小程序开发来说，80%的套路都能从这里学习到，你的小程序从0到1可以从这里实现突破。 小
但凡有两个函数完成的功能是相反的，比如一个显示一个隐藏，那么肯定会有第三个函数的效果是前两个函数的和。也就是说两个单词是反义词，那么肯定会有第三个单词，而且都和toggle有关。
3.我们编码时基本只需要操作react的虚拟DOM相关数据, react会转换为真实DOM变化而更新界。
目前市面上主流的前端三大框架（均开源）：Angular（Facebook主导的）、React（Github主导的）、Vue（尤雨溪个人项目，全球开发者社区维护）
自定义组件，类似于前面说到过的模板 template，但是比模板更加灵活，自定义组件可以定义自己的属性，使用起来也更加方便，但是用起来还是会有些限制，比如在自定义组件中我们只能在自定义组件中修改样式（wxss），不能在渲染界面进行更改样式等等。但是自定义组件有一个很大的好处，我们可以自己添加其他的组件，添加方法等等。总的来说，这也是一个很好用的组件。
一个JavaScript框架。简化JS开发。 jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨 是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优 化HTML文档操作、事件处理、动画设计和Ajax交互。 JavaScript框架：本质上就是一些js文件，封装了js的原生代码而已。
Web Components 是一套不同的技术，允许您创建可重用的定制元素（它们的功能封装在您的代码之外）并且在您的web应用中使用它们。
使用html()相当于原生javascript的innerHtml，即可以获取元素的之间的html内容，还可以创建新的html元素。
jQuery是开源软件，使用MIT许可证授权。 jQuery的语法设计使得许多操作变得容易，如操作文档对象（document）、选择文档对象模型（DOM）元素、创建动画效果、处理事件、以及开发Ajax程序。jQuery也提供了给开发人员在其上创建插件的能力。这使开发人员可以对底层交互与动画、高级效果和高级主题化的组件进行抽象化。模块化的方式使jQuery函数库能够创建功能强大的动态网页以及网络应用程序。
API 是一个更广义的概念. 而 WebAPI 是一个更具体的概念, 特指 DOM+BOM 所谓的 API 本质上就是一些现成的函数/对象, 让程序猿拿来就用, 方便开发. 具体可查看: API参考文档
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方式增强真实对象。通过修改代理传入的参数，返回值，和方法体，进行增强和修改。
作为一个前端小白，入门跟着这四个来源学习，感谢作者的分享，在其基础上，通过自己的理解，梳理出的知识点，或许有遗漏，或许有些理解是错误的，如有发现，欢迎指点下。
这种方法就类似于一个栈结构,最后push进去的URL会在栈顶,然后history.back()的时候就会出栈,也就会返回到我们上一个push进去的URL中
Web API 是指网页服务器或者网页浏览器的应用程序接口。简单来讲，就是我们在编写 JavaScript 代码时，可以通过 Web API 来操作 HTML 网页和浏览器。
因为才刚开始学js，所以很多话不敢说的太绝对，就加上了“基本，大概，可能”这样的形容词。
基本要求 一个riot标签，就是展现和逻辑的组合（也就是html和JS） 以下是编写riot标签最基本的规则： 先撰写HTML，再撰写JS，JS代码可以写在<script>标签内部，但这并不是必须的； 当riot标签定义在document body之内时，其内部不能使用script标签； 当riot标签定义在单独的文件中时，其内部才可以使用script标签； 如果JS代码没有写在<script>标签内部， 那我们就认为最后一个HTML标签结尾之后就是JS代码； riot标签可以是空的，或者只有HTML，或者
JavaScript，弱类型脚本语言，增强交互和用户体验提高效率等。JavaScript=ECMAScript+JavaScript特有的内容（BOM对象+DOM对象） ECMAScript：与html结合：内部JS（script标签定义，在html文档内部，按位置先后执行），外部JS（script标签引入src元素）， 注释：当行//，多行/**/，数据类型：原始数据类型（基本，number[整数，小数，NaN not a number]，string，boolean，null，undefined），引用数据类型（对象） 变量，var定义，开辟空间不定义类型。赋值可改变类型。document.write输出，添加标签字符串换行。typeof(变量)关键字，打印数据类型（null是一个object的bug）。 运算符，一元运算符：++，--，+-（正号,负号[可以将其他类型转number，无法转换为NaN]），算数运算符：+-*/%，赋值运算符=，+=，-=，比较运算符：>，>=，<，<=，==，!=，类型不同则转换类型比较，===（不转换类型比较）。
font-size、font-family、font-style、font-weight
vue 前端 javascript 框架 作用: 简化页面js操作 双向绑定 机制 vue 前后端分离基础
https://blog.csdn.net/chenmozhe22/article/details/80035871
我们在HTML里面的标签上面一般都有属性，比如 div标签，这个div标签里面有class的属性，但是之前标签的属性都是写死的，现在想要动态的显示，那么就需要使用vue了，那么对于标签的属性，现在就需要使用 v-bind 指令。这个指令就是 绑定属性的。
对于一个多人团队来说，制定一个统一的规范是必要的，因为个性化的东西无法产生良好的聚合效果，规范化可以提高编码工作效率，使代码保持统一的风格，以便于代码整合和后期维护。
<1> jQuery由美国人John Resig创建，至今已吸引了来自世界各地的众多 javascript高手加入其team。
自定义组件由 json、wxml、wxss、js 四个文件组成，我们通常是在根目录下创建一个文件夹——components，在该文件夹中存放我们自定义的公共组件。
前言 在打开页面上链接的时候，经常会弹出另外一个窗口（多窗口情况前面这篇有讲解：Selenium2+python自动化13-多窗口、句柄（handle）），这样在多个窗口之间来回切换比较复杂，那么有没有办法让新打开的链接在一个窗口打开呢？ 要解决这个问题，得从html源码上找到原因，然后修改元素属性才能解决。很显然js在这方面是万能的，于是本篇得依靠万能的js大哥了。 一、多窗口情况 1.在打baidu的网站链接时，会重新打开一个窗口 (注意：我的百度页面是已登录状态，没登录时候是不会重新打开窗
Object.defineProperty()方法是整个vue2的核心，包括数据劫持、数据代理、计算属性都会用到这个方法，后面用到时具体再讲。数据代理就是通过一个对象代理对另一个对象中属性的操作（读/写），今天先回顾一下该方法的使用。
1、 前端基础知识 文件分类 XML(扩展标记语言) 装载有格式的数据信息,用于各个框架和技术的配置文件描述 特点: 扩展名为.xml 内容区分大小写 标签要成对出现,形成容器,只能有一个 标签
根据公司业务要求而定，一般： 主流程测试：Chrome 30+、IE9+； 完整测试： Chrome 21、IE8+、360浏览器、微信webview/QQ手机浏览器。
本教程针对零基础同学，讲解网站开发三个基础技术：HTML、CSS、JS，带你快速入门！
项目中的组件多了之后，全都写在一个地方，就会显得很乱，这时候我们就可以将每个组件放到单独的js 文件中去。
HTML 是一种定义内容结构的标记语言。HTML由一系列元素组成，您可以使用这些元素来包含或包装内容的不同部分，以使其以某种方式显示或以某种方式执行。封闭的标签可以使单词或图像超链接到其他位置，可以斜体化单词，可以使字体变大或变小，等等；
本节学习目标 如何自定义一个组件 什么时候该自定义组件? 当weex提供给我们的默认组件满足不了我们的需求的时候这个时候,就需要自定义组件了。 下面就以iOS 自定义组件为例演示一下 如何自定义
在此之前我们已经编写了 Blog 的首页视图，并且配置了 URL 和模板，让 Django 能够正确地处理 HTTP 请求并返回合适的 HTTP 响应。不过我们仅仅在首页返回了一句话：欢迎访问我的博客。这是个 Hello World 级别的视图函数，我们需要编写真正的首页视图函数，当用户访问我们的博客首页时，他将看到我们发表的博客文章列表，就像 演示项目 里展示的这样。 首页视图函数 上一节我们阐明了 Django 的开发流程。即首先配置 URL，把 URL 和相应的视图函数绑定，一般写在 urls.py
let是局部变量（在他所在的代码块可用），const是常量，var是全局变量（前两个是ES6的，因为前面两个更加严谨，var被抛弃（貌似））
你或许听说过，快速入门就是要学最小必要知识。而我最近在看微信小程序的官方教程时发现，这个教程虽然简单，但对于微信小程序开发来说，80%的套路都能从这里学习到，你的小程序从0到1可以从这里实现突破。 一个页面=4个文件 小程序的每个页面都是由4个文件组成的 ，前两个最重要，是我们的重头戏。先给这几个文件一个简短的解释： js 文件——数据来源； wxml 文件——页面的骨架； wxss 文件——页面的装饰效果； json 文件——可选，配置页面上的零件。 另外，本文的目标读者是真心想要尝试小程序的无经验开发者
ps:.offset()方法允许我们检索一个元素相对于文档（document）的当前位置，和 .position()的差别在于： .position()是相对于相对于父级元素的位移；
作用:使用 v-on 指令绑定 DOM 事件，并在事件被触发时执行一些 JavaScript 代码。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
云直播
对象存储
