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

相关博客： Web前端学习笔记【1】 ---- 1. this在 JavaScript 中主要有以下五种使用场景 ---- 在全局函数调用中，this 绑定全局对象，浏览器环境全局对象为 window 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 Google Gear Google开发出的一种本地存储技术。 缺点：需要安装Gear组件。 localStorage localStorage是Web Storage互联网存储规范中的一部分，现在在Firefox 3.5、Safari 4和IE8中得到支持。 缺点：低版本浏览器不支持。

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

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

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

今天说一说Web前端开发基础_轻松学Web前端开发入门与实战,希望能够帮助大家进步!!! 1、什么是web？ www是环球信息网的缩写，（亦作“web”、“www”、“w3' ”，全称为“World Wide Web”，中文名字是“万维网”和“环球网”，所以常简称web。 2、关于HTML HTML是一种用来描述网页的语言，不是编程语言，不需要像编程语言一样去执行逻辑编码，它就仅仅是一种标记语言，通过不同的标记来让浏览器展示不同的效果。 （2）在记事本中输入HTML代码，具体如下： （3）保存并退出，将上述文档重命名，扩展名更改为.html的HTML文档 （4）双击打开保存的HTML文档，Windows将自动调用IE打开HTML文档 编写HTML文档时应遵守W3C标准，W3C是制定和维护统一国际化Web开发标准的组织。 本章主要是给小白学习和自身所学习的知识点的一个分享。

【前端】移动端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屏幕上渲染图片，为了避免图片产生模糊，图片的宽高应该用物理像素单位渲染。 例子： width: (w_value/dpr)px; height: (h_value/dpr)px; 1像素边框 在retina屏幕上渲染图片，1px使用2dp或者3dp渲染。

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%的方式。百分比的计算方式如上。

移动前端开发和web前端开发的区别

既然都是前端开发，两者肯定有紧密的联系，移动前端开发和web前端开发其实都属于前端开发的范围，目前前端发展的趋势就是大前端，可以说是包罗万象，当然也就包含PC端和移动端领域，而现在的前端开发人员也已早就不是当年的切图仔了 ，需要学习和掌握大前端体系方方面面的知识才能在日常的开发中游刃有余，但是不论趋势如何发展，目前来看HTML、CSS和JavaScript依然是整个前端开发的三大基石。 所以不论是想做移动前端开发还是web前端开发，这三样基础技术都必须熟练掌握。 移动前端开发和web前端开发都属于前端开发，那具体又有什么区别呢？ 1、业务的应用场景 web前端开发主要指传统的PC端网页开发，页面主要是运行在PC端浏览器中，移动前端开发出来的页面主要是运行在手机上；直观上会感觉，PC端页面大一些，移动端页面小一些，但是根据开发经验 2、新技术的使用 由于在移动端主要以webkit内核为主，对于HTML5等新技术支持的更好，所以可以更大范围的使用新技术;而PC端开发由于很多场景下要求兼容IE等老版本浏览器，出于浏览器兼容性的考虑，有些情况下限制了新技术的使用

web前端开发理论解析

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

Web前端开发技术栈

前端领域的发展非常迅猛，大前端的时代到来了，据说每隔12-24个月，前端的难度将增加一倍，从下面的技术栈就可以看出前端领域的丰富度和复杂度 核心概念 HTML |-- DOM |-- Element | CommonJS |-- webpack |-- browserify |-- AMD |-- RequireJS |-- UMD |-- umd WebSocket |-- Socket.io |-- web-socket-js Pixi.js 模板引擎 |-- Handlebars |-- Haml |-- Slim |-- Jade |-- Ejs |-- Spacebars |-- mustache 移动应用开发

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 (WPT) tests（编写测试） 课后总结 学完Web标准与前端开发的课程后，让我对Web的标准有了更加清晰和深刻的理解。 对前端这个岗位有了更清晰的了解。了解到了前端发展的历程，扩宽了我的知识面 我正在参与2023腾讯技术创作特训营第四期有奖征文，快来和我瓜分大奖！

Web前端开发JavaScript提高

names123123lyshark456,789") + "
"); </script> </body> ◆Window 对象◆ Window 对象称之为窗口对象,位于浏览器对象模型的最顶层,代表整个浏览器窗口,是Web ')"> <input type="button" id="button<em>2</em>" value="按钮<em>2</em>" onclick="alert('按钮<em>2</em>被按下了... 解密 var result<em>2</em> = base.decode(result); document.write(result<em>2</em>); //<em>2</em>.加密、解密算法封装： function Base64( = ((chr1 & 3) << 4) | (chr<em>2</em> >> 4); enc3 = ((chr<em>2</em> & 15) << <em>2</em>) | (chr3 >> 6); | (enc<em>2</em> >> 4); chr<em>2</em> = ((enc<em>2</em> & 15) << 4) | (enc3 >> <em>2</em>); chr3 = ((enc3 &

web前端开发规范总结

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

web前端开发规范总结

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

Web前端开发CSS笔记

/div>

这是P标签2

这是P标签1