【前端成长之路】
文章平均质量分 82
前端自我学习路线,与学习总结
心上学事上练
我想成为怎么样的人,就能成为怎么样的人。一切皆可期,让我们一起成长。
展开
-
微信小程序代码怎么转成第三方平台(H5、Android、IOS等)项目
这些工具通常是基于已有的开源框架或技术实现的,但请注意,这些工具可能无法处理小程序的所有特性和复杂的业务逻辑,因此在使用时需要谨慎,并做好后续的代码优化和调试工作。同时,考虑到转换过程的复杂性和可能遇到的技术挑战,建议你在转换之前充分评估项目的需求和目标,以及团队的技术实力和资源投入。将小程序代码转换为H5代码时,有一些第三方工具和服务可以帮助你完成部分工作,但请注意,由于小程序和H5平台的本质差异,这些工具可能无法完全自动化转换过程,仍然需要开发者进行一定的手动调整和优化。原创 2024-03-22 09:10:57 · 1675 阅读 · 0 评论 -
JavaScript基础(二)—— 运算符、表达式与语句(if、switch、循环)
掌握常见运算符,为程序“能思考”做准备掌握分支语句,让程序具备判断能力掌握循环语句,让程序具备重复执行能力。原创 2024-02-01 21:10:17 · 1038 阅读 · 0 评论 -
JavaScript基础(一)—— JS介绍、变量、常量、数据类型、类型转换
是一种运行在客户端(浏览器)的编程语言,实现人机交互效果。网页特效(监听用户的一些行为让网页作出对应的反馈)表单验证(针对表单数据的合法性进行判断)数据交互(获取后台的数据, 渲染到前端)服务端编程(node.js)组成:ECMAScript( 基础语法 )、web APIs (DOM、BOM)。ECMAScrip规定了js基础语法核心知识。比如:变量、分支语句、循环语句、对象等等。Web APIsDOM操作文档,比如对页面元素进行移动、大小、添加删除等操作。原创 2024-01-30 16:25:08 · 962 阅读 · 0 评论 -
Web Service(三)—— SOAP学习
SOAP 指简易对象访问协议SOAP 是一种通信协议SOAP 用于应用程序之间的通信SOAP 是一种用于发送消息的格式SOAP 被设计用来通过因特网进行通信SOAP 独立于平台SOAP 独立于语言SOAP 基于 XMLSOAP 很简单并可扩展SOAP 允许您绕过防火墙SOAP 将被作为 W3C 标准来发展为什么使用 SOAP?SOAP 提供了一种标准的方法,使得运行在不同的操作系统并使用不同的技术和编程语言的应用程序可以互相进行通信。原创 2023-04-27 16:19:31 · 3844 阅读 · 0 评论 -
HTML与CSS基础(十)—— 综合项目
完成小兔鲜儿项目原创 2023-01-11 08:34:56 · 191 阅读 · 0 评论 -
HTML与CSS基础(九)—— 综合项目(CSS样式补充、项目前置认知、项目结构搭建)
搜索引擎优化作用:让网站在搜索引擎上的排名靠前提升SEO的常见方法:1. 竞价排名2. 将网页制作成html后缀3. 标签语义化(在合适的地方使用合适的标签)原创 2023-01-08 21:09:30 · 735 阅读 · 0 评论 -
HTML与CSS基础(八)—— CSS布局(定位、装饰、选择器拓展)
使用定位的步骤原创 2023-01-08 14:13:39 · 3104 阅读 · 0 评论 -
HTML与CSS基础(七)—— 网页制作流程
根目录:网站的第一级文件夹。原创 2023-01-08 10:31:36 · 211 阅读 · 0 评论 -
HTML与CSS基础(六)—— CSS布局(浮动float)
清除浮动带来的影响• 影响:如果子元素浮动了,此时子元素不能撑开标准流的块级父元素原因:• 子元素浮动后脱标 → 不占位置目的:• 需要父元素有高度,从而不影响其他网页元素的布局➢ 块格式化上下文(Block Formatting Context):BFC• 是Web页面的可视CSS渲染的一部分,是块盒子的布局过程发生的区域,也是浮动元素与其他元素交互的区域。➢ 创建BFC方法:1. html标签是BFC盒子2. 浮动元素是BFC盒子3. 行内块元素是BFC盒子。原创 2023-01-07 18:39:02 · 1288 阅读 · 0 评论 -
HTML与CSS基础(五)—— CSS布局(盒子模型)、PxCook使用
1. 盒子的概念1. 页面中的每一个标签,都可看做是一个 “盒子”,通过盒子的视角更方便的进行布局2. 浏览器在渲染(显示)网页时,会将网页中的元素看做是一个个的矩形区域,我们也形象的称之为 盒子2. 盒子模型内容区域(content)、内边距区域(padding)、边框区域(border)、外边距区域( margin)构成,这就是 盒子模型3. 记忆:可以联想现实中的包装盒。原创 2023-01-07 17:35:54 · 1390 阅读 · 2 评论 -
HTML与CSS基础(四)—— CSS基础(选择器进阶、Emmet语法、背景属性、元素显示模式、三大特性)
特性:子元素有默认继承父元素样式的特点(子承父业)可以继承的常见属性(文字控制属性都可以继承):1. color5. ……注意点:• 可以通过调试工具判断样式是否可以继承好处:可以在一定程度上减少代码常见应用场景:1. 可以直接给ul设置 list-style:none属性,从而去除列表默认的小圆点样式2. 直接给body标签设置统一的font-size,从而统一不同浏览器默认文字大小继承失效的特殊情况:如果元素有浏览器默认样式,此时继承性依然存在,但是优先显示浏览器的默认样式1.原创 2023-01-07 15:08:53 · 462 阅读 · 0 评论 -
HTML与CSS基础(三)—— CSS基础之基础选择器、字体文本相关样式
CSS:层叠样式表(Cascading style sheets)CSS作用:• 给页面中的HTML标签设置样式结构:HTML(决定了身体)表现:CSS(决定了样式美观)行为:JavaScript(决定了交互的动态效果)text-align : center 能让哪些元素水平居中?1. 文本2. span标签、a标签3. input标签、img标签注意点:1. 如果需要让以上元素水平居中, text-align : center 需要给以上元素的父元素设置。原创 2023-01-07 12:46:09 · 599 阅读 · 0 评论 -
HTML与CSS基础(二)—— HTML基础(列表、表格、表单、布局、字符实体)
场景:在网页的底部导航中通常会使用自定义列表实现。标签组成:• dl标签:表示自定义列表的整体• dt标签:表示自定义列表的主题• dd标签:表示对于主题的每一项内容显示特点:• dd前会默认显示缩进效果注意点:•dl标签中只允许包含dt/dd标签•dt/dd标签可以包含任意内容① 表格基本标签:table > tr > td② 表格标题和表头单元格标签:table > caption + tr > th + td③ 表格结构标签:table > thead > tr > td。原创 2023-01-06 22:04:09 · 297 阅读 · 0 评论 -
HTML与CSS基础(一)—— HTML基础(web标准、开发工具、标签)
HTML(Hyper Text Markup Language)超文本标记语言专门用于网页开发的语言,主要通过HTML标签对网页中的文本、图片、音频、视频等内容进行描述场景:需要让文字加粗、下划线、倾斜、删除线等效果说明标签语义标签加粗bstrong下划线uins倾斜iem删除线sdel场景:点击之后,从一个页面跳转到另一个页面称呼: a标签、超链接、锚链接特点:• 双标签,内部可以包裹内容• 如果需要a标签点击之后去指定页面,需要设置a标签的href属性。原创 2023-01-06 13:22:39 · 733 阅读 · 0 评论