- 博客(12)
- 收藏
- 关注
RSS订阅原创 关于防抖和节流
防抖：只对最后一次操作发起请求 节流： 控制触发的请求次数例子： 防抖措施：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"&g...
2021-12-10 11:37:55
596
原创 JS与CSS实现区域内容自动左右滑动
实现功能 1、鼠标在区域内滚轮上/下滑能够实现内容左/右滑 2、内容能够自动滑动，并且在到达区域两侧后能切换方向 3、鼠标悬浮时能够停止滑动，并且此时支持滑轮操作 4、鼠标从移入变为移出时自动滑动，滑动方向能够自动判断此期间的滑轮操作方向，或者按照移入前的方向继续滑动实现思路 1、使用定时器来实现自动/停止滚动功能 2、使用方向标志位来判定左/右滑动 3、使用...
2021-12-09 09:50:52
5285
原创 CSS3利用animation动画实现多个图标在指定间隔后再次动作
一、实现思路： 当有多个图标要实现同一 animation ，但是每个图标的 animation 又不能互相干扰，可以利用以下这个公式去设置动画的属性 @keyframes 动画名称 选择百分比实现@keyframes 动画名称 { 0% { // 具体动画实现效果 } （1 / 总共要实现动画的元素个数）% { // 恢复的正常状态 } 100% { // 恢复的...
2021-12-03 09:34:34
1178
原创 Vue的组件通信自记
props和$emit（适用于简单的父子组件间的通信）父组件 --> 子组件：通过props传递数据；子组件 --> 父组件：通过$emit触发事件来传递数据；$attrs和$listeners（适用于组件嵌套层数较多的组件间的通信，例如父A含B，B含C，想要进行A-->C的数据传递，或者A-->C往后）// 父组件中定义了A组件<A :messagec="messagec" @getD...
2021-12-02 13:42:55
787
原创 Flex布局自记
一、Flex容器的属性设置 display:flex 的元素称为 Flex容器，容器的所有子元素称为 Flex项目注意：设置为flex布局后，子元素的 float 、 clear 和 vertical-align 属性将失效容器的6个属性：flex-direction // 决定主轴的方向 row (默认) 水平方向，起点在左端 row-reverse 水平方向，起点在右端 column 垂直方向，起点在上沿 column-reverse 垂直方向，起点
2021-12-02 11:46:45
815
原创 egg + nunjucks + sequelize初始化配置
egg 安装运行1、初始化：npm init egg --type=simple选择 simple boilerplate2、下载依赖包：npm install3、运行项目：npm run devegg 配置 nunjucks 模板引擎1、npm install eg...
2021-11-28 22:33:19
667
原创 CSS悬浮实现圆形涟漪（水滴涟漪）效果
实现思路：一、代码结构：1、iconfont图标外围父元素为span块（样式为inner-wrapper），父父元素为div（样式为middle-wrapper）；2、inner-wrapper设置伪元素，固定好宽高，设置好border-radius，为实现圆形涟漪效果做准备；二、代码实现1、当鼠标悬浮在middle-wrapper时，实现iconfont的放大效果scale（2）；2、当鼠标悬浮在middle-wrapper时，实现inner-wrapper的伪元素进行放大，并且设
2021-10-19 11:15:56
1187
原创 React-cil脚手架搭建
1、安装node.js；（命令行 node -v 查看node版本号）2、自动安装npx；（命令行 npx -v 查看npx版本号）3、创建项目：cmd里输入：npx create-react-app my-app（此时已生成项目文件夹）4、运行项目：1）进入项目文件夹：cmd里输入：cd my-app2）运行项目：cmd里输入：npm start注意：无法使用npm或cnpm来创建react-cil脚手架，详细参考文章博客：React脚手架cre
2021-10-11 22:28:41
174
原创 Vue-cil脚手架搭建
1、安装node.js；（命令行 node -v 查看node版本号）2、node.js自动安装npm；（命令行 npm -v 查看node版本号）3、利用淘宝镜像安装相关依赖：在cmd里输入：npm install -g cnpm --registry=https://registry.npm.taobao.org4、安装全局vue-cil脚手架：1）cmd里输入：cnpm install -g vue-cli2）cmd里输入：vue，出现信息表示成功（此时文件夹中
2021-10-11 22:27:17
148
原创 Git操作指南
一、操作必备：1、需下载git；2、通过SSH密钥方式的，还需要知道本机的SSH密钥；在GIt命令窗口，依次执行指令：（1）git config --global user.name ‘xxx’ // 设置用户名（2）git config --global user.email "xxxxxxxxx@xx.com" // 设置用户名邮箱（3）ssh-keygen -t rsa -C "xxxxxxxxx@xx.com"（4）cat ~/.ssh/id_rsa.pub // 命令窗
2021-10-11 22:25:47
81
原创 命令行基础操作
一、命令行窗口、小黑屏、CMD窗口、终端、shell1、windows + r 开启小黑屏：2、常用指令：dir：列出当前目录下的所有文件； cd 目录名 ：进入到指定的目录； .表示当前目录； ..表示上一级目录； md 目录名：创建文件夹； rd 目录名：删除文件夹； ”磁盘：“ ： 直接进入磁盘；3、环境变量path：在命令行窗口打开文件时或者调用程序时，系统首先会在当前目录下寻找文件、程序，如果在找到了就会直接打开，否则会到环境变量中依照次序依次去找，
2021-10-11 22:21:57
2700
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人