前端笔记❤️

D-前端笔记 关于input的各种实战问题和解决方式。

基础扎不扎实决定最终大楼的高度，input好像大家都会用，但是你确定你真的完全掌握了input吗？问题一，input默认字体样式自定义。答案：兼容各种浏览器。input::-webkit-input-placeholder{/*WebKitbrowsers*/color:#999;}input:-moz-placeholder{/*MozillaFirefox4to18*/color:#999;}
锋叔·2023-10-13 08:39

a标签css及前端笔记

a标签中具有开始标签和结束标签；a标签中可以写行内元素、行内块元素、块元素；a标签中如果包裹一张图片（图片属于替换元素，具有行内块元素特点），此时，整个图片可点击，但是a标签的高度仍然相当于是行内元素；但是如果把图片的display改为block，此时，a标签就与图片等高（消除了底下的空隙），并且底部对齐，并且，此时，a元素就成了块元素；行内元素中，一般只有a元素中，才会去嵌套块元素；一个div中
ps酷教程·2023-10-11 20:47

React笔记：useState

返回的这个数组包含两个元素：当前的状态值和一个允许我们更新这个状态值的函数2.1用法举例使用前端笔记：CreateReactApp初始化项目的几个关键文件解读-CSDN博客一样初始化的react程序，稍微修改一下
UQI-LIUWJ·2023-10-10 22:02

前端笔记：Create React App 初始化项目的几个关键文件解读

1介绍CreateReactApp是一个官方支持的方式，用于创建单页应用的React设置用于构建用户界面的JAVASCRIPT库主要用于构建UI2项目结构一个典型的CreateReactApp项目结构如下：├──package.json├──public#这个是webpack的配置的静态目录│├──favicon.ico│├──index.html#默认是单页面应用，这个是最终的html的基础模板
UQI-LIUWJ·2023-10-10 08:15

前端笔记记录

牛客网知识点一个完整的网页加载流程： (1)解析HTML结构 (2)加载外部脚本script和样式表文件link​//页面中的多个脚本文件采用同步的方式加载会产生“线程等待” (3)解析并执行脚本代码    (4)构建HTMLDOM模型    ​(5)加载图片等外部资源文件  //图片等文件以异步线程的方式加载不会产生等待(6)页面加载完毕​​​css加载不会阻塞DOM树的解析css加载会阻塞DO
裴孝宏·2023-10-09 00:19

前端笔记(8) Vue3+Vite 搭建项目 配置路径别名@

1创建项目先在命令行下面创建一个基于Vue+Vite的目录输入项目名称，这里我输入study-vue选择framework为vue选择variant为vue-tsnpminitvite@latest结果如下：2安装依赖安装依赖包npminstall启动项目，测试是否可运行npmrundev如果上面的npmrundev可以将项目运行，那么说项目创建没有问题，可以继续安装一些我们常用的依赖包了安装vu
瑟王·2023-10-07 22:25

【前端笔记】Js进阶-03

JavaScript进阶-第3天笔记了解构造函数原型对象的语法特征，掌握JavaScript中面向对象编程的实现方式，基于面向对象编程思想实现DOM操作的封装。了解面向对象编程的一般特征掌握基于构造函数原型对象的逻辑封装掌握基于原型对象实现的继承理解什么原型链及其作用能够处理程序异常提升程序执行的健壮性编程思想学习JavaScript中基于原型的面向对象编程序的语法实现，理解面向对象编程的特征。面
江海寄·2023-10-06 23:17

字节青训前端笔记 | Next.js 入门

这节课将讲述为什么要使用ssr渲染，以及如何使用next.js进行ssr项目的开发和部署先给出next.js的官网，本教程只是进行简单的学习笔记的记录，更详细的开发需要你自行深入学习https://www.nextjs.cn/docs/getting-startedSSRCSRSSGCSRCSR是指客户端渲染，它是流程是：用户输入地址，客户端向服务器发送请求，服务器将页面的相关代码原封不动的传递给
摸鱼老萌新·2023-10-06 07:17

前端笔记（11）提升首屏加载速度

首屏加载速度影响着用户对整个网站的第一体验尤为关键。那么如果才能够优化首次加载时的白屏时间？上一篇文章简单介绍了在浏览器里，从输入URL到页面展示的过程。现在我们将整个过程划分为三个阶段:1.从请求发出后到文档提交阶段，这个阶段中用户看到的还是跳转前的上一个页面。2.文档提交以后，渲染进程创建一个空白页面，并等待css、javascript的加载，生成CSSOM和DOM，然后构建布局树渲染页面。3
sullay·2023-10-03 16:35

前端笔记之国庆前端七天乐

所有笔记由尚硅谷视频得来~10.1追星去了嗨了一天没学10.21.盒子的大小：2.轮廓阴影和圆角：首先是轮廓，outline的应用：第二个讲的是阴影，以及用阴影时可以调整的一些值，如羽化等等最后是圆角：（以及如何设置成圆形）（学会这个你将被小米200万聘请（狗头））3.浮动的简介：浮动这一节很重要！！之前div不是会自占一行嘛！现在就可以打破了！不过要注意第六点哦！简单来说就是：不要超过“哥哥”；
陈漂亮beauty·2023-10-01 16:32

前端笔记（16）

代码：1.jQuery其他事件jQuery其他事件////JS原生写法//window.onload=function(){//}////jQuery写法，等同于上面写法//$(window).load(function(){//})////ready的写法//$(document).ready(function(){//})////ready的简写//$(function(){//})//窗口改
rtrhhthth·2023-10-01 11:28

前端笔记之9.25-9.28

希望明年可以找到前端的实习，那就从现在开始努力啦！HTML+CSS笔记1.内联框架：2.音视频：注意浏览器是否支持的问题！3.到CSS啦！这就是第一种css样式：内联样式；（在实际开发中并不推荐这样！麻烦啦）第二种：内部样式表；但也有问题：只对一个页面，不能跨页面复用！所以！第三种重要啦！在style里就不再遵循HTML的语法规则了，要遵循CSS的！接下来是css的语法：接下来是选择器的类别：很重
陈漂亮beauty·2023-09-25 08:03

前端笔记15

jQuery特殊效果代码：jQuery特殊效果.box{width:200px;height:200px;background-color:gold;display:none;}$(function(){$('#btn').click(function(){//$('.box').fadeOut();//淡出//$('.box').fadeIn();//淡入//$('.box').fadeTogg
明日计划·2023-09-22 12:39

[前端笔记037]vue2之vuex

前言本笔记参考视频，尚硅谷:BV1Zy4y1K7SHp105-p116vuex简介和基本使用概念：专门在Vue中实现集中式状态（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信什么时候使用Vuex多个组件依赖于同一状态来自不同组件的行为需要变更同一状态vuex原理图：下载vuex：npmivuex创建src/s
Plusmile1·2023-09-18 01:21

[前端笔记031]vue之hello、数据绑定、MVVM、数据代理、事件处理、计算属性和监视属性

前言本笔记参考视频，尚硅谷:BV1Zy4y1K7SHp1-p25官网文档完善，本文只做笔记使用，官网下载vue的开发版和生产版或者使用CDN，并去谷歌商店下载开发插件简介组件化模式，提高代码复用率，更好维护声明式编码，与命令式编码相比，无需直接操作DOM，提高开发效率虚拟DOM+diff算法，尽量复用DOM节点。helloworld：0.引入vue，前期用script标签引入，后期使用cli，np
Plusmile1·2023-09-18 01:50

[前端笔记036]vue2之ajax配置

前言本笔记参考视频，尚硅谷:BV1Zy4y1K7SHp96-p104vue脚手架配置代理服务器：方法一：在vue.config.js中添加如下配置：devServer:{proxy:"http://localhost:5000"}优点：配置简单，请求资源时直接发给前端即可缺点：不能配置多个代理，不能灵活的控制请求是否走代理工作方式：若按照上述配置代理，当请求了前端不存在的资源时，那么该请求会转发给
Plusmile1·2023-09-18 01:50

[前端笔记038]vue2之vueRouter、elementUI

前言本笔记参考视频，尚硅谷:BV1Zy4y1K7SHp117-p135相关理解vue的一个插件库，专门用来实现SPA应用单页Web应用（singlepagewebapplication，SPA），整个应用只有一个完整的页面点击页面中的导航链接不会刷新页面，只会做页面的局部更新；数据需要通过ajax请求获取一个路由就是一组映射关系（key-value）key为路径，value可能是function或
Plusmile1·2023-09-18 01:50

[前端笔记029]token和axios

前言本笔记参考视频，李立超:BV1Gg411z7fAp9-p20本地存储之前的登录持久化，是使用cookie+session的方式完成的，但cookie是在服务器创建的，针对前后的分离的场景时，cookie有跨域的问题，再者就是fetch本身就不带cookie信息；所以rest风格服务器不使用cookie可以将用户信息存储到浏览器本地存储，sessionStorage和localStorage；前
Plusmile1·2023-09-18 01:20

[前端笔记030]webpack和vite

前言本笔记参考视频，李立超:BV1Kd4y147ggp1-p12webpack前端的模块化，使用type=module会有兼容性问题，而且模块过多时影响加载速度解决方法，使用打包工具将模块打包成一个文件，将模块化的代码转化为旧的JS代码，既解决了兼容性问题，又解决了模块过多的问题使用webpack/vite，前者老且复杂，后者新简单要用webpack，需要使用node，使用步骤初始化项目yarni
Plusmile1·2023-09-18 01:20

【前端笔记】HTML、CSS、JavaScript、ES6新特性

前端学习笔记汇总HTML【HTML】常用标签语义及用法、vscode的使用【HTML5】新增语义化标签、多媒体标签、input表单、表单属性CSS【CSS基础】基础选择器、字体属性、文本属性以及CSS引入方式【CSS基础】复合选择器、元素显示模式、背景、CSS的三大特性以及一些小工具【CSS基础】盒子模型、浮动布局、ps切图、定位及一些零碎知识点【CSS进阶】精灵图、字体图标、用户界面样式、常见布
君和-·2023-09-14 08:19

前端笔记：Grid布局

文章目录目的基础说明容器的属性网格设置grid-template-columns和grid-template-rowsgrid-auto-columns和grid-auto-rowsgrid-column-gap、grid-row-gap和grid-gap元素排布grid-auto-flowgrid-template-areas对齐方式justify-items、align-items和place
Naisu Xu·2023-09-06 12:25

前端笔记：使用Web Components进行原生组件化开发

文章目录目的基础说明技术点介绍CustomelementsShadowDOMHTMLtemplates整合成独立组件文件示例演示与说明示例一示例二es6-string-html总结目的前端开发中组件化开发是一种趋势，方便界面中各种自定义组件的管理与复用。现在流行的React和Vue等框架都是组件化开发的。目前前端原生也支持一定程度上的组件化开发，这个称为WebComponents，这篇文章将对相关
Naisu Xu·2023-09-06 12:25

html5——前端笔记

html一、html51.1、理解html结构1.2、h1-h6(标题标签)1.3、p(段落和换行标签)1.4、br换行标签1.5、文本格式化1.6、div和span标签1.7、img图像标签1.8、a超链接标签1.9、table表格标签1.9.1、表格标签1.9.2、表格结构标签1.9.3、合并单元格1.10、列表1.10.1、ul无序列表1.10.2、ol有序列表1.10.3、自定义列表1.1
hmb↑·2023-09-03 00:20

【第一季】【SpringBoot+Vue】前后端分离项目实战 相关资料

免费资料：资源名称资源访问地址视频地址b站源码gitee素材百度网盘提取码:up4c项目概述笔记项目概述笔记数据库笔记数据库笔记前端笔记前端笔记后端笔记后端笔记
大菜007·2023-09-01 11:37

前端笔记 （持续更新~）

目录五星重点1.git的使用2.vue生命周期3.vuex4.vue组件通讯5.前端性能优化5.keep-alive的使用方法和生命周期6.typescrpit8.webpack10.pinia四星重点ts泛型js的this指向js数组方法js字符串方法移动端适配方案有多少种栈和堆文本溢出deineProperty和Proxyconst对象不可改变对象的合并8.防抖和节流9.垂直居中的方法三星重点
qq_43959639·2023-08-30 18:15

【前端笔记】HTML 纯文件 整理 使用 Vue2 + element-ui + axios + qs + 字节cdn

【前端笔记】HTML纯文件整理使用Vue2+element-ui+axios+qs+字节cdn收藏下,方便用的到时,来此复制下.该版本为vue2版本的,需要vue3版本的可以参考下这篇(点击查看)Documentbody
毛马户·2023-08-29 10:28

【前端笔记】HTML 纯文件 整理 使用 Vue3 + element-plus + 字节cdn

HTML纯文件整理使用Vue3+element-plus+字节cdn收藏下,方便用的到时,来此复制下.本来打算尝试做成组件版的,但是尝试了几种方案都没成功,有知道如何做的,有空帮忙评论区里告知下,谢谢.HTML纯文件整理使用Vue3+element-plus+字节cdn.flex-grow{flex-grow:1;}清风徐来ProcessingCenterWorkspaceitemoneitemt
毛马户·2023-08-29 10:57

前端笔记11——修改VUE CLI的入口文件main.js的路径（vue.config.js）

因为练习需要，VUE创建一个脚手架后，需要做很多不同的练习，不可能每一个小的练习都创建一个新的脚手架，所以就复制一份src文件夹，然后把原来做过的src改名。因为VUECLI默认只识别src目录下的main.js。这样，问题就来了，每次都要改将之前该过名的目录改回src才能运行。能不能不改文件的名称，VUE自动识别去运行自己想要的目录呢？在网上查了一些资料后，终于找到方法了，就是修改默认的入口文件
Shaoxi Zhang·2023-08-28 07:39

前端笔记

border-radius:数值px;圆角flex布局小程序中display:flex;//flex布局flex-direction:row/column;//规定主轴的方向：row/columnjustify-content:space-around;//元素在主轴方向的排列方式：flex-start/flex-end/space-around/space-between;align-items
Z QIan·2023-08-25 21:35

8.23前端笔记

1.html介绍:页面的三大组成部分1>.html结构层刚出生的小鸟2.>css样式层长出五颜六色的羽毛3.>js行为层会飞了结构层html和表现层css,是W3c制定的规范,万维网联名.行为层js,是ECMA制定的规范,欧洲计算机协会.html:Hypertextmark-uplanguageHyperTextMark-upLanguage超文本标记语言超文本:不仅可以放文本还可以放标签通过HT
莫莫子·2023-08-25 01:06

【从0开始学前端】记录前端笔记part3---CSS网页重构（CSS定位、还原设计稿）

一、CSS网页重构1)CSS定位（position）CSS定位是一种用来控制元素在网页中位置的技术。CSS提供了三种常见的定位方式：相对定位、绝对定位和固定定位。相对定位（Relativepositioning）：相对于元素在文档流中的原始位置进行定位。使用top、right、bottom和left属性来控制元素的偏移量。绝对定位（Absolutepositioning）：相对于最近的已定位的祖先
Ulpx·2023-08-24 02:50

前端笔记（13）nuxt js sitemap.xmpl配置

sitemap.xml通过@nuxtjs/sitemap模块根据前端路由自动生成。./config/sitemap.jssitemap路由列表//sitemap列表配置exportconstroutes=['/:lang','/:lang/about','/:lang/parent','/:lang/parent/about','/test']nuxt.config.jssitemap.xml生成
sullay·2023-08-20 04:25

如何实现前后端分离-----前端笔记

本文章转载于【SpringBoot+Vue】全网最简单但实用的前后端分离项目实战笔记-前端_大菜007的博客-CSDN博客仅用于学习和讨论，如有侵权请联系，将源码补充写的更快哦！！！等一会把源码补一下哦！拿一个项目看看：登录进去之后看到了一个初始页面右上角点注销：可以退出页面1、看一下我们功能菜单项1.1第一个用户管理，这里面可以做增删改查，默认会查出第一页数据，也可以带条件查询：1.2带条件查询
爱你三千遍斯塔克·2023-08-10 12:06

【SpringBoot+Vue】全网最简单但实用的前后端分离项目实战笔记 - 前端

配套视频地址：https://www.bilibili.com/video/BV1dG4y1T7yp/前端笔记1.node环境官网：https://nodejs.org注意，node可以比我稍低，但不要更高
大菜007·2023-08-10 12:05

前端早读课-前端八股文-前端面试指南-前端登顶之巅

前端登顶之巅、前端之巅、前端知识、前端面试、前端指南、前端进阶之旅、前端笔记整理，前端面试题总结，按模块整理精心分类、Vue、React、Vi
SunnyRun！·2023-08-10 03:36

前端笔记--HTML-4

输入限制disabled规定输入字段应该被禁用。被禁用的元素是不可用和不可点击的。被禁用的元素不会被提交max规定输入字段的最大值。maxlength规定输入字段的最大字符数。min规定输入字段的最小值。pattern规定通过其检查输入值的正则表达式。readonly规定输入字段为只读（无法修改）。required规定输入字段是必需的（必需填写）。size规定输入字段的宽度（以字符计），体现为文本
吃饱喝足搬代码丶·2023-08-08 14:20

前端笔记：微信小程序学习笔记

#目录[TOC]一、初识微信小程序1、什么是微信小程序Ⅰ-小程序历史2017年度百度百科十大热词之一微信小程序，简称小程序，英文名MiniProgram，是一种不需要下载安装即可使用的应用(张小龙对其的定义是无需安装,用完即走,实际上是需要安装的,只不过小程序的体积特别小,下载速度很快,用户感觉不到下载的过程)小程序刚发布的时候要求压缩包的体积不能大于1M,，否则无法通过，在2017年4月做了改进
前端小趴菜~时倾·2023-08-08 05:44

前端笔记

初级WEB前端工程师HTML5HTML5与HTM4的区别HTML5新增的主体结构元素HTML5新增的的非主体结构元素HTML5表单新增元素与属性HTML5改良的input元素的种类HTML5增强的页面元素HTML5编辑API之Range对象HTML5音频视频HTML5拖放HTML5Canvas标签的使用HTML5Canvas使用路径HTML5Canvas绘制渐变图形与绘制变形图形HTML5Canv
jianshuwangyd·2023-08-07 14:13

前端笔记html-layer使用

layer.open方法layer.open({type:2,//可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）title:title,content:['url?id='+id,'no'],//url请求地址返回页面,no->yes显示进度条area:['650px','585px'],btn:['确定','取消'],yes:function(ind
瑶山·2023-08-07 07:03

OAuth机制_web站点接入微软azure账号进行三方登录

该系列往期文章：前端笔记_OAuth规则机制下实现个人站点接入qq三方登录oauth授权O
yma16·2023-07-30 21:43

前端笔记猛猛学

VueVue3的一些基本配置去掉ESLint校验：package.json中的extends去掉eslint:commends引入icon图标//main.js中importElementPlusfrom'element-plus'import'element-plus/dist/index.css'import*asElementPlusIconsVuefrom'@element-plus/ic
CallMe_CrabXie·2023-07-25 04:26

【自学】前端笔记，入门前端第一步，安装一款好的编译软件。

从今天自学自己的前端笔记。所使用工具windows系统下，interlliJIDEA。
空尼Java·2023-07-23 19:16

用百度地图api获取当前定位，获取经纬度——前端笔记

问题：做一个按钮，点击后可以获取到当前位置的经纬度，并渲染地图。效果如下:代码如下:获取当前定位测试//需要有自己的自己的百度ｋｅｙ经度：维度：functiongetLocation(){//创建地图实例varmap=newBMap.Map("mapContainer");//创建定位控件实例vargeolocation=newBMap.Geolocation();//开启定位控件geolocat
我这头发越来越多呀·2023-07-21 16:35

前端笔记_OAuth规则机制下实现个人站点接入qq三方登录

文章目录⭐前言⭐qq三方登录流程qq互联中心创建网页应用配置回调地址redirect_uri流程分析⭐思路分解⭐技术选型+实现技术选型：实现⭐结束⭐前言大家好，我是yma16，本文分享OAuth规则机制下实现个人站点接入qq三方登录。oauth授权OAuth是一种授权机制，用于允许用户（资源所有者）向第三方应用程序授予有限的访问权限，而不必将凭证直接提供给第三方应用程序。OAuth的目的是为了保护
yma16·2023-07-16 20:41

若依框架前端笔记echarts折线图和饼状图

添加菜单可以直接在数据库中添加，菜单数据是从后端数据库返回的，在数据库中添加首页数据条目menu_type区别M为主菜单，C为item。但进入菜单后没了布局还是在router里配置一下路由用elementui布局成3*3的样式height：100%是铺满父容器的高度。height：100vh是指铺满屏幕的高度。%没生效，父容器已经设置了宽高100%，那就用vh直接在页面上写一个折线图importe
tsukuru·2023-07-16 18:29

[前端笔记——CSS] 12.处理不同方向文本

[前端笔记——CSS]12.处理不同方向文本1.书写模式2.书写模式、块级布局和内敛布局3.逻辑属性和逻辑值1.书写模式CSS中的书写模式是指文本的排列方向是横向还是纵向的。
弓早早o_O·2023-07-16 09:14

[前端笔记——CSS布局] 16.正常布局流

[前端笔记——CSS布局]16.正常布局流+弹性盒子1.正常布局流2.弹性盒子2.1指定元素的布局为flexible2.2换行2.3flex-flow缩写2.4flex项的动态尺寸2.5flex：缩写与全写
弓早早o_O·2023-07-16 09:14

[前端笔记——HTML 表格] 8.HTML 表格

[前端笔记——HTML表格]8.HTML表格1.HTML表格基础1.1什么是表格？
弓早早o_O·2023-07-16 09:43

前端笔记6

函数函数必须进行调用才会执行，函数要有返回值，一定要添加return关键字，否则返回值为underfinedarguments接受所有实参，并保存到arguments数组里函数表达式，立即执行函数(function(){console.log('liqingyu')})()值传递、引用传递//值传递leta=10letb=20functionchange(x,y){x=30;y=50;}chang
久别无恙.·2023-07-14 19:46

前端笔记5

运算符赋值运算符(+=、*=、-=、/=)a++先赋值后自增++a先自增后赋值比较运算符(>,=,==,===)==（隐式转换）只比较数值，将字符串转换为数字类型后进行比较===比较数值也比较类型逻辑运算符(&&,||,!)分支语句if,ifelse,ifelseifelse三元运算符分支语句简化判断条件？条件成立时执行的语句：条件不成立时执行的语句Switchswitch(表达式){case常量
久别无恙.·2023-07-14 19:33
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他