GUANYX的博客_前端学习笔记

【开发小记】vuex存储用户信息

今天开发的过程中，遵循前人的经验对用户信息进行了存储

javascript

前端

开发语言

数据

JSON

原创精选 2023-03-24 14:36:30 473 阅读

微信小程序上传图片

具体思路，先将图片上传到服务器保存，然后将图片的连接传入服务器对应数据库表中。上代码js代码var app = getApp(); Page({ data: { uploadedImages: [], imgBoolean: true, content: "不错", openid: '', circleid:' ', t:3, im

微信小程序多图上传

ci

服务器

xml

原创 2023-03-23 08:57:35 213 阅读

利用vue-cli创建完整的项目

这篇文章写的很详细，参考文章，按照步骤可以创建一个全新的项目。

vue相关

原创 2023-03-23 08:44:37 147 阅读

【前端学习笔记】表单元素布局

前言：好久没有碰前端知识了，而且现在出现了很多新属性，所以从头开始，

前端

css

css3

html

前端知识

原创 2023-03-02 15:43:36 26 阅读

【前端学习笔记 CSS系列二】整体布局训练

一、效果二、代码<!DOCTYPE html><html> <head> <meta charset="u

css

前端

css3

html

固定宽度

原创 2023-03-02 15:43:17 46 阅读

【前端学习笔记 CSS系列一】元素浮动

本来是想.father { width: 500px; height: 500px; b.

前端

css

css3

html

块元素

原创 2023-03-02 15:43:10 106 阅读

【开发小记】前端性能指标和工具

，浏览器已经可以持续的响应用户的输入，完全达到可交互的状态的时间是在最后一个长任务完成的时间，并且在随后的5s内网络和主线程是空闲的。

前端

加载

主线程

web性能

转载 2023-02-07 10:08:24 266 阅读

【开发小记】vue项目优化

今天从多个方面来记录一下自己项目中考虑过的优化方案。

vue.js

javascript

前端

加载

拦截器

原创 2023-02-07 10:08:01 81 阅读

mui开发记录（八）仿qq聊天界面图灵机器人接入

js部分//html处<div class="mui-content" >  <div class="center" > ...

html

图灵机器人

ajax

原创 2023-02-06 18:03:18 116 阅读

mui开发记录（一）图片轮播界面布局

最近进行移动端开发，之前接触过web开发，对h5和js等技术有了解，于

mui框架

ide

界面布局

自动轮播

原创 2023-02-06 16:52:31 135 阅读

mui开发记录（七）动态改变audio标签的播放源

效果图代码如下<div class="tan"> <div id="audio"></div>

mui框架

原创 2023-02-06 16:52:15 90 阅读

vscode部署Vue项目时遇到Expected linebreaks to be 'LF' but found 'CRLF'解决

小白第一次部署vue大项目，在vscode上进行。项目是完善的，我需要在此基础上添加功能，首先得在本地部署。（遇到了一些小问题，仅用于

vue相关

json

ci

包管理器

原创 2023-02-06 16:49:15 234 阅读

vue+element ui实现页面平滑滚动，滚动监听（导航栏根据内容块滑动改变状态）

一、效果图二、点击导航栏页面平滑滚动1.首先在子页面设置锚点

vue相关

导航栏

锚点

ico

原创 2023-02-06 16:49:13 673 阅读

【前端学习笔记 CSS系列四】布局训练2

一、效果二、代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>css布局训练-通栏平均分布型</ti

前端

css

css3

html

css布局

原创 2023-02-06 16:48:38 75 阅读

【前端学习笔记 CSS系列三】布局训练

一、效果二、代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>css布局训练-两列

前端

css

css3

html

css布局

原创 2023-02-06 16:45:50 35 阅读

【前端学习笔记 CSS系列五】避免浮动不良影响

一、效果二、代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>css避免元素浮动带来

前端

css

css3

清除浮动

html

原创 2023-02-06 16:45:46 47 阅读

【前端学习笔记 CSS系列七】绝对定位水平居中

一、效果二、代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style>

前端

css

css3

html

绝对定位

原创 2023-02-06 16:45:41 56 阅读

【前端学习笔记 CSS系列六】定位模式

一、效果二、代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style

前端

css

html

绝对定位

相对定位

原创 2023-02-06 16:45:36 68 阅读

【前端学习笔记 CSS系列九】overflow属性

一、效果二、代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <

前端

css

html

原创 2023-02-06 16:45:31 58 阅读

【前端学习笔记 CSS系列八】显示与隐藏

一、效果不太明显，看代码比较直接，鼠标经过就会显示图片二、代码<!DOCTYPE html><html> <head>

前端

css

css3

html

显示图片

原创 2023-02-06 16:45:24 41 阅读

【前端学习笔记 CSS系列十】鼠标样式和轮廓线

一、效果二、代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>鼠标样式&轮廓线

前端

css

html

轮廓线

拖拽

原创 2023-02-06 16:45:19 65 阅读

【前端学习笔记 CSS系列十一】一些小tips

一、效果二、代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> div { width: 233px; height: 155px; background-color: pink; } img { /* 由于行内块元素默认与父盒子基线对齐baseli

css

前端

css3

测试文本

html

原创 2023-02-06 16:45:16 41 阅读

【前端学习笔记 CSS系列十二】鼠标滑过出现边框

一、效果二、代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style

前端

css

css3

html

伪元素

原创 2023-02-06 16:45:11 298 阅读

【前端学习笔记 CSS系列十三】过渡效果

一、效果鼠标点击后过渡效果矩形框边长二、代码<!DOCTYPE html><html> <head> <meta charset=

前端

css

css3

html

过渡效果

原创 2023-02-06 16:45:05 80 阅读

【前端学习笔记 CSS系列十四】变形2D

一、效果二、代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style>

css

前端

css3

3d

html

原创 2023-02-06 16:45:00 51 阅读

【前端学习笔记 CSS系列十五】定位盒子居中对齐

一、效果二、代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style>

css

前端

css3

html

父级元素

原创 2023-02-06 16:44:53 68 阅读

【前端学习笔记 CSS系列十七】翻转盒子

一、效果鼠标滑过切换正反面二、代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title><

css

前端

css3

html

原创 2023-02-06 16:44:52 100 阅读

【前端学习笔记 CSS系列十六】开门动画

一、效果鼠标滑过，门会打开，展示里面的内容二、代码<!DOCTYPE html><html> <head> <meta charset="utf-8"

css

前端

css3

html

原创 2023-02-06 16:44:45 230 阅读

【前端学习笔记 CSS系列十八】动画小集合

一、效果二、代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title>

css

前端

动画

3d

html

原创 2023-02-06 16:44:40 76 阅读

【前端学习笔记 CSS系列十九】无缝滚动

一、效果二、代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style>

前端

css

css3

html

sed

原创 2023-02-06 16:44:33 66 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

mb63e0b2378dec3的博客

【开发小记】vuex存储用户信息

微信小程序上传图片

利用vue-cli创建完整的项目

【前端学习笔记】表单元素布局

【前端学习笔记 CSS系列二】整体布局训练

【前端学习笔记 CSS系列一】元素浮动

【开发小记】前端性能指标和工具

【开发小记】vue项目优化

mui开发记录（八）仿qq聊天界面图灵机器人接入

mui开发记录（一）图片轮播界面布局

mui开发记录（七）动态改变audio标签的播放源

vscode部署Vue项目时遇到Expected linebreaks to be 'LF' but found 'CRLF'解决

vue+element ui实现页面平滑滚动，滚动监听（导航栏根据内容块滑动改变状态）

【前端学习笔记 CSS系列四】布局训练2

【前端学习笔记 CSS系列三】布局训练

【前端学习笔记 CSS系列五】避免浮动不良影响

【前端学习笔记 CSS系列七】绝对定位水平居中

【前端学习笔记 CSS系列六】定位模式

【前端学习笔记 CSS系列九】overflow属性

【前端学习笔记 CSS系列八】显示与隐藏

【前端学习笔记 CSS系列十】鼠标样式和轮廓线

【前端学习笔记 CSS系列十一】一些小tips

【前端学习笔记 CSS系列十二】鼠标滑过出现边框

【前端学习笔记 CSS系列十三】过渡效果

【前端学习笔记 CSS系列十四】变形2D

【前端学习笔记 CSS系列十五】定位盒子居中对齐

【前端学习笔记 CSS系列十七】翻转盒子

【前端学习笔记 CSS系列十六】开门动画

【前端学习笔记 CSS系列十八】动画小集合

【前端学习笔记 CSS系列十九】无缝滚动