首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏一个爱吃西瓜的程序员

    Web前端基础【3】--JavaScript基础

    var x = 2; var y = 1; if(x > y){ x = 3; y = 2; } 大括号{}内可以嵌套,形成层级结构。 var x = 2; var y = 1; if(x > y) { x = 3; y = 2; if(x < y) { x = 2; 3:布尔值类型:一个布尔值只有true和false两种值。(与c++相同) 4:数组类型:数组是一组按按顺序排列的集合,数组中的每个值称为元素。JavaScript中的数组元素可以是任意数据类型。 上诉数组包含六个元素,数组用中括号[]表示,元素之间用逗号(,)分隔,还有一种创建数组的方式:通过Array()函数实现,例如: var array= new Array(1, 2, 3).

    1.5K40发布于 2018-04-03
  • 来自专栏Go语言学习专栏

    WEB前端day1(HTML5+CSS3

    概述: HTML(5)+CSS(3) HTML 遵循W3C的标准 html的元素,属性,结构 流行写法:DIV+CSS布局方式 技巧:熟悉规范(命名规范,书写规范) 基本结构 head meta元素:提供有关页面的元信息 link rel="stylesheet" type="text/css" href="theme.css" /> title元素:涉及到分词技术,关系到搜索引擎识别网站主题 <p title="Free <em>Web</em> 没有比<em>前端</em>代码更开源的了 要考虑不同浏览器之间的兼容性问题 注意 <em>web</em>技术同样有“覆盖原则”,即后执行的代码结果会覆盖掉之前的代码结果。 支持自定义属性(配合JavaScript使用),一定程度上也支持自定义标签(这个要看浏览器的支持程度) CSS(Cascading Style Sheets)层叠样式表 快速学习CSS的方法 看别人写得CSS,<em>web</em> <em>前端</em>是世界上最开源的语言,你懂得。

    87030编辑于 2022-10-26
  • 来自专栏C/C++基础

    web前端开发初学者十问集锦(3

    3.CSS样式<style>标签在html文件中放置的位置? csstest.css" > </head> 样式的声明可以在四个位置完成,其优先级依次为 1.内联样式(在 HTML 元素内部) 优先级最高; 2.内部样式表(一般位于 <head>标签内部); 3. 使用css3 box-reflect设计图片倒影效果,参考代码如下: <style type="text/css"> img { height:250px; -webkit-box-reflect 一个Web大神告诉我说没什么区别,我实验了,还没发现有什么区别? <! ---- 参考文献 [1]关于Div的宽度与高度的100%设定 [2]JS获取各种宽度、高度的简单介绍 [3]setTimeout的异步以及js是单线程的面试题.知乎.杨光 [4]CSS position

    1.9K20发布于 2018-08-03
  • 来自专栏学习猿地

    Web前端学习 第4章 jQuery 3 jQuery插件

    jQuery插件就是别人已经开发好弄的,我们直接约会就可以使用。并且基于jQuery制作的,可以实现某些特定的网页效果的js文件(js + css)。

    62710发布于 2020-06-18
  • 来自专栏李先生博客

    WEB前端学习--补3月30号课堂笔记

    body内标签缩进 文件->设置->编辑器->代码样式【html】【删body】 学习第一节课的元素 h1-h6标签使用 所有呈现在页面中的内容都是写在body元素内 标题元素 (成对)h1 h2 h3 h4 h5 h6【都是块级元素】 例如:

    这是一级标题

    这是二级标题

    <h3>这是三级标题</h3>

    这是四级标题

    标签的属性值 border width 像素 px(pixel) 1920*1208 1 2 3 1 2 3<

    64410编辑于 2023-03-21
  • 来自专栏何雪斌的专栏

    Web前端事件

    value="按钮" id="btn"> <input type="button" value="按钮2" id="btn2"> <input type="button" value="按钮<em>3</em>" id="btn<em>3</em>">

    直接通过父节点一次性为所有子结点注册监听函数: var box = document.getElementById('box'); box.addEventListener 对上述新增事件的详解参考http://www.w3school.com.cn/tags/html_ref_eventattributes.asp Keyboard 事件 键盘事件相对较简单,主要在于根据键盘上每个按键对应的 主要参考的技术网站如下: https://li-xinyang.gitbooks.io/frontend-notebook/content/chapter3/05_events.html https:

    3.9K00发布于 2017-05-17
  • 来自专栏小闫笔记

    web前端入门

    = 后端 ** 为了能看懂前端的程序 从而能数据交互 数据一定后端 底线: 能看懂前端代码 一、web前端技术 面试题:你写网页能不能遵循web标准? 你知不知道web前端技术都有什么? Web前端技术是由w3c组织制定的一系列技术的集合,主要包括: HTML – 结构标准: 负责网页内容(布局) CSS – 表现标准、样式标准:美化 JavaScript,简称js,行为标准:负责行为动作 ,或者其他网站上现成的资源自己享用) 前端网站开发都是本地开发 *****前端写路径一般都是用相对路径----稳定,后期维护方便 下面是几种路径的写法: <body> < img src="icon<em>3</em>.jpg" alt=""> <img src="..

    1.6K50发布于 2019-07-18
  • 来自专栏python知识

    Web前端概述

    1997年1月:HTML 3.2作为W3C推荐标准发布。 1997年12月:HTML 4.0作为W3C推荐标准发布。 1999年12月:HTML4.01作为W3C推荐标准发布。 2008年1月:HTML5由W3C作为工作草案发布。 2011年5月:W3C将HTML5推进至“最终征求”(Last Call)阶段。 2012年12月:W3C指定HTML5作为“候选推荐”阶段。 2014年10月:HTML5作为稳定W3C推荐标准发布,这意味着HTML5的标准化已经完成。 HTML5新特性 引入原生多媒体支持(audio和video标签) 引入可编程内容(canvas标签) 引入语义Web(article、aside、details、figure、footer、header

    64030发布于 2021-05-20
  • 来自专栏web前端开发实战

    web前端基础

    代码示例:跳转到https://www.acai.cloud地址时用浏览器空白标签页打开

    1.5K00发布于 2020-10-22
  • web前端基础

    接下来给大家看一下最基础的网页(注意:我们要创建一个文本文档,把后缀改成html)

    13010编辑于 2025-11-20
  • 来自专栏赵康的日常专栏

    前端Web前端学习笔记【1】

    =============================================================================== 3. 表示0个或1个字符,用{n}表示n个字符,用{n,m}表示n-m个字符: 来看一个复杂的例子:\d{3}\s+\d{3,8}。 我们来从左到右解读一下: \d{3}表示匹配3个数字,例如'010'; \s可以匹配一个空格(也包括Tab等空白符),所以\s+表示至少有一个空格,例如匹配' ','\t\t'等; \d {3,8}表示3-8个数字,例如'1234567'。 由于'-'是特殊字符,在正则表达式中,要用'\'转义,所以,上面的正则是\d{3}\-\d{3,8}。 但是,仍然无法匹配'010 - 12345',因为带有空格。所以我们需要更复杂的匹配方式。

    95990编辑于 2023-10-17
  • 来自专栏learn

    Web前端Web API:构建Web应用核心

    Web 开发中,API 通常用于实现前端与后端之间的通信。 客户端 JavaScript 中的 API 客户端 JavaScript 提供了众多可用的 API。 通常,这些 API 可以分为两种类型: 第一类是浏览器 API,它们嵌入于 Web 浏览器中,能够从浏览器及其周边环境获取数据,并用于执行各种复杂而有益的操作。 例如,Web 音频 API 为在浏览器中处理音频提供了一整套 JavaScript 接口,允许用户进行音轨提取、音量调整和特效应用等操作。 3、错误处理 实际中还需要考虑错误处理,确保应用程序能够处理各种异常情况,例如网络问题或服务器错误: // 错误处理示例 fetch(apiEndpoints.getUsers) .then(response 鼠标离开时恢复样式 button.addEventListener("mouseout", function() { button.style.backgroundColor = ""; }); 3

    1.9K10编辑于 2024-11-21
  • 来自专栏赵康的日常专栏

    前端Web前端学习笔记【2】

    相关博客: Web前端学习笔记【1】 ---- 1. this在 JavaScript 中主要有以下五种使用场景 ---- 在全局函数调用中,this 绑定全局对象,浏览器环境全局对象为 window :@&=+$#")); 输出: http%3A%2F%2Fwww.w3school.com.cn http%3A%2F%2Fwww.w3school.com.cn%2Fp%201%2F %2C%2F %3F%3A%40%26%3D%2B%24%23 ---- 3. requestAnimationFrame函数和cancelAnimationFrame函数 ---- 初始化: window.requestAnimFrame localStorage localStorage是Web Storage互联网存储规范中的一部分,现在在Firefox 3.5、Safari 4和IE8中得到支持。 缺点:低版本浏览器不支持。 结论: 可以结合使用userData(IE6+)和globalStorage(Firefox2+)和localStorage(chrome3+)实现跨浏览器。 ---- 7.

    56720编辑于 2023-10-17
  • 来自专栏深入浅出区块链技术

    使用React创建一个web3前端

    在本教程结束时,你将拥有一个用 React 构建的功能齐全的 web3 前端。你也将获得构建任何通用的 web3 前端所需的基础知识(除了 NFT minter)。 有一些现成的解决方案,如Moralis[10]和web3modal[11],允许你用很少的代码添加对多个钱包的支持。但在这个项目中,我们将专注于从头开始实现连接钱包功能。 它相当于 web3 的一个登录按钮。它允许用户通过网站连接并发送调用合约功能请求。 Metamask 通过 "window.ethereum.request"方法可以让连接变得简单。 你现在有了一个功能齐全的 web3 前端,用户可以通过它来铸造 NFT。 然而,正如你可能已经注意到的,网站的用户体验还有很多需要改进的地方。以下是你应该考虑做的一些改进。 : https://www.npmjs.com/package/web3modal [12] 导航到你在testnets.opensea.io上的账户: https://testnets.opensea.io

    2.9K30编辑于 2022-11-07
  • 来自专栏华仔的技术笔记

    前端通过web3调用智能合约进行逻辑交互

    本例子通过crytozombie的例子,讲解前端界面与智能合约交互的逻辑。 你可以通过这样把 Infura 作为你的 Web3 节点提供者: var web3 = new Web3(new Web3.providers.WebsocketProvider("wss://mainnet.infura.io 使用 Metamask 的 web3 提供者 Metamask 把它的 web3 提供者注入到浏览器的全局 JavaScript对象 web3中。所以你的应用可以检查 web3 是否存在。 这是如何在外面的前端界面中写一个 JavaScript 方法来传入一个僵尸 id,在我们的合同中查询那个僵尸并返回结果 注意: 本课中所有的示例代码都使用 Web3.js 的 1.0 版,此版本使用的是 在实际应用中,你肯定想要在应用中使用诸如 React 或 Vue.js 这样的前端框架来让你的前端开发变得轻松一些。

    6.8K30发布于 2021-11-24
  • 来自专栏学习/读书笔记

    web前端开发--仿京东官网首页项目实战(3

    这期完成了仿京东官网首页的导航具体内容和橱窗部分。

    46450编辑于 2022-04-07
  • 来自专栏软件小生活

    Web前端知识系列(包括web前端全部知识点)

    Web前端课程 【课程概述】: 知识 体系: 1)HTML 2)CSS 3)JavaScript 4)Web前端框架 lJquery lbootstrap 5)5)Ajax 1.HTML 1.1 网站首页效果 【实现思路】: 创建一个8行1列的表格 1.在第一行 放logo 嵌套一个1行3列的表格 2.第2行 放菜单 3.第3行 放图片 4.第4行 热门商品 嵌套一个2行7列的表格 5. 代表是计算机自己来判断处理的 对比其他标签,发现div很纯洁 Div容器标签 Div独占一行 span一行显示多个 钩子 同时选择多个 用于精准的定位 满足条件的所有后代 直接后代 优先级很低 性能很差 [Web 前端课程2.docx] 4.Web前端框架 4.1. jQuery框架 4.1.1.jQuery概述 4.1.1.1.jQuery框架概述 jQuery是一款优秀的javaScript库.jQuery button>

    <img src="images/<em>web</em>.png

    2.8K10发布于 2021-09-06
  • 来自专栏前端之心

    web前端安全相关

    Location: https://cloud.tencent.com 但是如果回跳url上有回车换行符时 https://cloud.tencent.com%0aSet-cookie:JSPSESSID%3Dwooyun

    1.3K50发布于 2019-03-28
  • 来自专栏软件小生活

    Web前端知识(四)

    4.Web前端框架 4.1. jQuery框架 4.1.1.jQuery概述 4.1.1.1.jQuery框架概述 jQuery是一款优秀的javaScript库.jQuery已经集成了JavaScript 4.1.1.3.jQuery特点 1.轻量级 2.强大的选择器 3.出色的Dom封装 4.可靠的事件处理 5.浏览器兼容性强 6.链式操作方式 7.隐式迭代 4.1.2.jQuery代码风格 l在jQuery 给某个元素添加一个 CSS 类 $('div').addClass('myClass1'); 代码: 注意:类名没有”点” -添加多个类 addClass(class1 class2 class3. )删除某个元素的多个 CSS 类 $('div').removeClass('myClass1 myClass2'); 3)切换类 toggleClass(class)来回切换默认样式和指定样式 jQuery 选择器实现了 CSS1~CSS3 的大部分规则之外,还实现了一些自定义的选择器,用于各种 特殊状态的选择。

    8.4K30发布于 2021-09-10
  • 来自专栏夏天的前端笔记

    前端web基础复习

    web复习内容 HTML HTML的定义 超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。 在Web 编程中,可以把 form 理解为一个数据集合(组),我们把这一组数据包裹在 form 中,统一提交后台,进行业务逻辑的处理,在一个页面中可以有多个 form 存在。 标签的语义 H1/H2/H3 表现大纲级别 div/span/p 表现布局 使用带语义的标签可以让搜索引擎快速的进行收录 虽然不同的标签也许能够达到相同的显示效果,但是强烈建议使用语义化标签+CSS 我们一般说的浏览器是指包括:IE/Firefox/Chrome/Opera等等,其中Firefox/Chrome我们称之为标准 浏览器,最符合W3C组织定义的相关技术规范。 3.三目运算符是需要熟练掌握的,其本质就是个表达式。

    60810编辑于 2024-01-18
  • 领券