小小白号-CSDN博客

transform: skewX(); div沿x轴倾斜的度数效果图：代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, ini

2022-03-15 09:30:56 466

原创深度拷贝封装函数

深度拷贝封装函数function DeepCopy(obj) { if (typeof obj !== 'object' || obj === null) return obj let request obj instanceof Array ? request = [] : request = {} for (let i in obj) { request[i] = DeepCopy(obj[i]) } return request}let obj = { name:

2021-06-25 09:08:22 112

原创 indexedDB基本使用（内含案例）

indexedDBindexDB是HTML5的新概念，用于将数据存储再用户的浏览器中，它是一个非关系型数据库，会将数据集作为个体对象存储，数据形式使用的是JSONndexeddb比本地存储更强大，可用于需要存储大量数据的应用程序。这些应用程序可以更高效地运行，并且加载速度更快。对象仓库objectStore一个数据库中可以包含多个objectStore，objectStore可以存放多种类型数据，就相当于是一张表，可以使用每条记录中的某个指定字段作为键值（keypath），也可以使用自动生成的递增数

2021-06-25 08:45:19 3822 3

原创原生js-图片懒加载

图片懒加载<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docu

2021-06-24 20:14:10 131

原创前端性能优化-防抖和节流

防抖<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Documen

2021-06-24 20:02:54 102

原创 git 基本命令

克隆仓库git clone 仓库地址 // 仓库地址最好是SSH格式的检查状态git status更改对比git diff添加到暂存区git add 文件名.后缀名git add . // 全部添加到暂存区从暂存区撤销git restore --staged提交到版本库之后，就无法使用此命令撤销了提交修改git commit -m ‘版本名字’此命令，只会将暂存区中的修改提交到版本库，如果之前工作区有了修改，但为提交到暂存区，就不会提交到版本库查看

2021-06-23 09:00:12 147 3

原创上传图片

上传图片写项目时，上传的图片如果过多，太占内存，所以可以利用腾讯云或七牛云之类的，创建一个单独的地方，存放涉及到的图片下面利用腾讯云举例，并使用element ui的上传组件，完成上传图片的功能1.腾讯云存储桶注册腾讯云账号，并进行实名认证点击自己的头像，进入账号中心，领取免费产品回到对象存储-概览，在右侧的帮助文档处，打开开发者指南可以将SecretId 和 SecretKey 复制到别的地方，方便后续使用2.安装SDK第一种：script 标签

2021-05-14 14:52:54 903

原创 vue项目中格式化时间的三种办法

格式化时间1.第一种<el-table-column label="创建时间" prop="create_time" :formatter="formatterTime"/>methods:{ formatterTime(row, column, cellValue, index) { return moment(cellValue * 1000).format('YYYY-MM-DD HH:mm:ss') }

2021-05-14 11:16:17 12201

原创静态托管--在数据库存储本地图片地址却无法显示

在数据库中，我们会存储图片，但是在前端页面中调出数据后，却在页面中没有办法显示，我们就需要使用到静态托管，（1）.在后台的app.js文件中在node.js的根目录下新建一个文件夹，存放本地的图片const express = require('express');const app = express();app.use("/public/images", express.static("./public/images"));//第一个是你想要通过写什么路径访问图片，第二个是你图片要在哪个文件

2021-05-06 19:30:00 538

转载 JavaScript数据类型转换

转载于掘金-立花正仁：https://juejin.cn/post/6956170676327677966JavaScript数据类型转换JavaScript 本身是一门弱类型语言，这意味着 JavaScript 变量没有预先确定的类型。变量当前的类型由其值所决定，也许上一秒种的string，下一秒可能就是个array。所以当我们进行某些操作时，变量可以进行类型之间的转换，接下来我们就谈一谈数据类型到底是如何转换的。前言先来看一道面试题let result = 100 + true + 21

2021-05-06 19:21:09 234

原创页面刷新vuex中的数据就丢失的问题

页面刷新vuex中的数据会被刷新问题解决办法：将vuex中的数据直接保存到浏览器缓存中（sessionStorage、localStorage、cookie）存储到sessionStorage中，当页面关闭时，自动会将数据清除；可以存较大的数据；只能存储字符串类型的对象存储到localStorage中，除非手动清除localStorage信息，否则这些信息将永远存在；只能存储字符串类型的对象存储到cookie中，可以设置生命期示例（存储到localStorage）：// mod

2021-05-06 16:32:16 225

转载前端面试题中的24个XX和XX的区别

文章目录让我在面试官面前结巴的24个XX和XX的区别！1. 箭头函数和普通函数的区别2. var，let和const之间的区别3. Bigint和Number的区别4. 基本数据类型和引用数据类型的区别5. defer和async的区别6. async await对比promise的优缺点7. get和post的区别8. 用框架和不用框架的区别，vue和react的区别9. cookies和session的区别10. 宏任务和微任务有什么区别11. fetch,Ajax,axios区别12. TCP和UDP

2021-04-29 14:12:32 615

原创前端面试题

文章目录微信小程序1.简单描述一下微信小程序的相关文件类型2.请谈谈wxml和标准的html的异同3.请谈谈wxss和css的异同4.小程序和vue写法的区别5.小程序页面间有哪些传递数据的方法6.请谈谈小程序的生命周期函数jquery1.jquery库中的$()是什么2.如何找到所有html select标签的选中项3.$(this)和this关键字在jquery中有何不同4.jquery怎么移除标签onclick属性5.jquery有几种选择器6.jquery中的Delegate()函数有什么作用7.$

2021-04-28 19:54:44 312

原创微信小程序--云开发

云开发云开发（CloudBase）是云端一体化的后端云服务，采用 serverless 架构，免去了移动应用构建中繁琐的服务器搭建和运维。同时云开发提供的静态托管、命令行工具（CLI）、Flutter SDK 等能力降低了应用开发的门槛。使用云开发可以构建完整的小程序/小游戏、H5、Web、移动 App 等应用。云开发与传统的前后端开发模式天然互补。基于云开发构建应用层/服务中台，能够弥补传统开发模式的“效率低、耗时多、依赖后台、不够灵活”等问题，更快响应业务需求。云开发提供完整的后端云服务，提供数

2021-04-28 19:47:21 2177 2

原创 node操作mysql

先下载mysql模块npm install mysql可以在集成终端中执行，也可以在你自己建的文件的同级目录下，按shift+ctrl+鼠标右键，打开下面这个窗口，在这个窗口执行这句代码。注意：文件路径中，尽量不要出现中文。node直接运行在js文件node .\文件名.js如果怕文件名写错，可以写文件名的第一个字母，然后按tab键，就可以自己补充上完整的文件名。## js文件中的代码如下（例子）var mysql = require('mysql');var con

2021-01-20 20:00:41 400

原创 css3 旋转木马-走马灯

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> *{ mar

2021-01-06 20:15:22 204 1

原创无缝滚动效果

无缝文字滚动效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> #box{

2021-01-06 11:11:44 237

原创 js实现轮播图

js制作轮播图<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> *{

2020-12-14 19:50:18 148

原创静态页面搭建时要注意的事

文件夹一个网站涉及到的网页有很多，如果将所有的文件都放到一个文件夹里面，那么文件要分开，不然等找起来就会很麻烦。建议要将css文件、js文件、图片等这些文件都分门别类的放到不同的文件夹中，看起来会比较清晰。再有就是文件的命名，一定是要有意义的，如果文件较少，或许体会不到，但是一旦文件过多，就会带来不必要的麻烦，若是其他的人来接手查看时，会很盲目。书写规范1.选择器的命名和文件的名称一样，这个要是附带意义的名字，一个模块的选择器命名最好规格差不多，这样比较好区分，还要注意id选择器的名称是唯一性，

2020-12-08 20:03:33 212

原创 laravel 发布文章案例

laravel数据库迁移使用 Laravel 框架操作数据库，不需要自己编写操作数据库的代码，只需要配置好数据库的连接信息，然后使用 Laravel 框架提供的方法就可以操作数据库了在config/database.php文件中更改：'default' => env('DB_CONNECTION', 'mysql'),还需要更改 .env 文件中的一些语句DB_CONNECTION=mysqlDB_HOST=127.0.0.1 //本机DB_PORT=3306 //端

2020-11-25 07:59:55 748 2

原创 mysql基础介绍

1、概念（1）什么是MySQLMySQL原本是一个开放源代码的关系数据库管理系统，属于关系数据库，原开发者为瑞典的MySQL AB公司，该公司于2008年被Sun公司收购。2009年，甲骨文公司Oracle收购Sun公司，MySQL成为Oracle旗下产品。MySQL在过去由于性能高、成本低、可靠性好，已经成为最流行的开源数据库，因此被广泛地应用在Internet上的中小型网站中。随着MySQL的不断成熟，它也逐渐用于更多规模网站和应用，比如Google和Facebook等网站。（2）什么是SQL

2020-11-10 19:55:06 194

空空如也

空空如也