对节点的操作 查找节点 查找节点可以直接利用jQuery选择器来完成，非常便利。 插入节点 jQuery提供了8种插入节点的方法。 序号 方法 描述 实例 1 append() 向每个匹配的元素内部
v-html 指令可以用于任何元素，它会将元素的内容替换为绑定的数据，并解析其中的 HTML 标签。用法如下：
JavaScript的 DOM 操作可以改变网页内容、结构和样式，我们可以利用 DOM 操作元素来改变元素里面的内容、属性等。（注意：这些操作都是通过元素对象的属性实现的）
当你在浏览器中打开网页时，浏览器会接收网页的 HTML 文本并进行解析，其解析方式与第 11 章中介绍的解析器非常相似。浏览器构建文档结构的模型，并使用该模型在屏幕上绘制页面。
HTML 1、Doctype作用？标准模式与兼容模式各有什么区别? （1）、<!DOCTYPE>声明位于位于HTML文档中的第一行，处于<html> 标签之前。告知浏览器的解析器用什么文档标准解析这
通过 nmp 安装相关依赖，进入vs code ，找到文件，右键点击在集成终端中打开，输入命令npm i进行安装；并且安装npm i vue@2.6.10
DOM 在 JavaScript 课程中我们详细的探讨过，它是一种文档对象模型。方便开发者对 HTML 结构元素内容进行展示和修改。在 JavaScript 中，DOM 不但内容庞大繁杂，而且我们开发的过程中需要考虑更多的兼容性、扩展性。
DOM（Document Object Model）即文档对象模型，针对HTML和XML文档的API（应用程序接口）。 一．DOM介绍 DOM中的三个字母，D（文档）可以理解为整个Web加载的网页文档；O（对象）可以理解为类似window对象之类的东西，可以调用属性和方法，这里我们说的是document对象；M（模型）可以理解为网页文档的树型结构。 DOM有三个等级，分别是DOM1、DOM2、DOM3，并且DOM1在1998年10月成为W3C标准。DOM1所支持的浏览器包括IE6+、Firefox、Safa
组件的最大特性就是复用性，而用好插槽能大大提高组件的可复用能力 匿名插槽 <alert-box>有bug发生</alert-box> <alert-box>有一个警告</alert-box> <alert-box></alert-box> <script t
作用：为文本添加特殊格式，以突出重点。常见的文本格式：加粗、倾斜、下划线、删除线等。
2、 修改build/webpack.base.conf.js文件，通过externals选项加载外部扩展，引入依赖库，不需要webpack处理
- 事件 - 表单提交(掌握) "onsubmit" - 单击事件(掌握) "onclick" - 页面加载成功事件(掌握) "onload" - 焦点事件:(掌握) - 获取焦点 "onfocus" - 失去焦点 "onblur" - 表单事件(了解) - ondblclick 双击事件 - onreset; 重置 - onchange; 改变
1.组件插槽 组件插槽的作用 父组件向子组件传递内容 组件的最大特性就是复用性，而用好插槽能大大提高组件的可复用能力 1.1组件插槽基本用法 1.插槽位置 2.插槽内容 1.2匿名插槽 <alert-box>有bug发生</alert-box> <alert-box>有一个警告</alert-box> <al02
tips：window.onload 和 $(function)异同：两者的功能相同，都是等到页面加载结束之后，再执行内部的代码。但是有一定的区别，主要是window.onload只能定义一次，如果定义多次，后边的会将前边的覆盖掉，$(function)可以定义多次的。
HTML5学堂（码匠）：一个简洁实用的投票效果如何使用原生JS来进行实现呢？同时动画显示比例的形式又需要依靠哪些技术来实现？是数学对象还是字符串操作，又或者是计时器加上函数封装吗？ 本文主要内容 1. 效果展示与结构搭建 2. 实现投票计算功能 3. 数学对象、字符串转换方法等 4. 动画显示比例条 1. 效果展示与结构搭建 1.1 效果展示 使用表单元素搭建允许用户进行数据录入的结构，配合上逻辑强大、功能丰富的原生JS，实现完整的投票计算功能，其主要功能包括：数据计算、动画展示结果、数据格式的判断等。具体
AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。也就是在不重新加载整个页面的情况下，浏览器可以与服务器交换数据并更新部分网页内容，大大提升用户的体验。例如在百度输入框中输入一个关键字，会通过ajax请求数据返回内容；新浪微博的点赞等都用到了Ajax技术。
说到JavaScript脚本，iOS开发者都会想到一个名叫JavaScriptCore的框架。这个框架的确十分强大，其中封装了一套JavaScript运行环境以及Native与JS数据类型之间的转换桥梁。本篇博客主要讨论如何使用此框架来在iOS应用中运行JavaScript脚本。
你一定不知道，在前端代码规范上，还有SEO代码规范，作为学习前端的你稍后了解呢？SEO代码规范一方面是为了获取流量，如果你能运用的炉火纯青，在移动端和PC端网站应用上，那么你就可以找老板谈谈了，有了排名，有了流量，就可以拿提成了！
jQuery学习笔记之DOM操作、事件绑定（2） ————————————————————学习目录———————————————————————— 4.DOM操作 5.事件绑定
如果格式有问题，可以直接在这里进行查看 https://www.yuque.com/shuangguidaidan/ft6o18/tcu448
前言 textContent、innerText 和 innerHTML 三个方法的使用场景和区别 textContent 和 innerText IE 浏览器最早引入了innerText， 虽然是IE浏览器私有属性，但是其他很多浏览器也支持了。提到IE，必然是坑！ 火狐浏览器把innerText换成了textContent , 但其他浏览器上面,也是可以使用textContent。 使用区别： textContent 用来设置或获取某个元素内所有文本内容，包含子元素内容，隐藏元素也能获取。 innerTe
html5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分 HTML 和 HTML5？
HTML5 不基于 SGML，因此不需要对DTD进行引用，但是需要doctype来规范浏览器的行为（让浏览器按照它们该有的方式来运行） 而HTML4.01基于SGML,所以需要对DTD进行引用，才能告知浏览器文档所使用的文档类型。
前文回顾 riot.js教程【三】访问DOM元素、使用jquery、mount输入参数、riotjs标签的生命周期； riot.js教程【二】组件撰写准则、预处理器、标签样式和装配方法； riot.js教程【一】简介； 共享Mixins 混合开发可以使你很好的复用代码，如下所示： var OptsMixin = { // the `opts` argument is the option object received by the tag as well init: function(op
API（Application Programming Interface，应用程序编程接口）是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，无需理解其内部工作机制细节，只需直接调用使用即可。
跨站脚本攻击XSS(Cross Site Scripting)，为了不和层叠样式表(Cascading Style Sheets, CSS)的缩写混淆，故将跨站脚本攻击缩写为XSS。恶意攻击者往Web页面里插入恶意Script代码，当用户浏览该页面时，嵌入Web里面的Script代码会被执行，从而达到恶意攻击用户的目的。XSS攻击针对的是用户层面的攻击！ XSS分为：存储型 、反射型 、DOM型XSS
CDN 什么是CDN 初学Web开发的时候，多多少少都会听过这个名词->CDN。 CDN在我没接触之前，它给我的印象是用来优化网络请求的，我第一次用到CDN的时候是在找JS文件时。当时找不到相对应的JS文件下载地址(之前一般我都是把JS下载下来，然后在项目中引用的。PS:当然了，我觉得大部分初学者都一样) 找着找着发现了这个网站：http://www.bootcdn.cn/，发现它这个搜索引擎收录了很多的JS文件，直接在项目中引入它的地址就行了！ 后来，在购买服务器的时候也发现了广告：CDN加速之类的… 当
当我们输入<script>alert('Eastmount') 时，并没有弹出窗体，运行结果如下图所示：
请注意，本文编写于 2096 天前，最后修改于 174 天前，其中某些信息可能已经过时。
2.事件类型：如何触发 什么事件 比如鼠标点击(onclick)，鼠标经过亦或是键盘按键
当我们点击文字的时候会添加一个【p_text】class，对应的style就会生效。
在h1中引入{ {msg}}，在js文件中将msg赋值，从而在html中显示大标签的内容
首先说一下他虽然是一个新型的技术，但是其实他是有点炒冷饭的感觉，他其实是对 jQuery 的 [intercoolerjs](https://intercoolerjs.org/reference.html 进行了一个重写，也就是说在过去intercoolerjs这个玩意就已经可以实现类似 htmx 的效果，就是不需要绑定任何事件，直接就进行标签请求一个地址，将返回的信息直接渲染到对应的页面上，这些功能是他已经存在的，关于intercoolerjs的文章网上也是有很多的，感兴趣的可以自己去看看,引用官方一个 DEMO
在菜鸟教程看到了css组合选择符的“相邻兄弟选择器”，刚开始对这个概念有些不太理解，通过查阅资料并且经过一些试验总算有了些头绪。
Hybird App之选择器详解(一) 学习混合app开发，要学会一些基础才能上手。本文主要介绍ID选择器、属性选择器、后代选择器、子元素选择器，其中ID选择器和属性选择器较为常用 ID选择器详解 1、ID选择器： ID选择器类似于类选择器；不过也有一些重要差别 例如： #id{} index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>选择器</title> <l
在今天的前端编程中，利用语义化的 HTML 结合 CSS 来完一个组件并不是一件难事，这也意味着无论在 React、Vue 中都可以插入，不过它俩不是今天的主角，接下来我将用一个例子来介绍如何封装一个完整的原生 HTML 的 Web Components 组件，让我们开始吧！
一个JavaScript框架。简化JS开发。 jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨 是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优 化HTML文档操作、事件处理、动画设计和Ajax交互。 JavaScript框架：本质上就是一些js文件，封装了js的原生代码而已。
单标签 <! Doctype html> 双标签 <html> </html> <head></head> <title></title>
栅格布局MyGridLayout是MyLayout布局体系里面的第八种布局。这是一种将布局约束设置和视图分离的布局方式，就像HTML中的标签元素和css样式可以进行分离表示和存储。因此栅格布局非常适合于数据内容相同但是展示样式不同的场景，展示样式可以动态配置和变化，甚至于可以从服务器进行动态下发。栅格布局还提供了一种基于JSON语法进行布局格式描述的机制来实现界面布局。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Bootstrap 实例 - 标签页与胶囊式标签页</title> <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script> </head> <body>
Astro 是「集多功能于一体的 Web 框架」，用于构建「快速、以内容为中心」的网站。
确保用户在不同地区能用最快的速度打开网站，其中某个域名崩溃用户也能通过其他域名访问网站。
上节，我们尝试制作了一个登陆页面前端，有的小伙伴反馈说有点跟不上前端开发这块，这是正常的，而且公众号又不是什么直播课程，是没有跟不跟的上之说，哪怕一周敲出来一节课的内容也无所谓。不过的确前端开发对我们测试来说一直是一块黑洞，很少有人掌握这里的技术，或者说我们做出来的东西有点丑，不过这正常，如果好看的话，基本都去做前端开发了。
https://developers.weixin.qq.com/miniprogram/dev/component/map.html
持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第6天，点击查看活动详情
let是局部变量（在他所在的代码块可用），const是常量，var是全局变量（前两个是ES6的，因为前面两个更加严谨，var被抛弃（貌似））
稍为复杂一点的网站都是多个前端工程师合作而成，因此分工是必需的。简单一点的分工就是一个人负责一个频道，某个页面是由一个人全部做的；但如果涉及到一个页面非常复杂，需要多个人同时动工呢？于是到模板的出场时间了。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
