前端笔记❤️

前端笔记1

HTML（HypertextMarkupLanguage）超文本编辑语言基本的HTML页面：网页标题h1>网页正文标题：h1-h6我是一个段落换行注释格式：注释不能嵌套！解决乱码问题：图片的类型：jpg\png\gifjpg:支持颜色丰富，可以压缩，不支持透明png:颜色多，支持复杂透明的图片gif:支持颜色少，简单透明的图片（黑白色），支持动图meta标签1.设置字符集2.指定关键字3.指定网页
小袋鼠cf·2023-07-13 19:57

前端笔记1

HTML概念超文本标记语言（英语：HyperTextMarkupLanguage，简称：HTML）是一种用于创建网页的标准标记语言。（是标记语言，不是编程语言）内核对浏览器内核的理解主要分成两部分：渲染引擎(layoutengineer或RenderingEngine)和JS引擎。渲染引擎：负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入CSS等），以及计算网页的显示方式，然后
qq_45225833·2023-06-21 14:42

前端笔记

前端笔记到现在已经基本结束GitHub地址https://github.com/superwenqistyle/pythonWeb/tree/master/FrontCode-master
明日计划·2023-06-20 14:50

html 前端笔记常用样式和方法

目录textarea宽高固定Js获取文本框中鼠标选中文本Js设置鼠标选中文本Js追加/清空表格自定义CheckBox颜色多选框选中和反选操作多次后attr()不生效JS转Json选择器textarea宽高固定style="resize:vertical"resize:vertical宽固定none宽高固定both宽高都可调整horizontal高固定Js获取文本框中鼠标选中文本//IE9下JS获取
瑶山·2023-06-19 05:34

前端笔记（12）nuxt js 多语言方案

使用vue-i18n实现国际化,多语言数据保存在locales文件夹内；通过URL的params与vuex共同维护当前语言状态；路由改变时触发middleware/i18n.js中间件，如果当前路由不包含多语言即params.lang为空，重定向到当前语言。最后调用commit（'SET_LANG'），并修改i18n.locale。nuxt.config.js前端路由国际化处理router:{//
sullay·2023-06-18 11:29

毕设遇到的问题

:0;font-family:a;第一个0是指字号为0第二个0是指行高为0a是指元素的字体系列label标签里的for属性这个属性最直观的效果是点击Label后，会聚焦到for指定的地方(11条消息)前端笔记
葫芦葫芦葫芦·2023-06-15 21:45

前端笔记（VUE）

前端笔记-VUE扁平数据结构转树形结构树-查找节点的所有父元素a-form-model跳转到校验失败的位置表单校验->正则校验全屏展示某个DOM滚动条样式dayjs()文字超出省略文件上传（a-upload
破程序员·2023-06-13 20:39

前端笔记目录

HTML部分HTML常用的标签HTML表格标签HTML列表标签HTML表单标签CSS部分CSS选择器CSS字体属性JavaScript部分JavaScript——ES6新特性（1）JavaScript——ES6新特性（2）JavaScript——ES8新特性JavaScript——ES9新特性JavaScript——ES10新特性JavaScript——ES11新特性Vue2-Vue3Vue学习笔
iFulling·2023-06-13 13:40

前端笔记 —— uni-app踩坑记录

一、生命周期注意事项页面生命周期onLoad和onInit函数无法使用asyncawait。compositionAPI中，onLoad函数只能写在setup同一级，无法由setup代替。二、ts开发注意事项拆分引用组件时，引用路径一定要完整引用到.vue，无法用index.ts形式转发。vue3的初始模版类型声明有问题，更新typescript或者vue的版本即可。三、样式开发注意事项深度选择器
紫de惆怅·2023-06-13 05:05

前言

创建前端笔记就是为了记住遇到过的问题或是用过的方法，来帮助自己学习提升的一种途径^_^对自己而言，前端不算陌生，但也不精通，因为很多时候都是为了达到目的而大量百度，各种筛选、尝试后直接copy来使用，并没有真正去理解为何这样用
smile_leo·2023-06-11 09:12

字节青训前端笔记 | Node入门

Node.js是一个基于ChromeV8引擎的JavaScript运行环境，Node.js是JavaScript的后端运行环境，官方网站：https://nodejs.org/zh-cn/Node.js为JavaScript提供了一些服务器级别的操作API，可以用来进行：文件读写、网络服务的构建、网络通信、构建http服务器等操作node的应用场景前端工程化打包工具bundle，uglify等等都
摸鱼老萌新·2023-04-21 01:05

字节青训前端笔记 | Web安全

在网络时代下，Web安全随处可见并且危害极大，Web安全问题也越来越受到重视。本节课将讲述Web中的攻击和防御XSS利用开发者盲目信任客户提交的内容来实现的工具，恶意攻击者往Web页面里插入恶意Script代码，当用户浏览该页面时，嵌入Web里面的Script代码会被执行，从而达到恶意攻击用户的目的。他的特点是：一般来讲它难以从UI上被感知到，即偷偷运行脚本他习惯用cookie和token来窃取用
摸鱼老萌新·2023-04-21 01:03

前端笔记 ---- Chrome 浏览器不能跨域访问解决方案

1.需求场景Chrome浏览器开发H5进行接口联调时，浏览器不允许跨域访问；想通过浏览器设置，不使用代理等，浏览器可以进行跨域访问。2.报错图片3.解决方案3.1获取Chrome浏览器安装位置3.2设置允许跨域和不验证证书--user-data-dir="C://Chromedevsession"--disable-web-security--test-type--ignore-certifica
Rattenking·2023-04-19 01:25

web前端笔记

HTML(安装liveserver插件)我们上网时所看到的所有内容其实就是body里面的内容！！+tab快速生成一个html模板；https://www.runoob.com/tags/html-elementsdoctypes.htmlhtml的菜鸟教程！html中的元素分为两种，一种是块状元素，宽度是100%他可以占满一整行一种是行内元素(比如a标签)不会占一行。br是换行标签CSS(安装ht
午觉千万别睡过·2023-04-18 16:24

Web前端笔记记录

Web前端笔记记录概念理解1、网站2、VSCode3、htmlhtml的超文本性html的语言性html的标记性写法4、css5、Web前端的三大核心技术6、网站开发实操快捷键的使用在VSCode里可以进行的操作
优降宁·2023-04-09 04:14

千锋前端笔记

注：vscode的代码文件应该存放在其他子文件夹，否则由于软件的自动更新机制，代码文件会造成丢失学校与千锋教育存在合作，大二的JAVA高级实验周是有千锋的老师进行教学。印象不错，所以找的是千锋的视频，自我笔记前端基本HTML5和css3以及javascripthtml为文本标记语言，提供框架，css进行静态装饰，JavaScript负责动态交互是对前端的基本介绍以及学习框架，直接代码基本的段落语言
JUMPLANB·2023-04-06 04:44

其他的博客地址

关于我的博客csdn：阿泽不会飞的博客_CSDN博客-周记,前端笔记,项目实战领域博主掘金：阿泽爱干饭的个人主页-文章-掘金个人博客：阿泽的个人博客个人博客少更新，维护
阿泽不会飞·2023-04-04 22:38

（五）javascript常用转义符

我的前端笔记（包含js基础语法，DOM,BOM操作）
冉冉编程·2023-04-04 11:56

前端笔记 - Vue SPA SEO方案 - 使用预渲染插件prerender-spa-plugin

前言SPA、SEO、SSR介绍已经有大佬总结的够详细，够简单易懂了。参考阅读：https://www.jianshu.com/p/fcb98533bc18?tdsourcetag=s_pctim_aiomsg预渲染插件使用版本要求"vue":"^2.6.10","prerender-spa-plugin":"^3.4.0","@vue/cli-service":"^3.8.0",安装cnpmins
汉水河畔·2023-04-04 00:48

前端笔记--HTML-3

html表单：元素HTML表单（元素）用于收集用户输入。表单元素指的是不同类型的input元素、复选框、单选按钮、提交按钮等等。元素是最重要的表单元素。元素有很多形态，根据不同的type属性。文本输入类型：定义用于文本输入的单行输入字段：Firstname:Lastname:请注意表单本身是不可见的。同时请注意文本字段的默认宽度是20个字符。运行：单选输入按钮类型：定义单选按钮。单选按钮允许用户在
吃饱喝足搬代码丶·2023-04-03 11:53

pink前端基础

pink前端笔记pinkHTML20%前言网页HTML网页的形成浏览器内核Web标准（重点）web标准的意义web标准的构成HTML标签HTML语法规范HTML基本结构标签开发工具HTML常用标签**标签
Pillow_Monkey·2023-03-30 19:20

2019-04-16

node（一）标签（空格分隔）：前端笔记constpath=require('path');constfs=require('fs');//记住，今后只要涉及到路径片段的拼接，一定要使用path.join
随性个性随机·2023-03-28 18:25

前端笔记（18）

代码：滚动条：滑动条.slidebar_con{width:650px;height:32px;margin:50pxauto0;}.slidebar{width:600px;height:30px;border:1pxsolid#ccc;float:left;position:relative;}.slidebar.dragbar{width:30px;height:30px;backgroun
rtrhhthth·2023-03-27 05:04

前端笔记 — JS面向对象

一.创建对象创建对象的四个步骤创建一个新的对象绑定作用域（将构造函数的作用域绑定到对象上）初始化对象（执行构造函数的代码）返回新对象1.工厂模式functioncreatePerson(name){letobj=newObject()obj.name=nameobj.sayName=function(){console.log(this.name)}reutrnobj}letp=createPer
codingZero·2023-03-25 19:05

Web前端笔记记录（四）

Web前端笔记记录（四）strong与b；em与ii与b的应用场景引用标签blockquoteqabbraddressciteiframe嵌套页面br与wbrpre与codemap与areaembed和
优降宁·2023-03-23 17:14

前端笔记之html＋css

学习目标：重温html＋css学习过程：w3c课程＋慕课网html＋css完成：100%什么是盒子模型？参考资料：盒子模型科普、盒子模型讲解css帮助我们给html做美化，这就离不开各周位置的确定，盒子模型就如下图所示：Border(边框)-围绕在内边距和内容外的边框。Padding(内边距)-清除内容周围的区域，内边距是透明的。Content(内容)-盒子的内容，显示文本和图像。盒子模型Marg
盟丫头萌檬懵·2023-03-21 11:02

前端笔记 — http与https

一.定义1.什么是HTTP？HyperTextTransferProtocol，超文本传输协议，它是TCP/IP协议的一个应用层协议，用来定义客户端与服务端通讯的格式2.什么是HTTPS？HTTPS是HTTP的安全版，即在应用层HTTP与传输层TCP之间多了一层加密层TLS/SSL。普通的HTTP通信，会直接将明文数据给到TCP进行传输，而HTTPS会先将数据给到TLS/SSL进行加密，然后将加密
codingZero·2023-03-16 10:37

【自学】前端笔记-css盒子模型

盒子模型的概念盒子模型用来"放"网页中的各种元素网页设计中内容，如文字、图片等元素，都可是盒子(div嵌套)[图形]宽度属性宽度width:长度值|百分比|auto最大高度max-width:长度值|百分比|auto最小高度min-width:长度值|百分比|auto高度属性高度width:长度值|百分比|auto最大高度max-height:长度值|百分比|auto最小高度min-height:
该用户已疯·2023-03-15 19:59

前端笔记(7) Vue3 插槽slot的使用案例

前言在上一篇博客Vue3dialog弹窗父子组件之间传值及方法调用中已经介绍了如何给子组件传递参数，但是如何给子组件传递模板内容呢？这个就需要用到插槽slot了。首先最基础的一点：插槽是放在子组件上的，相当于子组件有一个坑，父组件可以传模板给子组件，来填这个坑。子组件接收参数，用props子组件接收模板，用slotslot简单使用1创建2个组件：A和B父组件A.vue：我是A组件importBfr
亚瑟弹琴·2023-03-13 15:17

2022年6月前端笔记

reduce的用法定义：对数组中的每个元素执行一个自定义的累计器，将其结果汇总为单个返回值形式：array.reduce((t,v,i,a)=>{},initValue)参数callback：回调函数(必选)initValue：初始值(可选)回调函数的参数total(t)：累计器完成计算的返回值(必选)value(v)：当前元素(必选)index(i)：当前元素的索引(可选)array(a)：当前
莫问前程F6·2023-03-09 07:51

html5怎么生成配置文件,webpack配置 通俗易懂！一步一步会教你

我有趣的前端笔记！！(webpack，babel，typescript，手撕排序算法等持续更新中！！)
智圈知识产权·2023-02-22 02:14

前端笔记（9）css grid网格布局

Grid布局的属性分成两类。一类定义在容器上面，称为容器属性；另一类定义在项目上面，称为项目属性。容器属性1.display属性指定一个容器采用网格布局div{display:grid;}div{display:inline-grid;//设置为行内元素}注意，设为网格布局以后，容器子元素（项目）的float、display:inline-block、display:table-cell、vert
sullay·2023-02-17 16:28

前端笔记 — CSS3

一.选择器1.属性选择器E[attr]：存在该属性即可E[attr=val]：属性值等于valE[attr~=val]：属性值等于val，或者属性值用空格分隔，其中有valE[attr|=val]：属性值等于val，或者属性值用'-'分隔，其中有valE[attr*=val]：属性值包含valE[attr^=val]：属性值以val开头E[attr$=val]：属性值以val结尾2.伪类选择器E:
codingZero·2023-02-07 08:37

前端笔记 ---- document.execCommand 函数整理

1.语法使用语法bool=document.execCommand(aCommandName,aShowDefaultUI,aValueArgument)返回值一个Boolean，如果是false则表示操作不被支持或未被启用。备注：在调用一个命令前，不要尝试使用返回值去校验浏览器的兼容性2.参数说明参数说明aCommandName表示一个DOMString，命令的名称。可用命令列表请参阅命令。aS
Rattenking·2023-02-04 00:17

字节青训前端笔记 | Webpack入门

本节课将重点围绕「Webpack」这一核心话题展开。简述前端工程化的常用工具webpack的原理和使用webpack的作用webpack的作用是把很多文件打包整合到一起,缩小项目体积,提高加载速度，常用的场景是：代码压缩将JS、CSS代码混淆压缩，让代码体积更小，加载更快编译语法编写CSS时使用Less、Sass，编写JS时使用ES6、TypeScript等，这些标准目前都无法被浏览器兼容，因此需
摸鱼老萌新·2023-01-31 10:56

字节青训前端笔记 | TypeScript 入门

TypeScript是JavaScript的语法超集，它添加了静态类型，近几年的发展中，也受到诸多开发者的喜爱。Typescript的社区逐渐壮大，日趋完善，为越来越多前端开发者提供服务，本节课将主要为解读TypeScript的优势及其主要使用的工具。什么是TS静态类型vs动态类型：动态类型只有运行的时候才做类型匹配，静态类型只有编译完成后才能运行弱类型vs强类型：弱类型执行时会进行隐式类型转行，
摸鱼老萌新·2023-01-23 08:38

字节青训前端笔记 | HTTP 使用指南

本节课介绍Http协议的基本定义和特点，在此基础上，对于Http协议的发展历程及报文结构展开进一步分析。从输入字符串到打开网页输入地址浏览器处理输入信息浏览器发请求到达服务器服务器返回信息浏览器读取响应信息浏览器渲染页面加载完成什么是HTTPHTTP就是超文本传输协议（HyperTextTransferProtocol，HTTP）是一个简单的请求-响应协议，它通常运行在TCP之上。它指定了客户端可
摸鱼老萌新·2023-01-22 00:19

前端笔记汇总

目录目录前端基础HTML1.基本标签2.页面结构分析3.高级标签CSS1.基础知识2.美化网页JS1.基础知识2.数据类型详解3.函数4.面向对象编程5.操作BOM对象(重点)6.操作DOM对象(重点）7.操作form表单8.jQuery9.总结前端基础课程听的是b站狂神说：狂神说笔记有些是借鉴：夜里的雨HTML1.基本标签基本标签粗体：hello斜体:hello空  &nbs
JMzz·2023-01-17 10:33

前端笔记总结+注册登录页案例

day1前端开发目的：开发一个平台（网站）前端开发：HTML、CSS、JavaScriptWeb框架：接收请求并处理-Flask、DjiangoMySQL数据库：存储数据的地方快速上手：基于FlaskWeb框架快速搭建一个网站深入学习：基于Djiango框架（主要）1.快速开发网站安装Flask框架包：pipinstallflask快速上手案例：fromflaskimportFlask#Flask
Brucye·2023-01-17 10:00

前端笔记【Vue】组件化开发

一、介绍Vue是一个支持组件化开发的前端框架。Vue中规定，组件的后缀名是.vue（eg.App.Vue文件就是一个Vue组件）。二、组件的组成每个Vue组件都由三部分构成，分别是：template、script、style。其中，每个组件必须包含template模板结构，而script行为和style样式是可选的组成部分。1.template定义：（Vue规定）每个组件对应的模板结构，需要定义到
斑三三·2023-01-06 18:05

35.前端笔记-CSS3-3D转换

1、3D的特点进大远小物体后面遮挡不可见x:右为正y:下为正z:屏幕外是正，往里是负2、3D移动之translatetransform:translateX(100px);//仅仅是x轴移动。px或百分比transform:translateY(100px);//仅仅是y轴移动，px或百分比transform:translateZ(100px);//仅仅是z轴移动，一般用px单位transform
MY Daisy·2022-12-29 15:16

前端笔记：媒体查询和响应式布局

文章目录目的媒体查询响应式布局总结目的CSS中有一个叫做媒体查询（Mediaqueries）的功能，这个功能可以让你查询当前运行网页的设备的一些信息，让你可以通过这些信息来调整网页的布局和样式等。常见的响应式布局通常就是利用这个功能来实现的。这篇文章将对相关的功能做个说明。媒体查询媒体查询的语法非常简单，大概就是下面的样子：@media查询条件{CSS-Code;}/*查询条件可以是媒体类型或是媒
Naisu Xu·2022-12-28 12:03

Web 标准 & W3C 规范

Web标准&W3C规范引用最全面的前端笔记来啦，包含了入门到入行的笔记，还支持实时效果预览。小伙伴们不需要在花时间去写笔记，或者是去网上找笔记了。面试高频提问和你想要的笔记都帮你写好了。
·2022-12-24 17:15

什么是 HTML5？

HTML5介绍引用最全面的前端笔记来啦，包含了入门到入行的笔记，还支持实时效果预览。小伙伴们不需要在花时间去写笔记，或者是去网上找笔记了。面试高频提问和你想要的笔记都帮你写好了。
·2022-12-23 09:10

什么是 HTML？

HTML介绍引用最全面的前端笔记来啦，包含了入门到入行的笔记，还支持实时效果预览。小伙伴们不需要在花时间去写笔记，或者是去网上找笔记了。面试高频提问和你想要的笔记都帮你写好了。
·2022-12-22 16:15

Web前端笔记（9） flex布局

flex弹性布局：1.flex弹性盒模型：随着移动互联网的发展，对布局的要求越来越高，传统的布局方案对于实现特殊布局非常的不方便，比如垂直居中，2009年W3C提出了一种新的布局方案---flex布局，可以简便，完整，响应式的实现各种页面布局。目前所有浏览器都支持这种布局方案。Title#parent{width:300px;height:300px;border:1pxsolidblack;ma
Alpha205·2022-12-07 06:36

14.前端笔记-CSS-浮动

1、传统网页布局的三种方式网页布局的本质：用CSS摆放盒子传统布局方式：-普通流（标准流）-浮动-定位1.1普通流（文档流/标准流）就是标签按照规定好默认方式排列（1）块级元素独占一行，从上向下顺序排列常用元素：div\hr\p\h1~h6\ul\ol\dl\form\table（2）行内元素按照顺序，从左到右顺序排列，碰到父元素的边缘，则自动换行常用元素：span\a\i\em\img1.2浮动
MY Daisy·2022-12-06 09:03

15.前端笔记-CSS-PS切图

1、图片格式格式优点jpg同jpeg,产品类图片常用，高清，颜色多gif可以保存成透明背景和动画效果，图片小动画常用，最多存储256色png结合了jpg和gif的优点，保存为背景透明，存储形式丰富psdphotoshop的文件格式，可以直接复制样式和文字，测量大小和距离2、PS切图ps切图方式：图层切图、切片切图、ps插件切图2.1图层切图课程：https://www.bilibili.com/v
MY Daisy·2022-12-04 03:45

【前端笔记】CSS一些易错点

这是我在学习前端时遇到的一些易错点和问题。在使用标签的过程中，如果采用了浮动并且设置了右边距，一定要注意最好把最后一个标签的右边距清除，否则因为右边距变长位置会有变动。可以使用:last-child伪类来实现。当一行中出现多个时，可以采用:nth-child()伪类将每一行最后一个清除右边距。伪元素都以行内块的形式显示，加宽高不会生效，高度和内容相同，如果需要宽高，要设置显示模式。关于vertic
你的宣妹·2022-11-30 08:08

5-前端笔记-CSS-Emmet语法

使用缩写，提高html/css的编写速度1、快速生成HTML结构语法（1）生成标签，直接输入标签名，按tab或回车即可（2）生成多个相同的标签，加上*，比如div*3（3）如果有父子级关系的，用>,如ul>li（4）如果是兄弟标签，用+,如div+p（5）如果标签带class属性的，可以写标签名.属性名，如p.read，如果不带标签名，就默认是div标签（6）如果标签带id属性的，可以写标签名#i
MY Daisy·2022-11-29 17:04
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他