前端学习开发实例

JS-前端学习随笔-对于ES6新增Promise对象的理解

导读在前端开发中，我们经常会遇到一些需要等待结果的异步操作，比如发送网络请求或是获取用户位置信息等。以往我们通常使用回调函数来处理这些异步操作，但是回调地狱的问题让代码变得难以阅读和维护。幸运的是，ES6引入了Promise对象，它为我们提供了一种更优雅、更简洁的处理异步操作的方式。那么就请允许我带你轻松了解Promise对象的基本概念和使用方法，让你能够在异步操作中游刃有余，享受编码的乐趣。正文
泾柳123·2023-12-21 15:20

CSS-前端学习随笔-对CSS盒子模型的理解

导读对于刚刚学习前端的小伙伴们来说，学习CSS中的盒子模型这一概念后会对页面的布局开发有更深一点的认识。对于项目前期开发来说，根据产品原型图进行页面布局开发，这可以说是项目开发的起点。有了盒子模型的帮助，页面就可以进行高效的布局，其实就有点像搭积木一样，所以让我们来认识一下这个有趣的盒子模型吧！正文一、是什么当对一个文档进行布局（layout）的时候，浏览器的渲染引擎会根据标准之一的CSS基础框盒
泾柳123·2023-12-21 15:19

JS-前端学习随笔-对于深、浅拷贝的理解

导读在认识深浅拷贝之前，我们需要对js的数据存储类型有一定的认识。前面文章讲到JavaScript中存在两大数据类型：基本类型、引用类型。基本类型数据保存在在栈内存中，引用类型数据保存在堆内存中，引用数据类型的变量是一个指向堆内存中实际对象的引用，存在栈中在对于数据存储类型有一定理解之后，我们才能对为什么有拷贝的概念和为什么又要有深浅拷贝的区分有更深的理解正文一、浅拷贝对象的浅拷贝是其属性与拷贝源
泾柳123·2023-12-21 15:49

Vue-前端学习随笔-对于Vue生命周期的理解

导读相信大家在刚刚学习完Vue的一些基础语法结构，以及框架特点后，心中会有诸多的疑惑。例如：“我应该在什么时候进行页面初始化数据的请求？又应该在何时进行DOM操作？Vue所说的数据双向绑定是如何实现的，又是在什么时候实现的？、Vue的视图的更新是如何并又是在什么时候实现的？”这些问题在我初识Vue时是很混乱的，但是我相信大家通过对生命周期的学习，与对钩子函数的深入了解，这些问题都会慢慢化解的！正文
泾柳123·2023-12-21 15:17

DAY1-为什么要选择做前端？

日期：2020.3.20学习总用时：2h学习目标：了解web的相关知识学习笔记：1.学会用浏览器学习相关知识，对有用的网页进行分类收藏，建立两个文件夹：showcase和前端学习资料。
是桃子气泡水呀·2023-12-21 13:00

模块四（一）：搭建自己的SSR

同构渲染可以使用NuxtJS实现，它非常的方便，开箱即用，给我们配置好了各种各样的配置，感兴趣的可以参考NuxtJS开发实例。然而，如
一棵开花的树，枝芽无限靠近你·2023-12-20 19:44

Vue中的双向数据绑定v-model的实现原理

个人网站:【紫陌】【笔记分享网】想寻找共同学习交流、共同成长的伙伴，请点击【前端学习交流群】数据双向绑定？
紫陌~·2023-12-20 18:09

TypeScript前端学习（一）

前言之前只分享了前端环境的搭建，没有系统分享前端。最近到年底了，公司活也不多了，是时候学习下前端了。其实我也不知道怎么学前端，当初放弃前端就是因为可恶的样式与布局。今天分享也是不是从css、html分享，今天开始学习TypeScript，同时分享给大家，跟大家共同进步。一、TypeScript是什么？二、TypeScript使用步骤1.工具安装这个其实可以去TypeScript官网照着弄，对于有经
肥仔哥哥1930·2023-12-20 15:40

关于前端学习的思考-浮动元素嵌套块级元素12.18

1、块级元素嵌套浮动元素先摆图片，当橘色的盒子高度减少的时候，NKADTBPKNN并不会减少。如何解决呢？加一个overflow：clip或者hidden2、浮动元素嵌套块级元素加一个overflow：clip或者hidden综上所述，无论是块级元素嵌套浮动元素，还是浮动元素嵌套块级元素，都可以用overflow去解决这个细节问题。
Stephen Qiao·2023-12-20 06:11

前端学习的思考-细节打磨12.18`

实际工作中，人脑的想法很多，需要去调用很多知识去解决它。这里分享实践中遇到的几个细节：1、先摆图片我们想要通过点击“鞋品牌”，得到下拉菜单。我们来看代码结构。很明显，鞋品牌和下拉菜单是兄弟元素，li和下拉菜单是父子元素。这里我们用两种办法去解决。一个是同级元素，一个是父级元素。1、.nav-item2：hover~.meau.nav-item2：hover代表鼠标移入到鞋品牌后触发。~.meau代
Stephen Qiao·2023-12-20 06:40

一个简单的接口开发实例

一个简单的接口开发实例文章目录一个简单的接口开发实例0.写在前面1.开发前的准备1.1预备知识1.2开发环境1.3使用软件及笔者使用版本1.4软件下载安装及使用教程1.4.1xampp：1.4.2netbeans
ice_bear221·2023-12-19 07:50

Java:如何更优雅的处理空值？

在这里小编建了一个前端学习交流扣扣群：1093794329，我自己整理的最新的前端资料和高级开发教程，
骨灰设计师小X·2023-12-18 15:33

【融职培训】Web前端学习 第2章 网页重构15 flex布局

一、flex布局概述此前我们制作的所有网页都是基于盒子模型和浮动布局完成的，本节我们一起学习弹性布局（或者叫弹性盒子布局），这是一种更先进的布局方式，可以让网页布局更简洁，更易于维护。本节会针对flex布局的常用属性，讲解如何将flex布局应用到实际项目中。二、flex容器将一个元素设置如下属性1.box{2display:flex;3}此容器会变成一个flex容器（flexcontainer），
lmonkey_01·2023-12-18 05:38

web前端开发入门，学习路径以及具体的学习内容

前端学习路径1.WEB前端快速入门在本阶段，我们需要掌握HTML与CSS基础，当然，也包含H5和C3的新特性。这个部分内容非常简单，而且非常容易掌握。
陌染007·2023-12-18 01:09

ESP32网络开发实例-使用nlohmann/json库数据解析

使用nlohmann/json库数据解析文章目录使用nlohmann/json库数据解析1、JSON简介2、nlohmann/json库介绍与移植3、一个简单的示例4、嵌套JSON对象和数组5、JSON序列化6、JSON反序列化7、获取JSON对象的键值8、JSON扁平化（Flatten）9、解析HTTPJSON响应在本文中，我们将介绍如何在ArduinoIDE上通过ESP32使用nlohmann
视觉&物联智能·2023-12-17 23:10

【前端学习记录】Vuex状态管理学习笔记

为什么使用Vuex?在Vue中，当遇到多个组件共享状态时，单向数据流的简洁性很容易被破坏：多个视图依赖于同一状态。来自不同视图的行为需要变更同一状态。对于问题一，传参的方法对于多层嵌套的组件将会非常繁琐，并且对于兄弟组件间的状态传递无能为力。对于问题二，我们经常会采用父子组件直接引用或者通过事件来变更和同步状态的多份拷贝。以上的这些模式非常脆弱，通常会导致无法维护的代码。Vuex通过把组件的共享状
Note_creek·2023-12-17 19:33

【前端学习记录】下载功能实现小记

前言在项目中，通常会遇到很多需要下载的需求，那么应该如何处理下载功能呢？通过模拟a标签实现下载直接上代码DownloadFileexportdefault{methods:{downloadFile(){//替换成你要下载的文件的URLconstfileUrl='https://example.com/path/to/your/file.txt';//创建一个隐藏的元素constdownloadL
Note_creek·2023-12-17 19:33

【前端学习记录】el-dialog弹窗点击确定按钮关闭弹窗时的执行逻辑

根据element文档可知，当对话框关闭时会执行close方法，我们可以在@close方法中加上对应的处理逻辑。因此在使用时需要注意以下几点：当确定和取消按钮的业务逻辑不一致时，我们将取消(点击右上角的x)的逻辑写在before-close的方法中当确定和取消按钮的业务逻辑一致时，我们将取消(点击右上角的x)的逻辑可以写在close方法中
Note_creek·2023-12-17 19:03

【前端学习记录】记一次分片上传逻辑的调试过程

前言在项目开发的过程中，经常会遇到上传和下载，对于上传来说，如果是小文件的话，接口响应会比较快，但是对于大文件，则需要对其分片以减少请求体的大小和上传时间。小文件上传以Vue框架使用为例，直接上代码点击上传只能上传jpg/png文件，且不超过500kbexportdefault{methods:{handleSuccess(response,file){//处理上传成功的逻辑console.log
Note_creek·2023-12-17 19:01

HarmonyOS 开发实例—蜜蜂 AI 助手

HarmonyOS开发实例—蜜蜂AI助手1.前言自华为宣布HarmonyOSNEXT全面启动，近期新浪、B站、小红书、支付宝等各领域头部企业纷纷启动鸿蒙原生应用开发。
中杯可乐多加冰·2023-12-17 15:38

前端学习各阶段分别都在哪学？

image最近在群里总有小伙伴跟小肆说最近在学习前端的路上感到迷茫，他们有刚刚接触前端的小白，也有工作3年以上的老手，无一例外，他们都在不停的寻求进步（掌声呱唧呱唧），那小肆要说的呢，首先第一点，保持这种持续学习的心态，程序员这个行业不进则退，技术发展太快，靠吃老本是无法适应市场需求的。第二呢就是今天小肆要跟大家分享的，找对学习的地方。学习前端的不同时期我们应该学习的地方也不一样，小肆就在这里跟大
周小肆·2023-12-17 06:26

大数据毕业设计之前端02：架构布局和aside的设计

前言上一篇主要讲了我学习前端的一个经历，以及为什么选择BuildAdmin作为深入前端学习的原因.同事也大致聊了一下学习前端需要使用哪些技术栈。
叫我阿柒啊·2023-12-17 04:41

前端学习笔记（五）：VUE基础学习笔记

文章目录初识VUE（项目搭建）@vue/cli创建项目@vue/cli自定义配置vue指令基础指令虚拟DOM与key过滤器计算属性侦听器VUE组件创建使用组件通信生命周期axios使用$refs和$nextTick使用购物车案例组件切换组件插槽自定义指令tabbar案例VUE路由基础概念声明式导航路由传值的方式编程式导航嵌套和守卫Vant组件库VUE3VUE原理初识VUE（项目搭建）VUE渐进式j
★追梦赤子心★·2023-12-17 00:21

Windows Ribbon for WinForms 开发实例（VS2015）

WindowsRibbonforWinForms是WindowsRibbonFramework的一个.NET托管包装。本实例将通过开发一个仿写字板的程序演示WindowsRibbonforWinForms的基本用法。开发环境：Windows1064位+VisualStudio2015下载WindowsRibbonforWinForms进入http://windowsribbon.codeplex.
blackwood-cliff·2023-12-16 13:46

前端学习笔记之CSS3浮动定位与背景样式（三）

CSS3浮动定位与背景样式浮动与定位浮动的基本概念浮动用来实现并排浮动的最本质功能：用来实现并排浮动的使用浮动使用要点：要浮动，并排的盒子都要设置浮动父盒子要有足够的宽度，否则子盒子会掉下去浮动的顺序贴靠特性子盒子会按顺序进行贴靠，如果没有足够空间，则会寻找再前一个兄弟元素浮动的元素不再区分块级元素、行内元素，已经脱离了标准文档流，一律能够设置宽度和高度，即使它是span或者a标签等span{fl
FrebEaton·2023-12-15 15:57

SpringBoot+Vue3前后端快速整合入门

前言最近需要维护一个个人项目，由于笔者是一个大后端，所以借此机会把前端学习过程记录一下，方便后续回顾。
shark-chili·2023-12-15 12:31

前端学习--React(5)

一、useReducer管理相对复杂的状态数据定义一个reducer函数，根据action值的不同返回不同的状态在组件中调用useReducer并传入reducer函数和状态的初始值事件发生时，通过dispatch函数分派一个对象，即通知reducer具体返回哪个状态对应的操作import{useReducer}from"react";functionreducer(state,action){s
Michelle209·2023-12-15 12:44

ESP32网络开发实例-搭建ESP32固件远程升级服务器

搭建ESP32固件远程升级服务器文章目录搭建ESP32固件远程升级服务器1、ESP32设备自动升级流程2、软件准备3、硬件准备4、代码实现4.1固件升级服务器代码实现4.2基础固件代码4.3新固件代码实现我们在前面的文章中，已经实现了OTA方式升级固件的两种方式：在ArduinoIDE中升级和Web浏览器中升级。这两种方式都不能满足设备自动升级的需求。在本文中，将详细介绍如何搭建一个ESP32固件
视觉&物联智能·2023-12-15 10:20

emmo!!!

低调务实优秀中国好青年(简介)&&附加答案中文|English一个☝️正经的前端学习开源仓库，启发来自淘宝大佬@冴羽，初心做一个真正能帮助到大家的仓库。一个人可以走的更快，但一群人才能走的更远。
掘金-我是哪吒·2023-12-14 17:40

【每日更新 Suggest 】leetcode解题

低调务实优秀中国好青年(简介)&&附加答案中文|English地址⬇️github.com/webVueBlog/…一个☝️正经的前端学习开源仓库，启发来自淘宝大佬@冴羽，初心做一个真正能帮助到大家的仓库
掘金-我是哪吒·2023-12-14 17:10

一个正经的前端学习 开源 仓库（阶段二十六）

低调务实优秀中国好青年(简介)&&附加答案中文|English地址⬇️github.com/webVueBlog/…一个☝️正经的前端学习开源仓库，启发来自淘宝大佬@冴羽，初心做一个真正能帮助到大家的仓库
掘金-我是哪吒·2023-12-14 17:10

【前端学习记录】Vue前端规范整理

文章目录前言一、文件及文件夹命名二、钩子顺序三、注释规范四、组件封装五、CSS编码规范六、JS编码规范前言优秀的项目源码，即使是多人开发，看代码也如一人之手。统一的编码规范，可使代码更易于阅读，易于理解，易于维护。一、文件及文件夹命名不能使用中文、数字（需要数字是用英文first、second字符代替）文件名使用全小写vue、css、js、jpg等图片格式多单词文件名使用中划线-代替-eg:big
Note_creek·2023-12-14 14:08

Qt之连线、绘图（一）QGraphicsView架构

QGraphicsView基础入门文章目录一、架构介绍1、场景（QGraphicsScene）2、视图（QGraphicsView）3、图形项（QGraphicsItem）4、坐标系二、开发实例1、创建场景
lxcw·2023-12-14 13:21

关于前端学习的思考-vertical-align的用法

先摆结论：vertical-align这里的top线，bottom线，middle线，baseline线是由最大宽度和最大高度的行内元素或行内块元素决定的。按照惯例，先摆三个行内元素。1、改变第一个盒子，vertical-align：top，middle，bottom和baseline线；如图1基于2移动，1的top线和2的top线平行。由于2是三个行内元素的最大宽度和最大高度，所以1基于2的to
Stephen Qiao·2023-12-07 00:34

关于前端学习的思考-align-items的用法

垂直对齐只对，显示模式display：flex有效所以只能是flex盒子才能应用。摆四张图片就能清晰认识，不再赘述。
Stephen Qiao·2023-12-07 00:34

关于前端学习的思考-word-wrap和word-break的区别

如上图word-wrap里面的break-word就是按照单词来换行的，空格在前，连字符在后的时候，按照连字符进行换行，那么空格和连字符哪一个拥有优先级呢？连字符在前，空格在后的时候，还是按照连字符进行换行。综上，word-wrap有空格的时候按照空格换行，连字符和空格同时存在的时候，无论是连字符和空格位置如何，都是按照连字符换行。word-break的break-all就是正常换行。word-b
Stephen Qiao·2023-12-07 00:33

前端学习笔记

目标：使用react+antdesign构建出一个前端项目，并且可以自由的添加组件已会：html、css、js所需前置知识：ES6，nodejs，webpack，jsx，react，typescript学习路线如下：1、nodejs安装，会npminstall装包和npmstart项目即可2、webpack是做什么的，一个项目打包工具，可以把ES6语法转化为浏览器能识别的ES5语法webpack教
MInNrz·2023-12-05 19:59

Web前端学习：BAT前端面试送命题—JS三座大山

Web前端开发工程师是一个很新的职业，是从事Web前端开发工作的工程师。主要进行网站开发，优化，完善的工作。网页制作是Web1.0时代的产物，那时网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。给你学习路线，html-css-js-ajax-jq-html5-css3-bootstrap-vue.js-node.js-react.jd前言本篇文章比较适合3年以上的前端工作者，JS三座大山
Web前端小辰·2023-12-05 15:01

Web前端学习有哪些优势，HTML5与前端什么关系？

HTML5与Web前端什么关系，Web前端有哪些优势？Web前端就业怎么样?现在学习前端就业前景好吗?越来越多人了解Web前端，也有很多年轻人想进入到Web前端的行列，但是现在Web前端还值得大家去选择学习吗?对于很多同学疑虑的问题，下面就给大家解答一下，其实现在学习前端的话就业是没有问题的，为啥这么说?Web前端这一技术是从美工演变而来的，其名称具有很明显的时代特征。而且现在越来越多的IT企业对
Web前端小辰·2023-12-05 14:16

ESP网络开发实例-通过WebSocket控制步进电机

通过WebSocket控制步进电机文章目录通过WebSocket控制步进电机1、应用程序介绍2、软件准备3、硬件准备4、代码实现4.1Web页面创建4.2ESP32代码实现在这个ESP32网络服务器应用中，我们将介绍如何构建一个ESP32步进电机WebSocket网络服务器来控制步进电机的旋转。这将通过我们将添加到Web服务器页面的用户填写的表单来实现。用户将指定旋转方向以及步数。作为响应，与ES
视觉&物联智能·2023-12-05 11:12

前端学习总结，经验分享，项目经验分享过程

前言来，和魔王哪吒总结一下，分享一下自己对前端学习总结，经验分享，以及写过的项目经验分享过程。
魔王哪吒·2023-12-04 19:36

前端入坑之路

作为一枚前端的小白，还是要给刚刚入坑的小朋友们总结几条建议以及总结前端学习之路。相信刚刚开始准备学习前端之前，可能不确定从哪里开始学习，选择什么编程语言，使用什么工具，框架和技术等等。
liao林凤·2023-12-03 16:24

前端学习系列之CSS

目录CSS简介发展史优势基本语法引用方式内部样式行内样式外部样式选择器id选择器class选择器标签选择器子代选择器后代选择器相邻兄弟选择器后续兄弟选择器交集选择器并集选择器通配符选择器伪类选择器属性选择器CSS基本属性优点字体属性文本属性背景属性边框属性列表属性鼠标属性盒子概念格式边框外边距圆角边框阴影浮动标准文档流displayfloatoverflow定位相对定位绝对定位z-indexCSS
lgcgkCQ·2023-12-03 06:00

前端学习之vue+element-ui电商项目（五）商品列表

文章目录0.准备工作1.界面布局1.1导航界面2.卡片视图区域2.1界面样式2.2数据添加2.3方法实现3.商品表格区3.1界面样式3.2数据添加3.3方法实现4.底部分页4.1界面样式4.2数据添加4.3方法实现5.功能展示0.准备工作component下新建文件夹goods下新建文件List.vue，并在路由中引入文件1.界面布局1.1导航界面首页商品管理商品列表2.卡片视图区域2.1界面样式
shakalaca·2023-12-03 02:02

前端学习之初识Nodejs

node是什么：js运行环境能干什么：创建web服务器，让js成为php，java一样的语言学习地址：官网nodejs.org中午网：nodejs.cnCMD运行js文件创建js文件找到js文件路径node文件名模块化系统commonjs规范在Node.js模块系统中，每个文件都被视为一个独立的模块导出方法1exports.成员名=值导出方法2module.exports.成员名=值导入requi
Jones_aj·2023-12-02 11:23

【一、前端开发基础】HTML+CSS基础

学习笔记：基于黑马前端视频学习的CSS3笔记黑马前端学习笔记查看某个前端技术是否兼容浏览器版本HTMLVScode1、OpenInDefaultBrowser=》Alt+B2、注释：Ctrl+/3、查看
小蜜蜂学爪哇·2023-12-01 17:37

个人前端学习笔记 html5+css（保持更新）

2022年7月5日HTML基础知识一.路径的使用1.绝对路径的使用:表示含有盘符的路径地址==-不建议在服务器(工作)中使用==-补充：插件的名字:Imagepreview（在编辑器代码前显示图片）二.相对路径的使用同级找同级元素:目标文件的名称父级找子级元素:目标文件的文件夹名称/目标文件的名称子级找父级元素:../目标文件的名称三.常见的命令./表示当前目录../表示跳出当前文件夹返回上一级自
Natural-9·2023-12-01 17:05

爱创课堂分享web前端学习路线自学如何找到工作

爱创课堂分享web前端学习路线自学如何找到工作，自学能不能学会WEB前端并且找到WEB前端开发岗位的工作取决于自身条件，如果基础好，自律性强那么将会容易很多，还有就是自学最难克服的并不是知识点，而是自己的学习环境是否真的能让自己静心学习
爱创乐育知识速递·2023-12-01 05:54

关于前端学习的思考-内边距、边框和外边距

从最简单的盒子开始思考先把实际应用摆出来：margin：居中，控制边距。padding：控制边距。border：制作三角形。盒子分为内容盒子，内边距盒子，边框和外边距。如果想让块级元素居中，需要使用margin-left=auto;margin-right=auto;如果宽度没有，高度没有，这样的居中是无效的。例如图中的效果，因为宽度没有，高度没有，浏览器自动绘制：宽度横跨浏览器，高度为零。一旦宽
Stephen Qiao·2023-12-01 01:13

关于前端学习的思考-浮动元素和块级元素的关系

先摆关系：浮动元素嵌套块级元素，浮动元素和块级元素是上下关系。1、浮动元素为父盒子，块级元素为子盒子。父盒子为浮动元素，子盒子不会继承。如图float=none；摆结论：子盒子为行内元素，行内块元素和块级元素，子盒子都会随着父盒子移动。2、块级元素为父盒子，浮动元素为子盒子。同理，又如上述两张图片，父标子浮的情况下，父盒子也会带着子盒子移动。综上所述，父盒子会带着子盒子移动，浮动元素只会使得高度塌
Stephen Qiao·2023-12-01 01:42
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他