首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • Web前端开发基础

    1.前端概论 1.1 什么是前端? 概念:前端(Front-End),也称为客户端(Client-Side),指的是用户在使用网站或Web应用时直接看到并与之交互的部分。 顾客在这里点餐、用餐并享受服务,这一切都是可见的 后端(Back-End)则是餐厅的厨房,负责处理订单、烹饪食物和管理库存,顾客通常看不到这个过程 前端开发的核心目标是:打造一个在视觉上吸引人、交互流畅 、性能优异且可访问性强的用户体验(User Experience, UX) 1.2 核心技术基石(前端三剑客) 任何网站或应用的前端都构建在三大核心技术之上: 1.HTML (超文本标记语言) JS是现代前端开发的灵魂 2.HTML HTML (超文本标记语言) 定位:结构层,它是网页的骨架和基础 作用:定义网页的内容结构,如标题、段落、列表、图片、链接、表单等。 JS是现代前端开发的灵魂 4.1 引入方式 行内式:事件属性直接写在HTML标签中 <button onclick="alert('行内式JS')">点击</button> 内嵌式:通过< script

    1K10编辑于 2026-01-13
  • 来自专栏css小迷妹

    Web前端开发介绍

    Web网站介绍 网络系统软件开发包括两种结构: C/S是客户机(client)/服务器(server) B/S是浏览器(browser)/服务器。 目前比较流行的WEB技术:Python、PHP、JavaEE、Ruby与ASP.NET 超文本传输协议(HTTP,HyperText Transfer Protocol)是互联网上应用最为广泛的一种网络协议 通过使用Web浏览器、网络爬虫或者其它的工具,客户端发起一个到服务器上指定端口(默认端口为80)的HTTP请求。 2. 动态网站开发所需的Web构件 客户端浏览器 Web前端 Web服务器 服务器端编程语言 数据库管理系统 3. Web的工作原理 image.png

    74110发布于 2021-09-19
  • 来自专栏Java架构师必看

    Web前端开发基础_轻松学Web前端开发入门与实战

    今天说一说Web前端开发基础_轻松学Web前端开发入门与实战,希望能够帮助大家进步!!! 1、什么是web? www是环球信息网的缩写,(亦作“web”、“www”、“w3' ”,全称为“World Wide Web”,中文名字是“万维网”和“环球网”,所以常简称web3、W3C标准 W3C标准不是某一个标准,而是一系列标准的集合。 网页主要由三部分组成:结构、表现和行为。 另一种是借助于开发工具,-般常用于正式开发项目过程中,开发工具可以帮助开发者快速搭建开发环境,及提供常用语言提示服务,大大提高开发的效率,这些开发工具通常被开发者称之为集成开发环境(IDE 编写HTML文档时应遵守W3C标准,W3C是制定和维护统一国际化Web开发标准的组织。 本章主要是给小白学习和自身所学习的知识点的一个分享。

    1K10编辑于 2022-09-23
  • 来自专栏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前端开发的区别

    既然都是前端开发,两者肯定有紧密的联系,移动前端开发web前端开发其实都属于前端开发的范围,目前前端发展的趋势就是大前端,可以说是包罗万象,当然也就包含PC端和移动端领域,而现在的前端开发人员也已早就不是当年的切图仔了 ,需要学习和掌握大前端体系方方面面的知识才能在日常的开发中游刃有余,但是不论趋势如何发展,目前来看HTML、CSS和JavaScript依然是整个前端开发的三大基石。 所以不论是想做移动前端开发还是web前端开发,这三样基础技术都必须熟练掌握。 移动前端开发web前端开发都属于前端开发,那具体又有什么区别呢? 1、业务的应用场景 web前端开发主要指传统的PC端网页开发,页面主要是运行在PC端浏览器中,移动前端开发出来的页面主要是运行在手机上;直观上会感觉,PC端页面大一些,移动端页面小一些,但是根据开发经验 3、页面的适配性 传统PC端的页面开发一般都会选择给页面设定一个固定宽度,两侧有留白,但是移动端的页面由于其载体手机屏幕比PC要小很多,一般都会选择尽可能多的在手机屏幕上显示内容,这就要求移动端页面要能够充分适应各种屏幕尺寸的手机并进行最大程度的利用

    2.1K00发布于 2019-08-11
  • 来自专栏青灯古酒

    web前端开发理论解析

    测试有效性分析,是在总结测试结果时需要关注的内容,主要涉及测试过程中发现的缺陷数量、修复情况和未修复情况,以及测试需求 随着项目版本不断变化,开发时间紧迫,使得项目开发面临越来越多的问题,而解决这些问题的重要途径就是加强管理 而配置管理是开发管理的核心。关于配置变更测试分析,我们应该注意( )方面。 A. 避免配置项集中于一个文件,避免所有的人都在一个配置集上修改 B. 确保配置安全,确定配置管理的政策、策略和目的 C.

    27240编辑于 2023-10-16
  • 来自专栏性能与架构

    Web前端开发技术栈

    前端领域的发展非常迅猛,大前端的时代到来了,据说每隔12-24个月,前端的难度将增加一倍,从下面的技术栈就可以看出前端领域的丰富度和复杂度 核心概念 HTML |-- DOM |-- Element | Foundation |-- Material UI |-- jQuery UI 手机 UI框架 |-- jQuery Mobile |-- Jo |-- Dojo Mobile |-- Lungo CSS3 CommonJS |-- webpack |-- browserify |-- AMD |-- RequireJS |-- UMD |-- umd WebSocket |-- Socket.io |-- web-socket-js 数据可视化 |-- D3 |-- Echarts |-- HighCharts |-- Vis.js |-- Flot WebGL |-- Three.js |-- Babylon.js Pixi.js 模板引擎 |-- Handlebars |-- Haml |-- Slim |-- Jade |-- Ejs |-- Spacebars |-- mustache 移动应用开发

    2.6K90发布于 2018-04-03
  • 来自专栏zayyo前端

    Web标准与前端开发

    前端开发的起源、架构、变迁 前端最早诞生于1989年,最早的Web是由HTML、HTTP、URL三种技术构成,而我们现在的CSS和JavaScript都是后来才出现的技术。 To Business(面向公司) To Customer(面向用户) To Developer(面型开发者) 前端比较前沿的语言、框架、工具 语言 HTML、CSS、JavaScript WebAssembly 框架、工具 node.js koa React vue Typescript git babel webpack esbuild 下面我们来讲讲关于前端的标准 关于Web标准 标准组织 W3C: World IETF: Internet Engineering Task Force关于Web标准W3C 官网: https://www.w3.org Github: https://github.eom/w3c ) tests(编写测试) 课后总结 学完Web标准与前端开发的课程后,让我对Web的标准有了更加清晰和深刻的理解。

    57200编辑于 2023-12-10
  • Web前端开发JavaScript提高

    names123123lyshark456,789") + "
    "); </script> </body> ◆Window 对象◆ Window 对象称之为窗口对象,位于浏览器对象模型的最顶层,代表整个浏览器窗口,是Web >> 4); enc3 = ((chr2 & 15) << 2) | (chr3 >> 6); enc4 = chr3 & 63; if (isNaN(chr2)) { enc3 = enc4 = 64; } else if (isNaN(chr3)) { >> 2); chr3 = ((enc3 & 3) << 6) | enc4; output = output + String.fromCharCode (chr1); if (enc3 !

    2.9K20编辑于 2022-12-28
  • 来自专栏程序员的知识天地

    web前端开发规范总结

    Web前端作为开发团队中不可或缺的一部分,需要按照相关规定进行合理编写(一部分不良习惯可能给自己和他人造成不必要的麻烦)。不同公司不同团队具有不同的规范和文档。 备注:实际开发请以本公司的规范为标准。 这里推荐一下我的前端学习交流群:731771211,里面都是学习前端的,如果你想制作酷炫的网页,想学习知识。 如果使用相关前端框架,根据框架的文件格式进行合理布局。 2、所有文件夹及文件使用英文命名(避免使用中文路径)。 3、html文件:入口文件使用index.html。 2、协作开发及分工:i会根据各个模块,同时根据页面相似程序,事先写**体框架文件,分配给前端人员实现内部结构&表现&行为。 3、编码必须格式化,比如缩进。测试工具:前期开发仅测试FireFox&IE6&IE7&IE8,后期优化时加入Opera&Chrome&Safari。

    2.3K21发布于 2018-10-06
  • 来自专栏web前端分享

    web前端开发规范总结

    Web前端作为开发团队中不可或缺的一部分,需要按照相关规定进行合理编写(一部分不良习惯可能给自己和他人造成不必要的麻烦)。不同公司不同团队具有不同的规范和文档。 备注:实际开发请以本公司的规范为标准。 这里推荐一下我的前端学习交流群:731771211,里面都是学习前端的,如果你想制作酷炫的网页,想学习知识。 如果使用相关前端框架,根据框架的文件格式进行合理布局。 2、所有文件夹及文件使用英文命名(避免使用中文路径)。 3、html文件:入口文件使用index.html。 2、协作开发及分工:i会根据各个模块,同时根据页面相似程序,事先写**体框架文件,分配给前端人员实现内部结构&表现&行为。 3、编码必须格式化,比如缩进。测试工具:前期开发仅测试FireFox&IE6&IE7&IE8,后期优化时加入Opera&Chrome&Safari。

    1.7K10发布于 2020-03-02
  • Web前端开发CSS笔记

    solid;border-color: #ff0ff0"> 紫色边框

    黄色边框
    黄色边框
    位置属性: 位置属性就是指定元素的位置 设置打印该元素后是否强制分页 边缘属性: 边缘属性包括元素边界的矩形区域的特征,边缘属性包括margin,padding,width,style. < ----------------------[3个边界属性

    2.9K20编辑于 2022-12-28
  • 来自专栏css小迷妹

    Web前端开发规范手册

    规范目的   为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档。   页面内的样式加载必须用链接方式<link rel="stylesheet" type="text/css" href="xxx/xxx.css"> 注意细则: 协作开发及分工: Me(前端负责人,主开发人员 ,以下简称Me)会根据各个模块, 同时根据页面相似程序, 事先写好大体框架文件, 分配给前端人员实现内部结构、表现、行为; 共用css文件base.css由Me书写, 协作开发过程中, 每个页面请务必都要引入 目前使用的 Web 浏览器有二十多种,大多数已发行了多个版本。 即使您只针对使用 Netscape Navigator 和 Microsoft Internet Explorer 的大多数 Web 用户,但您应明确并不是每个人都在使用这两种浏览器的最新版本。

    3.4K54发布于 2021-09-19
  • Web前端开发JavaScript基础

    整数变量: 使用显式方式声明三个变量,num1=1024,num2=5E2,num3=1.23e-3. ): " + array.slice(3) + "
    ") document.write("数组切片(只显示1-2号元素切片): " + array.slice(1,3) + "<br ,在这个单元中封装了完成指定任务或者功能的程序代码,为了使用函数,需要知道如何定义函数,如何将变量传递给函数,以及如何返问函数计算出的结果,另外 JavaScript 以其灵活性的特点,我们可以将一些开发环境中常用到的模块进行封装 ,然后再使用时直接调用即可,节约了开发周期. "URL: " + url); })("lyshark","mkdirs.com") </script> </body> arguments: 使用特殊对象arguments,开发者无需明确指出参数名

    2.6K10编辑于 2022-12-28
  • 来自专栏青梅煮码

    Web 前端开发代码规范

    ; /** * @created : 2017/09/15 * @author : Mr.Wang * @version : v1.0 * @desc : XX模块 */ (web 前端学习交流群:328058344 禁止闲聊,非喜勿进!) 前端学习交流群:328058344 禁止闲聊,非喜勿进!) —— 逗号 不要加多余的逗号,这可能会在IE下引起错误,同时如果多一个逗号某些ES3的实现会计算多数组的长度。 前端学习交流群:328058344 禁止闲聊,非喜勿进!)

    3.6K10编辑于 2023-03-02
  • Web前端开发HTML笔记

    秒中刷新以下网页 <meta http-equiv="Refresh" content="2;URL=https://www.baidu.com"> #2秒后重定向到某网站 <title>my web </body>标签对之间的内容,将显示在Web浏览器窗口的用户区域,它是HTML文档中最主要的部分 在body标签中可以规定整个文档的一些基本属性,例如以下几个属性. href:链接的地址,链接的地址可以是一个网页,也可以是一个视频、图片、音乐等 target: (1) _blank在一个新的窗口中打开链接 (2) _seif(默认值)在当前窗口中打开链接 (3)

    <embed height="50" width="100" src="music.mp<em>3</em>">
    <video <datalist id="book"> <option value="Linux"> Linux 系统管理</option> <option value="Python"> Python 全栈开发

    3.3K20编辑于 2022-12-28
  • 来自专栏学习/读书笔记

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

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

    46550编辑于 2022-04-07
  • 来自专栏css小迷妹

    web前端开发的学习内容:致那些有意学习web前端开发的人

    最近很多人都在问,我想学web前端开发,我要学哪些东西? 前端目前待遇普通在6K-20K之间,优秀更高。 前端岗位及工作内容 岗位名称:WEB前端工程师 ,任务:提升互联网产品的用户体验! 如今的前端今非昔比,PC网站开发,手机端网站开发,网页游戏开发等等,前端工程师一般需要熟悉至少一种后台开发技术(例如:PHP首选) 第二:学习HTML5 第三:学习PhotoShop切图 第四:学习CSS 与CSS3 第五:Less/Sass/Sassy-前端预编译工具 第六:学习Java基本语法 第六:BOM/DOM模型/事件模型 第七:学习jQuery 与jQuery UI 第八:移动端库Zepto 第十五:NodeJS实战 第十六:Express框架,Koa框架实战 第十七:Mysql-NoSql数据库实战 以上就是学习web前端开发的大概流程,希望可以帮到想入门web钱都开发的小伙伴们。

    48310发布于 2021-09-19
  • 来自专栏企鹅号快讯

    web前端开发的学习内容:致那些有意学习web前端开发的人

    最近很多人都在问我想学web前端开发,我要学那些东西。 前端目前待遇普通在6K-20K之间,优秀更高。 前端岗位及工作内容 岗位名称:WEB前端工程师 ,任务:提升互联网产品的用户体验! 如今的前端今非昔比,PC网站开发,手机端网站开发,网页游戏开发等等,前端工程师一般需要熟悉至少一种后台开发技术(例如:PHP首选) 第二:学习HTML5 第三:学习PhotoShop切图 第四:学习CSS 实战与ES6 第十五:NodeJS实战 第十六:Express框架,Koa框架实战 第十七:Mysql-NoSql数据库实战 以上就是学习web前端开发的大概流程,希望可以帮到想入门web钱都开发的小伙伴们 总结上面的web前端开发我们要学那些:HTML5、CSS与CSS3、LJavaScript、jQuery 、jQuery UI 、NodeJS等;php在这里就不多说了。

    1.3K60发布于 2018-03-01
  • 来自专栏达达前端

    Web前端开发高级前端技术(高级开发程序篇)

    (给达达前端加星标,提升前端技能) ​ ? 内容有点多,也请你静下来,慢阅读,今后多多关照。 说到web前端开发高级,必须要掌握的是HTML和css代码的优化,前端优化很重要,这是成功你进阶的道路上需要重视的知识点,面对代码优化,首先我们要学习的就是前端命名规范,HTML代码优化,和css代码优化 进行HTML语义化标签,HTML5提供的一些新的语义化元素来明确一个web页面的不同部分,有: ​ ? 开发中不可或缺的一部分。 缺点有,不适合web开发的初学者,对于css,图片,以及其他非Js资源文件时,需要先混淆处理,文档不够完善,变化很大,不同版本的使用方法存在较大的差异。

    3.1K10发布于 2020-02-18
  • 领券