前端学习开发实例

前端学习随笔6 盒模型及相关属性

注：测试浏览器版本号——chrome75.0.3770.80；opera60.0.3255.109；firefox67.0；ie11。一心得体会最大的收获是第一次知道了outline（轮廓）这个属性，之前都没有使用过，所以没有注意到这个属性，还有就是对（display）显示类型有了一个新的认识，除了常用的一些显示类型，还有很多其他独特的显示类型，这为我们页面布局提供了很多新的选择。在这里建议初学者
前端唠唠嗑·2023-08-24 20:18

前端实现轮播图的三种方法。

轮播图，作为前端学习的经典案例，涉及了各种知识点，包括动画函数，js基础知识以及逻辑思路等，一辈子只做一次。下面总结实现轮播图的三种方法，从易到难，大家选择性学习。
李现分现·2023-08-24 00:57

ES6

仅以此文章对自己的前端学习工作进行一个记录。
糕点鼠变菜鸟鼠·2023-08-23 19:48

[国产MCU]-W801开发实例-PWM控制器与LED亮度调节

PWM控制器与LED亮度调节文章目录PWM控制器与LED亮度调节1、PWM控制器2、PWM驱动API介绍3、PWM示例实现本文将详细介绍如何通过使用W801的PWM模块来控制LED的亮度。1、PWM控制器W801的PWM控制器具有如下主要特点：5通道PWM信号生成功能2通道输入信号捕获功能(PWM0和PWM4两个通道)，支持DMA传输捕获频率范围：3Hz至160KHz占空比最大精度：1/256，插
视觉&物联智能·2023-08-23 14:38

前端学习记录 —— CSS（一）

前端学习记录——CSS（一）前言一、CSS介绍CSS注释一、CSS引入方式1.行内样式表(内联样式)2.内部样式表（内嵌样式表）3.外部样式表(外链式)4.CSS引入方式总结二、CSS基础选择器1.标签选择器
何为xl·2023-08-23 10:50

前端学习第四天——CSS

目录1.Emment语法1.1快速生成HTML结构语法1.2快速生成CSS样式语法(MAC不行)1.3快速格式化代码2.CSS的复合选择器2.1什么是复合选择器2.2后代选择器（重要）2.3子选择器（重要）2.4并集选择器（重要）2.5伪类选择器2.6链接类伪选择器2.7:focus伪类选择器2.8复合选择器总结3.css的元素显示模式3.1什么是元素显示模式3.3块元素3.2行内元素3.3行内块
lune_one·2023-08-23 10:50

前端学习笔记之——其他 CSS 属性和特性

其他CSS属性和特性1、设置元素的颜色和透明度属性说明值color设置元素的前景色opacity设置颜色的透明度1.1、设置前景色color属性一般用来设置文本的颜色。Examplep{padding:5px;border:mediumdoubleblack;background-color:lightgrey;font-family:sans-serif;}#banana{font-size:x
前丨尘忆·梦·2023-08-23 10:20

前端学习——CSS学习笔记（五）CSS布局定位

提示：文章内容学习过程中所记录的笔记目录学习目标一、定位1.1网页常见布局方式1.2定位的常见应用场景2.2使用定位的步骤3.1静态定位4.1相对定位5.1绝对定位5.2绝对定位到底相对于谁进行偏移6.1子绝父相介绍7.1固定定位8.1元素层级问题8.2更改定位元素的层级总结学习目标◆能够说出定位的常见应用场景◆能够说出不同定位方式的特点◆能够使用子绝父相完成元素水平垂直案例◆能够写出三种常见的光
羙橘·2023-08-23 10:50

[前端学习]JS高级部分学习笔记，第二天

函数进阶定义函数的方式声明函数functionxxx(){}这种方式是最直接的声明方式，js执行时这种方式会被预解析（声明提升）函数表达式varfn=function(){};这种方法是通过赋值，将函数赋值给变量，预解析只有变量和函数本身，赋值操作不会，所以这种方式函数不会被预解析构造函数方式varfn=newFunction('参数'，'参数'，'内部代码');这种定义方式不会用，执行速度慢，只
印象rcj·2023-08-23 02:55

2021-01-22

前端学习Day1熟悉BOM/DOM数据类型之间的转换数组的几种API调用传统函数和箭头函数的区别//document.write("hhh")//向控制台输出内容//BOM/DOMAPI//document
我素我素·2023-08-23 02:41

web前端学习/工作笔记（十六）

TAM上云访问链路：访问域名->UDNS(CNAME)->ias->北极星(负载和寻址)->tke搜索页性能优化：改良的csr，在服务端组装部分数据和html，在不增加服务器负载的情况下，减少在浏览器端的请求，首屏速度更快为什么模块循环依赖不会死循环，CommonJS和ESModule是怎样处理的？CommonJS是拷贝引用，可以利用缓存，避免死循环。每一个模块都先加入缓存再执行，每次遇到requ
kiki··2023-08-22 15:59

web前端学习/工作笔记（十五）

nginx代理后端接口location~*^/agent{rewrite^(/agent)(.*)$$2break;proxy_passhttp://ip:端口;proxy_set_headerX-Forwarded-Protocol$scheme;proxy_set_headerHost$host;proxy_set_headerX-Real-IP$remote_addr;proxy_set_h
kiki··2023-08-22 15:58

Django中的Templates、shell以及Admin

入门概念：https://www.jianshu.com/p/0fe287440973开发实例：https://www.jianshu.com/p/dabf3ad31e46本文进一步了解Django中的
edwin1993·2023-08-22 13:41

[国产MCU]-W801开发实例-ADC与芯片温度采集

ADC与芯片温度采集文章目录ADC与芯片温度采集1、ADC模块介绍2、W801中ADC的驱动API介绍3、硬件准备4、软件准备5、采集输入电压及芯片温度本文将详细介绍如何使用W801的ADC模块，并通过ADC模块采集W801内置温度值。1、ADC模块介绍W801的ADC基于Sigma-DeltaADC采集模块，最多支持4路模拟信号的采集。W801ADC的采样率通过外部输入时钟控制，可采集输入电压、
视觉&物联智能·2023-08-22 09:41

python上位机开发实例-python上位机

广告关闭腾讯云双11爆品提前享，精选热门产品助力上云，云服务器首年88元起，买的越多返的越多，最高满返5000元！若python上位机接受到的字符为"1’，则print出ok，如果字符是"0’则print出ng。2.实际效果：提供一个简易的ui让用户方便输入实现3.准备环境：python3、serial模块、easygui模块、单片机stc89c524.如果没有安装serial、easygui模块
weixin_37988176·2023-08-21 21:06

[国产MCU]-W801开发实例-GPIO输入与中断

本文在前面[国产MCU]-W801开发实例-按键与GPIO输入的基础上实现GPIO中断配置。
视觉&物联智能·2023-08-21 13:19

前端学习清单

顺序不分先后。技术名称技术描述技术链接HTML5HTML5是下一代的HTML标准，是一种用于结构化内容的标记语言。MDN|HTMLCSS3CSS3是CSS技术的升级版本，它的最大好处就是可以让网页设计师更加方便的为网页添加各种各样的样式，而不用再局限于文字、边框、背景和盒子模型这些方面。CSS3-TutorialMDN|CSSJavaScriptJavaScript是一种轻量级的编程语言，是一种可
影麟·2023-08-21 06:46

[国产MCU]-W801开发实例-W801SDK介绍及启动过程解析

1、W801SDK目录结构解析在前面的文章中，我们详细介绍了W801及其开发环境安装，请参考：[国产MCU]-W801开发实例-开
视觉&物联智能·2023-08-20 23:13

CSS3新增特性

新增边框属性8.新增文本属性9.新增渐变（本质背景图片）10.新增字体11.2D变换12.3D变换13.过渡14.动画15.过渡和动画对比16.多列布局17.伸缩盒模型18.响应式布局19.BFC20.前端学习
339+·2023-08-20 14:07

Nova 最新高度集成的SoC NT98530用于开发4K@60的IPC产品_AI算法承载硬件_开发实例

NovatekNT98530是一款高度集成的SoC，具有高图像质量、低比特率、低功耗，适用于8Mp60边缘计算IP摄像机应用。该SoC集成了ARMQuadCortexA53CPU核心、新一代ISP、H.265/H.264视频压缩编码器、DSP、高性能硬件DLA模块、图形引擎、双显示控制器、以太网GMAC、USB3.0和USB2.0主机/设备、音频编解码器、RTC和SD/SDIO3.0，可以提供最佳
weixin_42361632·2023-08-20 12:15

【SD3403】基于4+6Tops多媒体SoC核心板开发4K@60摄像机开发实例

网上介绍超感光低照度视频采集硬件开发的文章已经很多了，这篇文章介绍了SD3403平台对接IMX485开发的实例。经测试带AIISP特性带来优异的的超感光视频效果，另外空置的NPU核便于用户实现端侧快速应用算法部署；基于SD3403的SoC媒体处理芯片开发的编解码核心板，用于给开发者展示芯片强大的多媒体功能和丰富的外围接口，同时为开发者提供基于SoC的产品硬件PCBA，将芯片具备的资源完整开放出来，
weixin_42361632·2023-08-20 12:45

前端学习 - Vue

文章目录1.如何判断数据是否受Vue管理，数据（对象，数组，字符串等）能否响应式更新？2.数组更新检测原理问题1：使用el-table，el-table-column时使用show-overflow-tooltip可以使用但控制台报红问题2-使用elementuiel-table的:show-overflow-tooltip="true"属性时，当单元格数据过多时，鼠标划过时显示全部数据，此时数据
阿淼~·2023-08-19 21:57

[国产MCU]-W801开发实例-GPIO输出与LED点亮

GPIO输出与LED点亮文章目录GPIO输出与LED点亮1、GPIO介绍2、GPIO驱动API介绍3、点亮LED1、GPIO介绍在W801中，GPIO模块分为两组，GPOIA和GPIOB。GPIO的功能通过对GPIO控制器配置属性来实现。GPIO控制器允许用户对每个GPIO进行单独配置，包括配置为输入或输出；状态配置为悬浮、上拉、下拉；配置中断触发方式为上升沿、下降沿、双沿、高电平、低电平。W80
视觉&物联智能·2023-08-19 05:34

[国产MCU]-W801开发实例-按键与GPIO输入

请参考前面的文章：[国产MCU]-W801开发实例-
视觉&物联智能·2023-08-19 05:01

[国产MCU]-BL602开发实例-OLED-SSD1306驱动与U8g2移植

OLED-SSD1306驱动与U8g2移植文章目录OLED-SSD1306驱动与U8g2移植1、OLED介绍2、SSD1306介绍2、U8g2介绍3、U8g2移植3.1定义U8g2图形库的移植函数3.2移植函数实现3.3移植函数调用4、驱动测试本文将详细介绍如何在BL602中移植U8g2图形库，并通过U8g2库驱动OLEDSSD1306显示屏。1、OLED介绍“OLED”代表有机发光二极管-一种使
视觉&物联智能·2023-08-18 21:47

javascirpt常用复习知识

何为JS以及JS的重要性js作为一门编程语言，对于前端来说是最为核心的，它关系者前端学习路线的命运，比如我们熟知的node.js、vue.js、以及我们使用过的jquery，他们的底层都是依赖于js,显而易见
爱程序的大马猴·2023-08-18 06:39

2020 - 2021 年 Web 前端最新导航 - 前端学习资源分享&前端面试资源汇总

国庆这几天，我收集了大量可以显著提升开发效率的前端导航链接。这些导航链接对我很有帮助，希望对你也是如此。这些好用的导航链接都已经部署到下面的网站上了，在那里食用更美味哦。Web前端最新导航https://www.kwgg2020.com/笔者博客地址：https://github.com/biaochenxuying/blogJavaScriptJavaScript教程ES6入门教程JavaScr
是夜尽天明呀·2023-08-17 14:27

多人对战游戏开发实例之《组队小鸡射击》（附源码）

前言：该游戏项目主要是基于前端引擎CocosCreator开发，涉及后端联网的部分，则通过接入MatchvsSDK完成快速开发工作。准备工作MatchvsJavaScriptSDK下载地址MatchvsJavaScript的CocosCreator插件使用手册CocosCreator下载地址《组队小鸡射击》玩法简介：双方通过控制各自小鸡，通过不断点击屏幕进行空中飞行射击，被击中者将消耗以爱心为单位
·2023-08-17 07:26

前端学习路线

♥Hi~o(*￣▽￣*)ブui♥文章最后附有史上最详细、最易理解框架整理前端开发学习线路整理目录♥Hi~o(*￣▽￣*)ブui♥前端开发学习线路整理一、通用编程基础1.编程语言2.数据结构和算法3.网络协议4.设计模式二、基本开发工具1.IDE/编辑器2.版本控制工具3.浏览器三、前端开发史诗级三件套1.HTML2.css3.javascript四、封装库/工具库1、数据可视化2、UI框架3.编辑
逆风爬坡的罐姐·2023-08-17 07:19

前端新手学习路线

文章目录前端学习路线！
不爱吃糖的程序媛·2023-08-17 07:41

html静态网站基于游戏网站设计与实现共计10个页面 (仿地下城与勇士游戏网页)

毕设项目精品实战案例(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】超炫酷的Echarts大屏可视化源码：【echarts大屏展示大数据平台可视化(150套)】免费且实用的WEB前端学习指南
STU网页设计与制作·2023-08-16 17:16

[国产MCU]-W801开发实例-开发环境搭建

W801开发环境搭建文章目录W801开发环境搭建1、W801芯片介绍2、W801芯片特性3、W801芯片结构4、开发环境搭建1、W801芯片介绍W801芯片是联盛德微电子推出的一款高性价比物联网芯片。W801芯片是一款安全IoTWi-Fi/蓝牙双模SoC芯片。芯片提供丰富的数字功能接口。支持2.4GIEEE802.11b/g/nWi-Fi通讯协议；支持BT/BLE双模工作模式，支持BT/BLE4.
视觉&物联智能·2023-08-16 14:48

Axios原生开发实例

Axios实例|Axios中文文档|Axios中文网https://www.axios-http.cn/docs/instanceAxios中文文档_w3cschoolAxios是一个基于promise的HTTP库，可以用在浏览器和node.js中。_来自Axios中文文档，w3cschool编程狮。https://www.w3cschool.cn/jquti/axios中文网|axiosAPI中
奶奶滴,为什么不学java·2023-08-16 09:53

swift导入oc第三方库

swift导入oc第三方库前言对于ios开发而言，目前很多第三方库或者demo还是以oc为主，swift相关的资料很少，这篇文章就结合博主的开发实例对在swift工程中导入并使用oc版本的第三方库进行阐述
hpp417·2023-08-16 05:54

前端学习路线介绍

前端学习路线图.png作者其实并不是一个前端的顶级大牛，只是大学自学，然后面上了一家工资白菜价的电商公司。在整理这个路线图的过程中，我参考了许多资料，觉得这是一条很不错的学习之
码农小红依·2023-08-16 04:33

前端学习书籍/网站推荐（前端基础篇）

5年前端菜鸡，借鉴整理了一套前端知识体系图，目前网上的体系图很多，也很正确，但是由于目的性不同，颗粒度也不尽相同，梳理体系不是目的，掌握体系才是根本，所以今天要为体系中的各个环节“对症下药”，推荐一些自己这些年进入这些知识领域的书籍和网站（少量）。“合抱之木，生于毫末；九层之台，起于累土；千里之行，始于足下”，学习一门技术，基本功是最重要的，今天这篇书籍推荐，针对的是前端基础。一、HTML篇1、《
·2023-08-15 16:34

前端学习（h5）

已经学习了6周，下周一正好是42天，感觉已经过去了很久的感觉，恍惚中有学习了几个月的思维。在过去的这六个星期，学习了python的基础知识，我需要对自己充分的肯定。但是自己也有许多不足的地方，比如上课老师讲的东西没有消化完，练习不够，总结不够，复习不够。所以在下一个阶段我需要加强的地方有：多加练习，及时复习（最好应用艾宾浩斯遗忘曲线），把资料放到触手可及的地方。在这段时间我学习的内容主要是h5方面
bula_bula_bula_·2023-08-15 08:01

[国产MCU]-BL602开发实例-LCD1602 I2C驱动

LCD1602I2C驱动文章目录LCD1602I2C驱动1、LCD1602/LCD2004介绍2、硬件准备3、驱动实现本文将详细介绍如何在K210中驱动LCD1602/LCD2004I2C显示屏。1、LCD1602/LCD2004介绍LCD1602液晶显示器是广泛使用的一种字符型液晶显示模块。它是由字符型液晶显示屏（LCD）、控制驱动主电路HD44780及其扩展驱动电路HD44100，以及少量电阻
视觉&物联智能·2023-08-15 07:58

html5从入门到精通 源代码,html5开发从入门到精通源码课件.docx

PAGE/NUMPAGES免费的HTML5连载来了《HTML5网页开发实例详解》连载(三)DOCTYPE和字符集在2.1.2节中通过新老DOCTYPE的对比，读者可以清晰地看到HTML5在精简旧有结构上做出的努力
提姆葉yezhongli·2023-08-15 01:38

《HTML5网页开发实例详解》连载（四）HTML5中的FileSystem接口

HTML5除了提供用于获取文件信息的File对象外，还添加了FileSystem相关的应用接口。FileSystem对于不同的处理功能做了细致的分类，如用于文件读取和处理的FileReader和FileList对象、用于创建和写入的Blob和FileWriter对象、用于目录和文件系统访问的DirectoryReader和LocalFileSystem对象等，FileSystem功能的出现是浏览器
weixin_30505043·2023-08-15 01:38

html5 文件写入,免费的HTML5连载来了《HTML5网页开发实例详解》连载（四）HTML5中的FileSystem接口...

HTML5除了提供用于获取文件信息的File对象外，还添加了FileSystem相关的应用接口。FileSystem对于不同的处理功能做了细致的分类，如用于文件读取和处理的FileReader和FileList对象、用于创建和写入的Blob和FileWriter对象、用于目录和文件系统访问的DirectoryReader和LocalFileSystem对象等，FileSystem功能的出现是浏览器
余海晨·2023-08-14 19:25

免费的HTML5连载来了《HTML5网页开发实例详解》连载（三）DOCTYPE和字符集

在2.1.2节中通过新老DOCTYPE的对比，读者可以清晰地看到HTML5在精简旧有结构上做出的努力。DOCTYPE在出现之初主要用于XML中，用作描述XML允许使用的元素、属性和排列方式。起初HTML借鉴了XML中DOCTYPE的使用方法，并赋予了新用法，如大家熟知的触发浏览器的标准模式。假使在制作一张页面时，没有设定DOCTYPE，则浏览器会以怪异模式状态进行处理（即Quirks模式），该模式
weixin_34203426·2023-08-14 19:25

免费的HTML5连载来了《HTML5网页开发实例详解》连载（二）

最近新浪、百度、腾讯、京东、大众点评、淘宝等流行的网站都加大了招聘HTML5的力度，HTML5开发人员成了抢手货，本次连载的是由大众点评前端工程师和一淘网前端工程师基情奉献的《HTML5网页开发实例详解
weixin_34378045·2023-08-14 19:25

免费的HTML5连载来了《HTML5网页开发实例详解》连载（五）图解通过Fiddler加速开发

Fiddler是Windows底下最强大的请求代理调试工具，监控任何浏览器的HTTP/HTTPS流量，窜改客户端请求和服务器响应，解密HTTPSWeb会话，图4.44为Fiddler原理示意图。图4.44Fiddler原理示意图Fiddler安装的系统要求为WindowsXP或Windows8中的版本，其中Fiddler2依赖于Microsoft.NETFramework2.0，最新的Fiddle
会做饭的技术男·2023-08-14 19:24

《HTML5网页开发实例详解》连载（四）HTML5中的FileSystem接口

HTML5除了提供用于获取文件信息的File对象外，还添加了FileSystem相关的应用接口。FileSystem对于不同的处理功能做了细致的分类，如用于文件读取和处理的FileReader和FileList对象、用于创建和写入的Blob和FileWriter对象、用于目录和文件系统访问的DirectoryReader和LocalFileSystem对象等，FileSystem功能的出现是浏览器
nqxcwl·2023-08-14 19:54

免费的HTML5连载来了《HTML5网页开发实例详解》连载（六）媒体查询

响应式设计的另一个重要技术手段是媒体查询。如果只是简单的设计一个流式布局系统，那么可以保证每个网格按比例的放大和缩小，但有可能会使得在小屏幕下（如手机设备）网格太小而严重影响阅读，这样的设计称不上响应式设计。媒体查询可以来解决这一问题。媒体查询可以为特定的浏览器和设备提供特定的样式。媒体查询是CSS3的一个新特性，是对媒体类型的扩展。提示：W3C列出了10种媒体类型，请参考http://www.w
我爱丁丁猫·2023-08-14 19:24

当里个当，免费的HTML5连载来了《HTML5网页开发实例详解》连载（一）

读懂《HTML5网页开发实例详解》这本书你还在用Flash嘛？帮主早不用了乔布斯生前在公开信“Flash之我见”中预言：像HTML5这样在移动时代中创立的新标准，将会在移动设备上获得胜利。
我爱丁丁猫·2023-08-14 19:24

web前端学习资源分享清单（持续更新）

文章目录1.推荐团队博客推荐团队推荐博客2.推荐文章教程资源清单JavaScriptTypeScriptES6、ES7、ES8vuehtml(5)css(3)jquerywebpackgitnodejs优化、技巧前端微服务小程序开发网络协议、安全测试框架xmlNginx问题探索插件效果面试汇总游戏开发3.推荐技术社区4.开发杂谈5.推荐书籍6.常用工具7.其它资源1.推荐团队博客推荐团队w3cpl
等你许久_孟然·2023-08-13 13:55

微信小程序在使用vant组件库时构建npm报错

在跟着vant官方进行使用步骤一步步操作时，由于要构建NPM，但NPM包在App配置文件的外部所以在做下图这一步时：接着再进行npm构建时会报错message:发生错误Error:F:\前端学习\前端框架
申申呢？·2023-08-13 08:26

前端学习（ES6）rest参数用来代替es6的arguments & 扩展运算符 笔记

ES6引入rest参数，用于获取函数的实参，用来代替ES5的argumentsES5获取实参的方式获取到的是对象functionnumbers(){console.log(arguments[0]);//打印：0}numbers('0','2','3');标题ES6引入剩余参数(rest)剩余参数语法允许我们将一个不定数量的参数表示为一个数组。写法：在形参部分用**…+名字**，例如以下示例中的…
Zzzzuo1999·2023-08-12 17:23
上一页 11 12 13 14 15 16 17 18 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他