![](https://img-blog.csdnimg.cn/direct/5aa7d7d46aa24a1982300654f0d2fb51.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端零基础,高阶应用实战教学
文章平均质量分 97
前端从零开始,步步为营,让你扎实地用前端技能描绘这个美丽的世界,前端因你而更加丰富多彩,世界因你而璀璨夺目,加油吧老铁,多年前端经验积累,倾囊相授,大厂前端架构布局技巧,生产中避坑案例解读,保姆级教学,不怕你学会。
景天科技苑
中兴Python全栈技术专家,华为云开发者社区专家博主,阿里云开发者社区专家博主,CSDN全栈领域优质创作者。Python全栈开发,tkinter,PyQt5桌面应用开发,微信小程序开发,人工智能,爬虫,云原生K8S等领域多年深耕,深谙js逆向,App逆向,网络系统安全等领域。积累了大量的前后端开发,数据库,数据分析,Django,fastapi,flask,linux,shell脚本实战等框架实操经验。与君共享,携手共进!
展开
-
【vue】vue中的路由vue-router,vue-cli脚手架详细使用教程
vue就是我们前面学习的vue基础,vue + vue-router 主要用来做SPA(Single Page Application),单页面应用 整个网站都是通过一个html文件搞定的。我们只需要开发组件,页面中有什么组件,就开发什么组件。这些事情都是前端来做的,跟后端没有一点关系。vue-cli 能创建vue项目,把目录创建好了,哪个地方放组件,哪个地方放css样式等都划分好目录了。类似于我们通过pycharm创建django项目。而且能vue-cli把整个项目通过socket跑起来。原创 2024-03-22 09:20:42 · 3983 阅读 · 38 评论 -
【vue】深入探讨vue中组件间多种传值方式
vue中每个组件都是隔离的,包括父组件和子组件,各组件之间需要数据通信,就涉及到了组件传值,本文详细阐述了vue组件传值的各种方法与技巧。原创 2024-03-19 13:56:56 · 2646 阅读 · 31 评论 -
vue组件化开发流程梳理,拿来即用
组件(Component)是自定义封装的功能。在前端开发过程中,经常出现多个网页的功能是重复的,而且很多不同的网站之间,也存在同样的功能。而在网页中实现一个功能,需要使用html定义功能的内容结构,使用css声明功能的外观样式,还要使用js来定义功能的特效,因此就产生了把一个功能相关的[HTML、css和javascript]代码封装在一起组成一个整体的代码块封装模式,我们称之为“组件”。原创 2024-03-18 08:42:31 · 3394 阅读 · 47 评论 -
详细剖析让前端头疼的跨域问题是怎么产生的,又该如何解决
同源策略,是浏览器为了保护用户信息安全的一种安全机制。所谓的同源就是指代通信的两个地址(例如服务端接口地址与浏览器客户端页面地址)之间比较,是否协议、域名和端口相同。不同源的客户端脚本[javascript]在没有明确授权的情况下,没有权限读写对方信息。同源策略机制(Same Origin Policy,SOP)是一种约定,它是浏览器最核心也是最基本的安全功能,如果缺少了同源策略。则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础上的,浏览器只是针对同源策略的一种实现。原创 2024-03-17 08:33:08 · 13571 阅读 · 57 评论 -
vue生命周期函数原理解析,vue阻止事件冒泡方法实现
生命周期: Vue是一个构造函数,当执行执行这个函数时,相当于初始化vue实例;在创建实例过程中,需要设置数据监听,编译模板,将实例挂载到DOM上,数据更新能够让DOM也更新,在这个初始化,又会不同阶段默认调用一些函数执行,这些函数就是生命周期的钩子函数;原创 2024-03-15 13:43:03 · 1687 阅读 · 38 评论 -
前端框架vue的样式操作,以及vue提供的属性功能应用实战
前端框架vue的样式操作,以及vue提供的属性功能应用实战原创 2024-03-14 15:40:09 · 2428 阅读 · 37 评论 -
优秀的前端框架vue,原理剖析与实战技巧总结【干货满满】
Vue是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建,并提供了一套声明式的、组件化的编程模型,可以高效地开发用户界面。无论是简单还是复杂的界面,Vue 都可以胜任。Vue是一个独立的社区驱动的项目,它是由尤雨溪在2014年作为其个人项目创建, 是一个成熟的、经历了无数实战考验的框架,它是目前生产环境中使用最广泛的JavaScript框架之一,可以轻松处理大多数web应用的场景,并且几乎不需要手动优化,并且Vue完全有能力处理大规模。原创 2024-03-13 14:22:33 · 1835 阅读 · 6 评论 -
ES6:Promise使用方法解析大全
Promise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现,ES6 将其写进了语言标准,统一了用法,原生提供了Promise对象。Promise 是一个 ECMAScript 6 提供的类,目的是更加优雅地书写复杂的异步任务。Promise是一个构造函数,通过new来实例化,主要解决异步编程。原创 2024-03-12 08:36:31 · 1098 阅读 · 48 评论 -
学会Web UI框架--Bootstrap,快速搭建出漂亮的前端界面
bootstrap是一个基于HTML、CSS和Javascript语言编写的框架,具有简单、灵活的特性,拥有样式库、组件和插件,bootstrap常用来开发响应式布局和移动设备优先的Web项目,能够帮助开发者快速搭建前端页面。Bootstrap诞生于2011年,来自Twitter公司,是目前最受欢迎的前端框架。是一个用于快速开发Web应用程序和网站的前端框架。Bootstrap是基于HTML、CSS、JS的,简洁灵活,使得Web开发更加快捷。原创 2024-03-10 09:15:00 · 14731 阅读 · 43 评论 -
前端javascript的DOM对象操作技巧,全场景解析
JavaScript中,dom是一套操作文档内容的方法,可以完成查、增、删、改(先删后增)的操作。而且dom的开发效率很高,还可以用于服务器渲染、weex 开发等。本文向大家介绍JavaScript中的dom。原创 2024-03-09 08:45:00 · 1581 阅读 · 44 评论 -
前端javascript的BOM对象知识精讲
BOM:Browser Object Model,浏览器对象模型,提供一系列与浏览器相关的信息。浏览器对象模型(Browser Object Model (BOM))不存在浏览器对象模型(BOM)的官方标准。现代的浏览器已经(几乎)实现了 JavaScript 交互相同的方法和属性,因此它经常作为 BOM 的方法和属性被提到。BOM对象:分为window对象和window子对象(screen对象,location对象,navigator对象,history对象)。原创 2024-03-08 08:40:40 · 1338 阅读 · 14 评论 -
javascript中字符串处理,常用的方法汇总
虽然 JavaScript 有很多用处,但是处理字符串是其中最流行的一个。下面让我们深入地分析一下使用 JavaScript 操作字符串。在 JavaScript 中, String 是对象。 String 对象并不是以字符数组的方式存储的,所以我们必须使用内建函数来操纵它们的值。这些内建函数提供了不同的方法来访问字符串变量的内容。下面我们详细看一下这些函数。操作字符串的值是一般的开发人员必须面临的家常便饭。操作字符串的具体方式有很多,比如说从一个字符串是提取出一部分内容来等等....原创 2024-03-07 14:02:54 · 1581 阅读 · 31 评论 -
深入探讨javascript的流程控制与分支结构,以及js的函数
在javascript中的一个程序执行的过程中,各条代码的执行顺序对程序的结果是有直接影响的。很多时候我们要通过控制代码的执行顺序来实现我们要完成功能。简单理解︰流程控制就是来控制我们的代码按照什么结构顺序来执行流程控制主要有三种结构,分别是顺序结构、分支结构和循环结构,这三种结构代表三种代码执行的顺序。原创 2024-03-07 08:47:58 · 1361 阅读 · 34 评论 -
javascript中的强制类型转换和自动类型转换
JS 数据类型转换 方法主要有三种,转换函数、强制类型转换、自动类型转换。原创 2024-03-06 09:24:12 · 1676 阅读 · 28 评论 -
学习javascript,前端知识精讲,助力你轻松掌握
JavaScript在1995年诞生了; 由Netscape公司,布兰登·艾奇(Brendan Eich)发明的ECMAScript客户端脚本语言;主要应用在浏览器,在当时却不温不火.直到后来Netscape与Sun合作,借着java的火爆程度改名叫JavaScript,开始流行起来经过历史迭代,欧洲计算机制造商协会,European Computer Manufacturers Association 简称:ECMA组织协会, 在2015年6月正式发布JavaScript语言的新标准 ECMAS原创 2024-03-05 16:04:21 · 1289 阅读 · 12 评论 -
css样式元素的相对定位,绝对定位,固定定位等元素定位运用技巧详解
在CSS中关于定位的内容是:position:relative | absolute | static | fixed。static 没有特别的设定,遵循基本的定位规定,不能通过z-index进行层次分级。在文本流中,任何一个元素都被文本流所限制了自身的位置,但是通过CSS我们依然使得这些元素可以改变自己的位置,我们可以通过float来让元素浮动,我们也可以通过margin来让元素产生位置移动。原创 2024-03-04 09:25:34 · 2176 阅读 · 29 评论 -
css样式字体、文本、背景属性,盒子模型详解,轻松调教出优美的字体和网页背景色
CSS样式学习宝典,关注点赞加收藏,防止迷路哦原创 2024-03-03 09:15:00 · 1403 阅读 · 35 评论 -
前端CSS样式零基础教学总结,UI、前端开发都适用
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。原创 2024-03-02 09:00:00 · 1572 阅读 · 30 评论 -
html基础操练和进阶修炼宝典
多年工作经验总结,html修炼必经之路---各种类型标签详解加展示代码分享,关注点赞加收藏,防止迷路哦。原创 2024-03-01 14:20:54 · 1290 阅读 · 14 评论 -
Html零基础入门教程(非常详细)
HTML ,全称“Hyper Text Markup Language(超文本标记语言)”,简单来说,网页就是用HTML语言制作的。HTML是用来描述网页的一种语言, 是一种在 Web 上使用的通用标记语言。HTML 允许你格式化文本,添加图片,创建链接、输入表单、框架和表格等等,并可将之存为文本文件,浏览器即可读取和显示。原创 2024-02-29 13:59:43 · 2844 阅读 · 24 评论