vue2版本中文文档：https://v2.cn.vuejs.org/v2/guide/
vue 前端 javascript 框架 作用: 简化页面js操作 双向绑定 机制 vue 前后端分离基础
JavaScript 中的几乎所有事务都是对象：字符串、数字、数组、日期、函数，等等。
一、数据绑定不一定就是使用双大括号 “{{}}” 语法 我们都知道，Vue.js 最常见的数据绑定方式是使用“Mustache”语法（双大括号），AngularJs和微信小程序都是如此，但是需要注意的是，在 Vue.js 中双大括号可不能随便乱用，否则可能导致语法错误。 通常情况下，在下面几种情况中不能使用双大括号语法进行数据绑定： 1. 标签属性值的绑定 对于标签属性值的数据绑定，我们可以使用Vue.js提供的 指令，该指令用法很简单，直接在需要进行数据绑定的属性名前加上 即可，当然也可直接简写为
举例：v-bind:href=“xxx” 或 简写为 :href=“xxx”，xxx同样要写js表达式，且可以直接读取到data中的所有属性
看了上面的两个案例我想大家应该就知道为什么 React 要打造 jsx 了，因为他写模板就像我们写原生 html 一样，但是因为我们浏览器是不认识 jsx 的，最终还是会通过 babel 编译成 js 写的那样，所以说 jsx 是原生 js 创建虚拟 DOM 的语法糖
闲着没事写写单页，免得忘了老底，结果写着写着，发现我把HTML里的href和src又搞混了，想了想干脆写篇博客记下来，毕竟好记性不如烂笔头嘛。
接下来我们分别用 js 和 jsx 创建一个span标签中包裹Hello React的小例子
代码示例：跳转到https://www.acai.cloud地址时用浏览器空白标签页打开
DOM全称为 “Document Object Model”，文档对象模型，提供操作HTML文档的方法。（注：每个html文件在浏览器中都视为一篇文档,操作文档实际就是操作页面元素。）
1) 遇到 <开头的代码, 以标签的语法解析: html同名标签转换为html同名元素, 其它标签需要特别解析
简介 attribute和property都有属性之意，但对于attribute和property的区分其实并不难。从对象来说，attribute是html文档上标签属性， 而property则是对应dom元素的自身属性。从操作方法上来看，attribute可以通过dom core规范的接口 getAttribute和setAttribute 进行获取修改，而property可以通过对象访问属性的方式 . 或者 [" "]来修改获取。 但是对于ie6，7,8（Q）模式下，会与标准w3c浏览器发生兼容性问题
不知道各位是都了解 instant.page 网站预加载的脚本，至少我是不知道的，我之前接触过“dns-prefetch”标签，也在部分模板集成了接口，昨天看彧繎博客发现这个这个 instant.page 标签，是的，感觉很新奇啊，这是什么造型，干啥的呢？小朋友你四不四有很多问号？于是乎我就度娘了一下，发现它的作用是可以预加载，用户想访问的页面，用户点击网站链接之前，他们将鼠标悬停在该链接上。当用户徘徊 65 毫秒时，当用户真正点击链接后，就会直接从缓存中读取，以此提升网站的访问速度，因此 instant.page 此时开始预加载，平均超过 300 毫秒，instant.page 是渐进式增强 ，对不支持它的浏览器没有影响。
W3C：万维网联盟（ World Wide Web Consortium），其定义了网页有三部分组成：结构（Structure）、表现（Presentation）、行为（Behavior），分别对应三个标准： （1）结构标准主要包括：XHTML、XML等。 （2）表现标准主要包括：CSS等。 （3）行为标准主要包括：W3C DOM、ECMAScript等。
3.我们编码时基本只需要操作react的虚拟DOM相关数据, react会转换为真实DOM变化而更新界。
浏览器端用JS创建和下载文件 Write By CS逍遥剑仙 我的主页: www.csxiaoyao.com GitHub: github.com/csxiaoyaojianxian Email: sunjianfeng@csxiaoyao.com QQ: 1724338257 目录导航 浏览器端用JS创建和下载文件 1 需求 2 解决方案 2.1 下载取代加载：H5标签属性 2.2 生成文件：DataURI 3 改进方案 1 需求 前端需要把获取的数
1、独立版本 我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 script 标签引入。
众所周知，网络安全风险评估从设备识别开始，所以能否对物联网设备进行精准的识别对物联网安全研究有着重要意义。在我的上一篇《物联网资产识别方法研究综述》中已经介绍了物联网资产的相关识别方法。在文章的最后提到了以一种基于机器学习与人工标记相结合的方法对物联网资产精确识别。如果采用机器学习的方法来解决识别，那么描绘物联网资产的特征就变得尤为重要。接下来本文就来介绍开放HTTP服务的物联网设备的特征。
说明：如果绑定属性时前面加上v-bind:就会使得vue把后面“”里面的东西看作一个js表达式来执行！
Q:a标签target="_blank"的安全问题及解决办法 答:A标签的target属性规定在何处如何打开链接文档常用的有_self & _blank,如果在一个 A 标签内包含一个 target 属性，浏览器将会载入和显示用这个标签的 href 属性命名的、名称与这个目标吻合的框架或者窗口中的文档,如果这个指定名称或 id 的框架或者窗口不存在，浏览器将打开一个新的窗口，给这个窗口一个指定的标记，然后超链接文档就可以指向这个新的窗口。您可以把target=”_blank”理解为新的浏览器窗口打开此超链接;
上一篇我们使用了简单的数据渲染，那么如果说我们想要动态渲染标签的 class 可以这么操作么？
react是前端三大开发框架之一，是一套UI引擎，是DOM的抽象层，并不是web应用的完整解决方案。它遵循组件设计模式、声明式编程范式和函数式编程的概念，使用虚拟DOM有效的操作DOM，并且遵循从高阶组件到低阶组件的单向数据流，从而使前端应用程序达到高效。
时隔几天，小朱又和大家见面了，带领大家继续我们的jQuery之旅，上次说到如果jQuery框架与prototype框架同时引用需要处理好控制权的问题，对于这个不常见的问题，小朱就和大家说说jQuery的快捷自定义方式，学会之后处理各种冲突问题就容易多了。操作很简单，只是一个赋值语句，例如:var j = jQuery.noConflict();这样我们就可以把"j."当作"jQuery."来使用，而把有冲突的
概念：Vue (读音 /vjuː/，类似于 view) 是一套 **构建用户界面 ** 的 渐进式 框架
概念：Vue (读音 /vjuː/，类似于 view) 是一套 构建用户界面 的 渐进式 框架
React 是一个用于构建用户界面（UI，对咱们前端来说，简单理解为：HTML 页面）的 JavaScript 库
<tag>(..) 等价于 <tag>.find_all(..) soup(..) 等价于 soup.find_all(..)
Web API 是指网页服务器或者网页浏览器的应用程序接口。简单来讲，就是我们在编写 JavaScript 代码时，可以通过 Web API 来操作 HTML 网页和浏览器。
一、自定义标签： 使用标签的好处：使用方便、简洁、实现代码重用 二、自定义标签的形式： 1、标签属性： 2、标签体 （1）无标签体――空标签 （2）有标签体 · 普通文本 · 脚本片断 · 脚本表达式 · EL表达式 · 嵌套标签――子标签 标签体的类型：无默认值，必须指定 三、自定义标签的开发步骤： 1、编写java类――标签处理器 2、编写自定义标签描述文件tld文件 3、在web应用中部署和安装自定义标签库 4、在jsp页面中导入和
首先 , 创建 FileWriter 对象 , 之后用于将生成的 xml 数据输出到文件中 ;
和插值表达式（{{}}）一样，用于获取vue实例中data属性声明的数据。用法是在哪个标签上获取就直接在哪个标签上定义v-text或者是v-html。相当于javascript中的innerText。直接将获取的数据直接渲染到指定标签中。
5. video元素允许多个source元素。source元素可以连接不同的视频文件，浏览器将会使用第一个可识别的格式
可以在js里面建个相应文件夹放置，也可分开放置，若图片与其他文件分开记得修改css里面的图片链接地址。
本篇博文是《Vue.js 打怪升级之路》中入门系列的第二篇博文，主要内容是探索插值表达式和响应式特性的奥秘，深入学习其中的语法和用法，了解如何将数据动态地展示在页面上，往期系列文章请访问博主的 Vue 专栏，博文中的所有代码全部收集在博主的 GitHub 仓库中；
① 对象 → 键就是类名，值是布尔值。如果值为 true，有这个类，否则没有这个类
基于canvas，通过toDataURL动态生成base64图片。目前我主题的Gravatar头像，就是利用这个LetterAvatar脚本实现未设置Gravatar头像则读取ALT标签，自动生成首字图片替代默认的头像图片。
1. 属性的操作 首先获取的页面标签元素，然后就可以对页面标签元素的属性进行操作，属性的操作包括: 属性的读取 属性的设置 属性名在js中的写法 html的属性和js里面属性大多数写法一样，但是“class” 属性写成 “className” “style” 属性里面的属性，有横杠的改成驼峰式，比如：“font-size”，改成”style.fontSize” <style> .sty01{ font-size:20px; color:red; } .
（1）引用样式的对象：指的是需要引用该样式的ＨＴＭＬ标签，可以是一个或多个标签，需要注意的是，这里使用的是去掉尖括号的标签名。例如，ｐ、table等，而不是＜p＞、＜table＞。 （2）标签属性：属性值——这是一一对应的，每个属性与属性值对之间用分号隔开。要说明的是，CSS的属性设置与脚本语言的属性设置有一点不同，即属性名称的写法不同。在CSS中，凡属性名为两个或两个以上的单词构成时，单词之间以“-”隔开，如背景颜色属性background-color。 例如，“< h1>< /h1>标签和< h2>< /h2>标签内的文本居中显示，并采用蓝色字体”的样式表为：
在上一篇博客 【Groovy】xml 序列化 ( 使用 MarkupBuilder 生成 xml 数据 ) 生成的 xml 文件基础上 , 如果要在标签下 , 创建子标签 , 如下的 <team> 标签下再创建 <member> 标签 ;
当<component>展示的组件A被隐藏，而要展示组件B时，通常会直接销毁组件A。下次展示组件A时，再重新创建。在组件A和B要频繁切换的情况，会造成一定的损耗。
# 🍈 一、什么是 jsx jsx 全称叫做 JavaScript XML 是React 定义的一种类似于 XML 的 js 扩展语法：JS+XML 本质是 React.createElment(标签名, 标签属性, 标签体内容) 方法的语法糖 # 🍧二、什么是 XML XML 早期用于存储和传输数据 <student> <name>TOM</name> <age>18</age> </student> # ☕三、jsx 语法规则 数据写死 // 创建虚拟 DOM const VDOM =
html 页面引入vue.js 之后，全局配置一下，将浏览器控制台的开发者版本的提示给关闭
在之前的博客中 , 使用 MarkupBuilder 生成 xml 数据 , 其原理是 DOM 解析 ;
DOM是一门技术,是文档对象模型.所需的文档只有标记型文档,如我们所学的html文档(文档中的所有标签都封装成为对象了)
1.英文官网: https://reactjs.org/ 2.中文官网: https://react.docschina.org/
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]），算数运算符：+-*/%，赋值运算符=，+=，-=，比较运算符：>，>=，<，<=，==，!=，类型不同则转换类型比较，===（不转换类型比较）。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
