- 综合排序
- 最热优先
- 最新优先
- 来自专栏赵康的日常专栏
【前端】Web前端学习笔记【2】
相关博客： Web前端学习笔记【1】 ---- 1. this在 JavaScript 中主要有以下五种使用场景 ---- 在全局函数调用中，this 绑定全局对象，浏览器环境全局对象为 window = { test: 'obj2test', getAge2: function () { console.log(this.test) } } return obj2; } }; obj.getAge().getAge2() // 'obj2test' // ============== var obj = { birth :@&=+$#")); 输出： http%3A%2F%2Fwww.w3school.com.cn http%3A%2F%2Fwww.w3school.com.cn%2Fp%201%2F %2C%2F localStorage localStorage是Web Storage互联网存储规范中的一部分，现在在Firefox 3.5、Safari 4和IE8中得到支持。 缺点：低版本浏览器不支持。
69620编辑于 2023-10-17 - 来自专栏一个爱吃西瓜的程序员
Web前端基础【2】--CSS基础
2：嵌入式样式表：CSS代码写在<style type="text/css"></style>标记之间。 比如看一下知乎首页的网页构造： ? 2：ID选择器定义：ID选择器可以为标有特定ID的HTML元素指定特定的样式。HTML元素以ID属性来设置ID选择器，CSS中ID选择器以"#"来定义。 ③ RGB方式：如rgb(255,255,255) 2：字体属性： ① font-size：定义字体大小。
1.4K60发布于 2018-04-03 - 来自专栏赵康的日常专栏
【前端】移动端Web开发学习笔记【2】 & flex布局
上一篇：移动端Web开发学习笔记【1】 ---- meta标签 width设置的是layout viewport 的宽度 initial-scale=1.0 自带 width=device-width content="width=device-width, initial-scale=1.0, user-scalable=no"> ---- Flex弹性盒模型 来源：慕课网 源HTML文件(备份下载)：web_flex.html.zip 设计点2：弹性图片 类似第一点，图片也使用百分比。 ---- 移动Web的特别样式处理 高清图片 在retina屏幕上渲染图片，为了避免图片产生模糊，图片的宽高应该用物理像素单位渲染。 即100*100的图片，应该使用100dp*100dp. 例子： width: (w_value/dpr)px; height: (h_value/dpr)px; 1像素边框 在retina屏幕上渲染图片，1px使用2dp或者3dp渲染。
58430编辑于 2023-10-17 - 来自专栏学习猿地
Web前端学习 第2章 网页重构2 常用的html标签
-- 文档声明 --> 2 <html lang="en"> 3 <head> <! 1
一级标题标签
2 <h2>二级标题标签</h2> 3三级标题标签
4四级标题标签
5五级标题标签
6六级标题标签 副标题可以使用h2标签。文章中的小标题，我们可以使用h3或h4标签。分别表示三级标题和四级标题。h5和h6这种更低级的标题，用到的情况不是特别多。 1
前端开发学习心得
2 3本章通过实例向您演示最常用的 HTML 标签，学习 HTML 最好的方式就是边学边做实验。
4 5HTML和CSS只是前端学习的入门小菜，JavaScript才是前端工程师的试金石。打下良好的JavaScript基础，才能在后续的学习中得心应手。
1K00发布于 2020-06-12 - 来自专栏C/C++基础
web前端开发初学者十问集锦（2）
2.img标签是行内元素为什么可以设置宽高？ 准确来说，img是替换内联元素 replaced inline element，属于inline element类目。 （2）在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。这样的话就可以对浮动后的行内元素应用高和宽的属性了。可参见：CSS float 属性。 7.web前端开发相关代码如何注释？ （1）JavaScript代码如何注释？ 100%减去自己内容高度的百分比除以2得出的百分比就是 margin-top:百分比的数值。 （2）或者将当前浮动的div的定位方式设置为relative，absolute，然后使用top:n%的方式。百分比的计算方式如上。
2K10发布于 2018-08-03 - 来自专栏python知识
Web前端概述
HTML5新特性 引入原生多媒体支持（audio和video标签） 引入可编程内容（canvas标签） 引入语义Web（article、aside、details、figure、footer、header
69630发布于 2021-05-20 - 来自专栏何雪斌的专栏
Web前端事件
中获取元素来绑定事件 var btn = document.getElementById("btn"); btn.onclick = fun; 移除事件 btn.onclick = null; DOM2级事件 DOM2级事件现代浏览器都支持，事件流的概念也是支持的。
<input type="button" value="按钮" id="btn"> <input type="button" value="按钮<em>2</em>" id= "btn<em>2</em>"> <input type="button" value="按钮3" id="btn3">直接通过父节点一次性为所有子结点注册监听函数： var box = document.getElementById4.2K00发布于 2017-05-17 - 来自专栏小闫笔记
web前端入门
= 后端 ** 为了能看懂前端的程序 从而能数据交互 数据一定后端 底线： 能看懂前端代码 一、web前端技术 面试题：你写网页能不能遵循web标准？ 你知不知道web前端技术都有什么？ Web前端技术是由w3c组织制定的一系列技术的集合，主要包括： HTML – 结构标准： 负责网页内容（布局） CSS – 表现标准、样式标准：美化 JavaScript，简称js，行为标准：负责行为动作 -- 布局的技巧：从上到下分行，这一行从左往右分列 -->
<h2>今日头条</h2> <! ，或者其他网站上现成的资源自己享用） 前端网站开发都是本地开发 *****前端写路径一般都是用相对路径----稳定，后期维护方便 下面是几种路径的写法： <body> <1.7K50发布于 2019-07-18来自专栏web前端开发实战web前端基础
单元格竖跨多少行 colspan 单元格横跨多少行，即合并单元格 代码示例： <table border="1" cellpadding="10" cellspacing="<em>2</em>"
1.7K00发布于 2020-10-22web前端基础
接下来给大家看一下最基础的网页（注意：我们要创建一个文本文档，把后缀改成html）
16110编辑于 2025-11-20来自专栏零域Blog百度Web前端技术学院(2)-JavaScript 基础
content {:toc} 百度前端学院的第二次任务笔记，JavaScript 基础。 任务： JavaScript基础 做完任务一的时候深深地感觉到自己的基础非常的薄弱，在这里再次感谢一下百度前端技术学院，做任务的时候深刻理解了自己平时掌握不牢固的内容，比如浮动、BFC、等高布局等。 作为一种小巧且轻量级的语言，JavaScript 无意于独立运行，而是被设计为可以轻易嵌入到其它的产品和应用中，比如 Web 浏览器。 无阻塞的脚本 减少 JavaScript 文件大小并限制 HTTP 请求数在功能丰富的 Web 应用或大型网站上并不总是可行。 通过以上策略，可以在很大程度上提高那些需要使用大量 JavaScript 的 Web 网站和应用的实际性能。
2.5K40编辑于 2022-03-22来自专栏学习猿地Web前端学习 第2章 网页重构9 css定位
绝对定位 将一个元素设置下面的属性： 1 element{ 2 position:absolute; 3 } 元素就变成了一个绝对定位元素，实例代码如下所示。 1 <! DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title 相对定位 将一个元素设置下面的属性： 1 element{ 2 position:relative; 3 } 元素就变成了一个相对定位元素，实例代码如下所示。 1 <! 固定定位 将一个元素设置下面的属性： 1 element{ 2 position:fixed; 3 } 元素就变成了一个固定定位元素，实例代码如下所示。 1 <! 1
2 31 .container{ 2 width:300px;77030发布于 2020-06-15来自专栏赵康的日常专栏【前端】Web前端学习笔记【1】
（2）break 语句 （不带标签引用），只能用在循环或 switch 中。 c1.inc(); // 3 var c2 = create_counter(10); c2.inc(); // 11 c2.inc(); // 12 c2.inc(); // 13 在返回的对象中， 对Promise的理解 1 // resolve 和 reject 这两个function类型的形参没有这样传进来： 2 // var p1 = new Promise(test(f1, f2 短路操作符的使用 1 $.fn.highlight2 = function (options) { 2 3 // 要考虑到各种情况: 4 5 // options为undefined “DOM2级事件流”规定的事件流包括三个阶段：事件捕获阶段、事件处于目标阶段、事件冒泡阶段。 当一个事件发生以后，它会在不同的DOM节点之间传播（propagation）。
1.1K90编辑于 2023-10-17来自专栏learn【Web前端】Web API：构建Web应用核心
Web 开发中，API 通常用于实现前端与后端之间的通信。 客户端 JavaScript 中的 API 客户端 JavaScript 提供了众多可用的 API。 通常，这些 API 可以分为两种类型： 第一类是浏览器 API，它们嵌入于 Web 浏览器中，能够从浏览器及其周边环境获取数据，并用于执行各种复杂而有益的操作。 例如，Web 音频 API 为在浏览器中处理音频提供了一整套 JavaScript 接口，允许用户进行音轨提取、音量调整和特效应用等操作。 example.com" }) }) .then(response => response.json()) .then(data => console.log('New User Created:', data)); 2、 ; // 可以在这里执行其他操作，例如更新 UI 或发送请求 }); 2、进一步扩展 除了基本的点击事件，JavaScript 的 addEventListener 方法还支持多种类型的事件
2.4K10编辑于 2024-11-211 .container{ 2 修改上面的grid容器样式如下所示 1 .container{ 2 display:grid; 3 grid-template-columns: 1fr 1fr 2fr; 4 } 可以看到整个 gird容器的列被4等分，其中第一列和第二列占1份（1fr），第三列占2份（2fr）。来自专栏学习猿地Web前端学习 第2章 网页重构16 grid布局
1 .container{ 2 display:grid; 3 } gird容器内部的元素称为grid容器的项目，grid项目的float属性会失效，通过grid容器的进一步设置，可以让内部的项目按要求排列
132435798109111.3K10发布于 2020-06-15来自专栏学习猿地Web前端学习 第4章 jQuery 2 jQuery常用方法
二、鼠标单击事件 我们先来将最常用的鼠标单击事件click，jQuery的基本语法如下所示： 1 $("selector").click(function(){ 2 //事件触发执行的代码 3 1 <body> 2
-
3
- 1 4
- 2 5
- 3 6
-
3
- 1 4
- 2 5
- 3 6
2.7K30发布于 2020-06-18来自专栏学习猿地Web前端学习 第6章 jQuery Ajax 2 Ajax入门
这个概念出现的比较早，那个时候前端和后台的数据交互主要以XML格式为主，例如下面的数据格式： 1 <fruit> 2 <name>apple</name> 3 <weight>0.5kg</ <color>red</color> 5 </fruit> 现在仍然存在很多用xml交互数据的情况，但是目前主流的数据格式使用的是json（JavaScript对象表示法），例如下面的格式： 1 { 2 在浏览器中直接输入网址 a标签实现的页面跳转 表单提交 Postman模拟http请求 Ajax的原理是通过XMLhttpRequest对象向服务器发送请求，实例代码如下所示： 1 //后台程序 2 "index") 4 }) 5 router.get("/data", async ctx => { 6 ctx.body = "hello world" 7 }) 8 9 //前端程序 下面的示例使用的是回调函数封装的Ajax方法 1 function myAjax(method,url,next) { 2 let xhr = new XMLHttpRequest(); 3
79910发布于 2020-06-22来自专栏学习猿地Web前端学习 第2章 网页重构15 flex布局
二、flex容器 将一个元素设置如下属性 1 .box{ 2 display: flex; 3 } 此容器会变成一个flex容器（flex container），容器内部的元素被称为flex项目（flex 默认情况下flex项目按照main轴排列，通过设置，可以让项目按照cross轴排列，示例代码如下所示： 1
2通过上面的案例，大家可以看到，默认情况下flex13243513243</div 16 flex:2; 17 } 18 .item3{ 19 flex:3; 20 } 四、课后练习 使用flex布局让一个宽高都为100px的div垂直水平居中。76520发布于 2020-06-15来自专栏学习/读书笔记web前端开发--仿京东官网首页项目实战（2）
这期主要完成了仿京东官网首页的搜索栏和导航部分。
56820编辑于 2022-04-07来自专栏爱游博客群晖Docker中安装Aria2Web前端:AriaNg
Aria2的API开发了一些在线管理面板，可以直接在网页上面添加管理任务。 Aria2是一个后端(服务端)的程序，而 AriaNg是一个前端(HTML+JS静态)控制面板，不需要和 Aria2(后端/服务端)放在一个服务器或者设备中，你甚至可以只在服务器上面搭建Aria2后端， 然后访问别人建好的 AriaNg前端面板，也可以远程操作Aria2后端！ 镜像下载 打开 Docker 注册表，搜索 [wahyd4] 在搜索结果中双击 wahyd4/aria2-ui 下载 ? 刚才设置的容器端口80所对应的本地端口6888 (自定义的端口) 就是 AriaNg 的 Web 网页端口，在浏览器中输入群晖IP地址+端口 http://192.168.0.2:6888 (根据自己实际的
3.9K20发布于 2019-08-07
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号