前端学习开发实例

前端学习：HTTP协议、请求响应、分层解耦

HTTP协议HTTP-概述  HTTP：HyperTextTransferProtocol(超文本传输协议)，规定了浏览器与服务器之间数据传输的规则。如果想知道http协议的数据传输格式有哪些，可以打开浏览器，点击F12打开开发者工具，点击Network来查看。  浏览器和服务器是按照HTTP协议进行数据通信的。HTTP协议又分为：请求协议和响应协议请求协议：浏览器将数据以请求格式发送到服务器包括
~hello world~·2024-01-27 22:41

easypan前端学习（一）

文章目录前端项目node版本node镜像构建项目创建项目安装项目所有依赖图片资源网站encodeURI&decodeURIapp.config.globalProperties与getCurrentInstanceObject.assignvue-cookies安装vue-cookies使用vue-cookiesrouter.currentRoutepreservelogimport.meta.e
ps酷教程·2024-01-27 13:08

Nodejs前端学习Day1_补档

我给day1搞没了，还是觉得该补一个，有用文章目录前言一、学习目标二、学习目录三、为什么JavaScript代码可以在浏览器中运行四、为什么JavaScript可以操作DOM和BOM五、浏览器中的JavaScript运行环境总结前言补档一、学习目标二、学习目录三、为什么JavaScript代码可以在浏览器中运行浏览器中存在js解析引擎，才可以执行js代码不同浏览器使用不同的js解析引擎其中Chro
Mundaneman·2024-01-27 06:45

【融职培训】Web前端学习 第7章 Vue基础教程2 创建Vue项目

一、使用vue/cli创建Vue项目在第七章我们已经介绍了如何使用npm命令全局安装node包，本节我们需要安装一个名为@vue/cli的包来创建我们的vue项目，安装代码如下所示：npminstall-g@vue/cli安装完成之后，在命令行可以使用Vue命令命令创建一个vue项目，具体命令如下所示vuecreatehello安装过程需要连接国外服务器下载项目模板和依赖包，如果网速过慢可以在配套
lmonkey_01·2024-01-26 16:59

前端学习-0125

工具VscodeChromemac-vscode实用快捷键格式：shift+option+f快速移动一行：option+上下箭快速复制一行：shift+option+上下箭快速保存：command+s文件内查找：command+f文件内快速替换：option+command+fHTML5标签堆积:基础骨架标签特殊文件格式后缀:.html编写规则、声明:
至鳟宝·2024-01-26 14:29

前端学习-0125

标签含义：标题级别：-快捷键生成：h$*[0,6]属性：align="left|center|right"标签含义：段落标签含义：换行标签含义：线属性：color(颜色)|width(宽度：像素单位)|size(高度：像素单位)｜align(对齐方式left|right)标签路径绝对路径：E://test/test.jpg相对路径：父级：..\;同级：.\;子级：/文本标签标签描述着重加粗斜体st
至鳟宝·2024-01-26 14:25

前端学习之——react篇（条件渲染）

React没有特殊的语法来编写条件语句，因此你使用的就是普通的JavaScript代码。例如使用if语句根据条件引入JSX：letcontent;if(isLoggedIn){content=;}else{content=;}return({content});如果你喜欢更为紧凑的代码，可以使用条件?运算符。与if不同的是，它工作于JSX内部：{isLoggedIn?():()}当你不需要else
每月一瓶米诺地尔·2024-01-26 12:18

前端学习之——react篇（渲染列表）

你将依赖JavaScript的特性，例如for循环和array的map()函数来渲染组件列表。假设你有一个产品数组：constproducts=[{title:'Cabbage',id:1},{title:'Garlic',id:2},{title:'Apple',id:3},];在你的组件中，使用map()函数将这个数组转换为标签构成的列表:constlistItems=products.map
每月一瓶米诺地尔·2024-01-26 09:31

前端学习笔记一一HTML常用标签之列表标签

HTML常用标签之列表标签列表标签的用途，就是用于编排短语句的文字。1.无序列表在无序列表中，各个列表项之间没有顺序级别之分，它通常使用一个项目符号作为每个列表项的前缀。设置无序列表的类型—type无序列表的默认符号是圆点（●）。�元素有type属性，通过定义不同的type属性可以改变列表的项目符号。目前，type属性的属性值有：�disc(圆●)、circle（圆圈○）、square（方块■）定
前前前端小飞·2024-01-26 08:17

Arduino开发实例-使用SIM800L GSM模块接收和发送短信

使用SIM800LGSM模块接收和发送短信文章目录使用SIM800LGSM模块接收和发送短信1、硬件准备1.1SIM800L介绍2、硬件接线原理图3、代码实现3.1AT指令测试3.2发送短信3.3接收短信3.4拨打电话3.5接听电话在本文中，我们将使用SIM800LGSM模块和Arduino。SIM800L是一款低成本的GSM/GPRS模块，支持四频GSM/GPRS网络。它可以用来打电话、发送短信
视觉&物联智能·2024-01-26 04:41

强烈推荐 GitHub 上值得前端学习的开源实战项目

强烈推荐GitHub上值得前端学习的开源实战项目。
dizhao3079·2024-01-25 18:27

Arduino开发实例-R307指纹传感器模块

R307指纹传感器模块文章目录R307指纹传感器模块1、硬件准备1.1R307指纹传感器介绍1.2硬件接线原理图2、代码实现2.1指纹录入2.2指纹匹配在本文中，我们将介绍在Arduino中如何使用R307指纹传感器。R307指纹传感器是一款光学指纹传感器，可用于采集和存储指纹数据。该传感器分辨率为512×288像素，最多可存储1000个指纹模板。该传感器使用UART接口与Arduino相连。1、
视觉&物联智能·2024-01-25 06:58

菜鸡后端的前端学习记录

前言记录一下看视频学习前端的的一些笔记，以前对Html、Js、CSS有一定的基础（都认得，没用过），现在不想从头再来了，学学Vue框架，不定时更新，指不定什么时候就鸽了。。。。忘了记一下看的视频了，有兴趣的可以去看一看，目前感觉讲的还不错，但是需要有一定基础：【尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通】开发工具使用记录：VsCode代码提示挺不友好，配置起来还不一定生效（太
无名一小卒·2024-01-25 06:09

字节跳动内部前端学习笔记在互联网上火了，在Github标星33K+，完整版开放下载

一、入门前端三剑客1、HTMLhtml学起来还是挺简单的，无论你是否有编程基础，我觉得都可以快速入门，对于新手，我推荐找个入门的视频看一下，然后跟着视频打代码就可以了，入门教程随便在网上找个免费的视频就可以了，随便搜索「html入门」即可，或者看菜鸟教程的一个入门教程也行。看完视频，也可以看一下文字版的教程，不知道大家有没有看过阮一峰写过的教程，我觉得他写的教程都很棒，所以这里我也推荐下大家看一下
书苏·2024-01-25 03:29

前端学习路线

前端学习路线入门阶段HTML5：学习网页结构的基本标签，了解语义化标签的使用。CSS3：掌握样式布局，包括选择器、盒模型、定位、响应式设计等，以及CSS3的新特性如动画特效、过渡效果等。
注孤生程序员·2024-01-24 21:36

Vue3 前端学习（登陆界面，input 与 button的使用）

1.router-view跳转APP.vue可以类比主函数理解，里面可以写很多内容，但这是个很局限的做法，只适合学习一些前端知识点时候使用，不适合做项目。于是我们使用将要写的内容拆分开，理解为拆成诸多函数。在函数里实现相关功能。于是APP.vue写的很简单，因为他只实现路由功能2.呈现一个登陆界面（纯前端）LoginVue.vue一个登陆界面账号：密码：登录申请注册IamElButtonimpor
Sonaldo7·2024-01-24 20:31

前端学习笔记-HTML、CSS、Javascript基础知识

认识web网站的开发模式采用前后端分离技术开发Web前端三个组成部分HTML：负责网页结构（页面元素的内容）CSS：负责网页的表现（页面元素的外观、位置等页面样式，如：颜色、大小等）JavaScript：负责网页的行为（交互效果）HTML和CSSHTML：超文本标记语言：超越了文本的限制，比普通文本更强大。除了文字信息，还可以定义图片、音频、视频等内容；HTML标签都是预定义好的。例如：使用展示超
m0_53527658·2024-01-24 12:51

从自学的茫然，到现在豁然开朗，说说我的前端学习经历

最近这两年吹起了一股学习前端的风，我也参与了其中，我选择的是自学，花了几天的时间看w3cschool，在腾讯课堂听了很多公开课，然后又找到慕课网，看视频做题目。都说前端入门简单，我却用了三个月摸索的时间来学习，虽然能写点简单的，但是想要真正做一个项目，实际操作起来却并不是那么回事。特别是遇到一些问题的时候，我发现没有人指引我，我开始加学习交流群，运气好的话，有人会帮我解答，但一般情况是没有人回应的
悠悠qie·2024-01-24 07:24

【前端学习】JS中var与let的区别

1、作用域不同var是函数作用域，let是块作用域。在函数中声明了var，整个函数内都是有效的，比如说在for循环内定义的一个var变量，实际上其在for循环以外也是可以访问的而let由于是块作用域，所以如果在块作用域内定义的变量，比如说在for循环内，在其外面是不可被访问的，所以for循环推荐用let2、let不能在定义之前访问该变量，但是var可以。let必须先声明，再使用。而var先使用后声
半剑·2024-01-22 20:09

第8章ABAP OOP开发实例

目录8.1ABAP中数据和对象的动态创建和调用8.2字段符号fieldsymbol在ABAPOOP中的应用8.3ABAP中的泛型1.内表泛型2.ABAP类对象的泛型8.4ABAP日志类的使用8.5调试的使用8.6OOALV的应用8.7ABAPOOP实现网站购物车8.8持久类和对象持久化的应用编辑8.9基于对象的BADI的应用8.9.1classicbadi8.9.2新BAdI（KernelBAdI
ARTHUR王旭光·2024-01-21 23:20

10w 字前端技术文档分析

在2023年11月份，有小伙伴跟我说前端学习得很迷茫，不知道该学什么，也不知道已经学过的学得怎么样，于是，我立即萌生了一种想法，我要写一份前端文档，既可以帮助我自己查漏补缺，也可以帮助到其他人。
Jackson-Mseven·2024-01-21 21:48

Arduino开发实例-RS-422 & TTL MAX490 转换器远距离通信

RS-422&TTLMAX490转换器远距离通信文章目录RS-422&TTLMAX490转换器远距离通信1、硬件准备1.1RS-422转TTL转换器模块介绍1.2MAX490与MAX485比较1.3硬件接线原理图2、代码实现2.1主机代码实现2.2从机代码3、总结本文介绍如何将RS-422转TTLMAX490转换器在两个Arduino设备之间连接通信。MAX490RS-422至TTL转换器是一款使
视觉&物联智能·2024-01-21 15:40

Arduino开发实例-INA219 电流传感器驱动

INA219电流传感器驱动文章目录INA219电流传感器驱动1、INA219电流传感器介绍2、硬件准备及接线3、代码实现1、INA219电流传感器介绍INA219模块用于同时测量电流和电压。该模块使用I2C通信传输电压和电流数据。其他特性：测量精度：1%最大测量电压：26V最大测量电流：3.2A。注意感性负载开关。其瞬时电压可能会损坏电路。传感器引脚2、硬件准备及接线ArduinoUn
视觉&物联智能·2024-01-20 23:12

ES6前端学习笔记

修正ES6是ECMA为JavaScript制定的第6个标准版本，相关历史可查看此章节《ES6-ECMAScript6简介》。标准委员会最终决定，标准在每年6月正式发布并作为当年的正式版本，接下来的时间里就在此版本的基础上进行改动，直到下一年6月草案就自然变成新一年的版本，这样一来就无需以前的版本号，只要用年份标记即可。ECMAscript2015是在2015年6月发布ES6的第一个版本。以此类推，
已注 销·2024-01-20 22:23

【前端学习笔记1】css基础

css可以使页面更漂亮，即美化网页css：层叠样式表标签选择器：类选择器：id只能单次调用，类似人的身份证css里只要是word里面有的功能，他们都有对应的，不会的时候查一下就行实现垂直居中:height等于line-height就行font-family：可以修改字体font顺序：是否倾斜字号行高字体必须严格按照这个顺序来与文本相关text-indent：文本缩进text-align：cente
__dh·2024-01-20 21:30

【前端学习笔记2】javaScript基础

是什么：是一种运行在客户端（服务器的编程语言）javacript分为行内JavaScript，内部JavaScript，外部JavaScript内部JavaScript直接写在html中body里面alert（“hello，world”）我们将script放在html文件的地步附近的原因是浏览器会按照代码在文件中的顺序加载html如果先加载的JavaScript期望修改其下方的html，那么他可能
__dh·2024-01-20 21:58

OpenHarmony基于HDF简单驱动开发实例

OpenHarmony基于HDF简单驱动开发实例背景OpenHarmony-3.0-LTSqemu_small_system_demoliteos_aqemu添加配置device/qemu/arm_virt
码牛程序猿·2024-01-19 18:50

2019-06-14

我的前端学习之路最近在闲暇之余在学习前端开发前端学习之第一步：下载webstorm，开发工具，发现前端开发工具很不友好，不像xcode那么简单易上手，光下载成功就花费了半天的时间，现在附上mac版下载包
c0986fa58b5e·2024-01-19 17:54

OpenHarmony之HDF驱动开发流程指导

驱动开发实例基于HDF框架的驱动开发主要分为三个部分：驱动实现、驱动编译脚本编写和驱动配置。详细开发流程如下所示：驱动实现驱动实现包含驱动业务代码实现和驱动入口注册，具体写法如下
码牛程序猿·2024-01-19 11:43

前端学习路线图和一些经验

关于前端目前个人建议的一个路线,也是自己之前前端学习时候的一个大致路线,给想要学习前端的小白一个参考,以前自己刚开始接触前端的时候就是不知道该按照什么路线学习eg-前端是做什么的？
zhuyuyaya·2024-01-19 02:51

前端学习路线，带你入门程序猿

相信很多想学前端的小伙伴是非常迷茫的前端知识体系很多，不知从何学起而且框架也有不少，不知道该如何下手很多学习前端的小伙伴都没有一个很好的学习路线图，简直可以说是看见啥学啥而且自己在学习的时候非常吃力，感觉总是学不会，有时候前面学完后面忘都已成常态我们在学习的时候一定要有几个重点学习时间一定要充足，不能学一阵玩一阵，断断续续往往反反要有一个良好的学习路线图，不能看见啥学啥选择一套好的教学体系课程视频
David凉宸·2024-01-19 01:10

数据库系统原理例题之——目录

数据库系统原理例题之——目录资料说明：数据库系统原理例题的专栏目录整理集合第一章数据库系统概述第二章关系数据库第三章数据库设计第四章SQL与关系数据库基本操作第五章数据库编程第六章数据库安全与保护第七章数据库应用设计与开发实例第八章数据管理技术的发展
润小仙女·2024-01-19 00:16

前端学习03实体转义块级元素行级元素W3C语义化标签

HTML实体转义块级元素（相当执行了display：block操作）行级元素（内联元素）（相当执行了display：line操作）块级标签转化为行级标签块级标签转化为行级标签w3c(WorldWideWeb)结构（HTML）、表现（css）、行为（javascript）三部分组成（1）定义语言代码（2）JavaScript定义//脚本代码（3）css定义(4)注释中不用–（5）所有标签和属性的名字
花落墨山河·2024-01-18 18:30

cmake构建动态库实例（cmakelist）

文章目录一、开发实例1.1代码目录1.2代码内容1.2.1CMakeLists.txt1.2.2mylib.cpp1.2.2mylib.h1.2编译二、动态库使用方法一、动态链接源代码构建运行方法二：dlopen
三雷科技·2024-01-18 18:56

前端学习路上的小技巧二

上次总结了一部分解决问题的小方法以及部分常用代码，今天再来补充一些：1.各大浏览器兼容前缀：谷歌/苹果：-webkit；火狐：-moz；IE浏览器：-ms；欧朋浏览器：-o；2.行内及块元素的嵌套顺序：行内可以包行内；块元素可以包行内以及块元素，p标签属于个例，只能嵌套行内元素；3.css权重：*<标签
林芳芳0619·2024-01-18 07:07

前端学习系列之JQuery

目录JQuery介绍定义作用优点安装与使用JQuery包装集对象DOM对象JQuery包装集对象DOM对象转JQuery对象JQuery对象转DOM对象选择器基础选择器id选择器元素名称选择器类选择器选择所有元素组合选择器层次选择器后代选择器子代选择器相邻选择器同辈选择器表单选择器表单选择器⽂本框选择器密码框选择器单选按钮选择器复选框选择器提交按钮选择器图像域选择器重置按钮选择器按钮选择器⽂件域选
lgcgkCQ·2024-01-18 05:29

前端学习系列之JavaScript

目录JavaScript概述优点入门引入1.内部引入2.外部引入调试模式数据类型1.字符串2.数组3.对象4.流程控制if判断while循环for循环forEach循环for…in-------下标5.Map和SetMapSet6.iterator函数定义函数方式一方式二调用函数argumentsrest变量的作用域全局变量规范局部作用域常量方法内部对象DateJSONAJAXBOM对象windo
lgcgkCQ·2024-01-18 05:29

自学前端学习笔记-02CSS基础样式语法

◆CSS三大特性1.继承性2.层叠性3.优先级继承<通配符选择器<标签选择器<类选择器
Informal杨·2024-01-17 21:27

谁说程序员都是秃子?给你个眼神自己体会！

这里还是要推荐下小编的web前端学习裙:6879，58461，不管你是小白还是大牛，小编我都欢迎，不定期分享干货，包括小编自
秋风_bdfd·2024-01-17 19:55

《费曼学习法》第十九章

回顾前端学习的内容。第一，怀疑和探索。先对观点进行审视，通过审视的观点，要去思考更深处的原理。第二，寻找反证。有争议的地方往往是最有价值的地方。
伊娜·2024-01-17 10:25

OpenHarmony之HDF驱动开发流程指导

驱动开发实例基于HDF框架的驱动开发主要分为三个部分：驱动实现、驱动编译脚本编写和驱动配置。详细开发流程如下所示：驱动实现驱动实现包含驱动业务代码实现和驱动入口注册，具体写法如下
不入流HarmonyOS开发·2024-01-17 09:59

react子父组件互相通信传值

react子父组件互相通信传值写在前面：本文作为本人学习总结之用，同时分享给大家~个人前端博客网站：https://zhangqiang.hk.cn欢迎加入博主的前端学习qq交流群：：706947563
潜心专研的小张同学·2024-01-17 07:57

前端学习day27：弹性盒模型

1.盒模型的分类①标准盒模型box-sizing:content-box②怪异盒模型box-sizing:border-box③弹性盒模型2.弹性盒模型的定义传统布局基本依靠display、float、position来完成，有些特殊的布局写起来不太方便。CSS3弹性盒（FlexibleBox或flexbox伸缩盒），是css3的一种全新的布局模式，是一种当页面需要适应不同的屏幕大小以及设备类型时
ysccsyysc·2024-01-17 06:19

前端学习路线

前端学习路线大致的路线图：（个人看法）1.笔记管理使用Typora/vscode等工具将笔记存储在本地；破解版：http://www.itmind.net/13398.html使用github/gitee
城南顾北·2024-01-16 19:55

前端学习之旅(五)【stick】

任务学习使用前端中的粘性定位stick代码粘性定位.container{height:2000px;background-color:gray;}.header{height:80px;background-color:skyblue;line-height:80px;text-align:center;font-size:30px;}.item-first{height:50px;backgro
LeopardRich·2024-01-16 16:37

前端学习之旅(六)【定位元素居中】

任务一实现已经设计好的元素在父元素中水平方向填充满。设计好的元素展示：想要实现的效果：代码实现前的代码：定位元素居中/*原本设计好的样式，不能修改*/.container{height:400px;background-color:gray;position:relative;}.inner{background-color:orange;border:10pxsolidblack;padding
LeopardRich·2024-01-16 16:37

前端学习之旅(一)【对齐】

实操作业一任务实现以下效果代码解答B站学习样式一.outer{height:400px;width:400px;background-color:gray;overflow:hidden;}.inner{height:100px;width:200px;background-color:orange;margin:0auto;margin-top:150px;line-height:100px;t
LeopardRich·2024-01-16 16:07

前端学习之旅(二)【float】

学习任务float浮动产生的效果代码浮动小练习.outer{width:500px;border:1pxsolidblack;}.inner{height:100px;width:100px;background-color:skyblue;margin:10px;}123-->456-->789-->abc-->def-->学习方式分别查看每一个outer类的div产生的效果，将其他div注释。
LeopardRich·2024-01-16 16:07

前端学习之旅(四)【float实操】

任务使用float的方式，实现以下效果：代码实现浮动小实践*{margin:0;padding:0;}.horizontal{text-align:center;}.float-left{float:left;}.float-right{float:right;}.float-clear::after{content:"";display:block;clear:both;}.logo{width
LeopardRich·2024-01-16 16:07

前端学习之旅(三)【解决float】

其他问题，大家可以参考上一篇文章：前端学习之旅(二)解决方法方法一：直接给父元素增加height属性方法分析：能解决问题一（父元素的高度塌陷问题）和问题二（父元
LeopardRich·2024-01-16 16:35
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他