- 博客(17)
- 收藏
- 关注
RSS订阅原创 css3动画之 transform-style preserve-3d 实现webpack官网图标
注意：放元素的容器可以设置景深相机，但是在本动画中设置后会导致线条无法完全对，可自行尝试。将元素转为3D视图。
2024-05-08 14:27:09
987
1
原创 css3 动画之满意度表情变化的复杂动画
实现效果：拉动滑动条，表情由愤怒到满意，并且颜色也由红色逐渐变更成绿色如下图：实现思路：利用clip-path实现多边形蒙版对眼睛部分进行绘制 .eye { position: absolute; top: 45px; width: 40px; height: 40px; background-color: #fff; border-radius: 50%; clip-path:
2024-04-25 15:36:58
567
1
原创 利用css实现文字一行内展示，超出一行，内容中间显示省略号
* 重要 必须设置背景色 以在文字溢出换行时将原文字覆盖 *//* 需要固定展示高度 且行高应与展示高度一致 *//* 重要 重新设置背景色将原文字覆盖 *//* 仅展示一行 */
2024-04-01 16:52:40
635
原创 golang桌面gui库fyne使用
golang桌面gui库fyne使用使用初始项目新建项目文件夹fyna执行go mod init执行go get fyne.io/fyne/v2执行go mod tidy创建main.go执行以上步骤即可创建一个fyne环境hello world代码如下：package mainimport ( "fyne.io/fyne/v2/app" "fyne.io/fyne/v2/widget")func main() { a := app.New() //创建一个窗口
2022-04-02 16:07:50
7461
原创 centos7安装mysql8.0
centos7安装mysql8.0下载mysql源https://dev.mysql.com/downloads/repo/yum/选择对应版本注意：Linux 8对应centos 8,需要下载Linux 7wget https://dev.mysql.com/get/mysql80-community-release-el7-3.noarch.rpm安装mysql源yum localinstall mysql80-community-release-el7-3.noarch.rpm检测
2021-08-06 02:32:13
120
原创 centos7安装mysql8.0报错 Requires: libstdc++.so.6
安装mysql8.0报错 Requires: libstdc++.so.6报错内容如下：Error: Package: mysql-community-server-8.0.26-1.el8.x86_64 (mysql80-community) Requires: libstdc++.so.6(CXXABI_1.3.11)(64bit)Error: Package: mysql-community-client-8.0.26-1.el8.x86_64 (mysql80-commu
2021-08-06 01:49:24
5382
原创 js-cookie 简单使用教程
js-cookie 简单使用教程js-cookiejs-cookie是一个简单的，轻量级的处理cookies的js API。官网。安装：// 安装js-cookienpm install js-cookie --save基本使用：// 创建值Cookies.set('name','value')// 创建7天内有效的值Cookies.set('name', 'value', { expires: 7 });// 创建带有有效期和有效路径的值Cookies.set('name',
2021-06-28 17:30:57
212
原创 Vue源码学习之实现model数据双向绑定和代理数据
Vue源码学习之实现model数据双向绑定和代理数据接之前，首先实现model数据的绑定，修改MyVue.js文件，在compileUtile中修改model方法./** * * @param {*} exp 数据key * @param {*} vm vue实例 * @param {*} inputVal 修改的值 * @returns */setValue(exp, vm, inputVal) { return exp.split('.').reduce((data,
2021-04-28 19:26:49
126
原创 Vue学习之数据视图驱动Watcher类实现
Vue学习之数据监听Observer类实现之前已经监听了数据变化，现在要实现的时在数据初始化时增加对数据的观察，并且在数据变化时，通过数据变化来修改视图。新建脚本文件文件名Watcher.js在index.html中引入<script src="Watcher.js"></script>class Watcher { /** * * @param {*} vm Vue实例 * @param {*} exp data数据key值
2021-04-28 18:52:41
332
原创 Vue学习之数据监听Observer类实现
Vue学习之数据监听Observer类实现创建脚本文件文件名：Observer.js在index.html中引入脚本文件<script src="Observer.js"></script>创建Observer类，并在构造函数中传入Vue实例的data数据。class Observer { constructor(data) { this.observer(data); } // 实现数据变化监听 observer(data)
2021-04-28 16:45:51
551
原创 简单实现Vue之指令解析器Compile类
简单实现Vue之指令解析器Compile类创建html文件文件名为index.html<!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-w
2021-04-28 03:25:45
455
原创 mongoDB的简单安装与使用
mongoDB的简单安装与使用一、mongodb的安装 下载地址:https://www.mongodb.com/try/download/community 安装直接下一步到取消勾选安装compass,即MongoDB的可视化工具，勾选的话会下载安装。二、mongodb启动 双击安装目录下的bin目录的mongod.exe即可启动。如需要配置启动数据库的data数据位置，可通过cmd启动F:\mongodb\bin\mongod --dbpath E:\mongodb\data --lo
2020-06-21 20:52:24
194
原创 express node 运行报错 安装bcrypt报错
express node 运行报错 安装bcrypt报错[root@izwz9cs0w4qqwzrpcyftzuz nodeServe]# npm install bcrypt -S> bcrypt@4.0.1 install /home/nodeServe/node_modules/bcrypt> node-pre-gyp install --fallback-to-buildnode-pre-gyp WARN Using needle for node-pre-gyp http
2020-06-11 10:32:03
830
1
原创 Vue 使用问题记录 css中calc使用 生命周期函数重复
Vue 使用问题记录style样式中使用calc属性计算时，计算符号两边需要空格 如calc(100% - 44px)当生命周期函数定义多个重复，后面的函数会覆盖前面的。如 methods: { onSubmit(formName) { this.$refs[formName].validate(valid => { if (valid) { alert("submit!"); } else { console.
2020-06-11 10:27:46
831
原创 vue+express+mongodb+mongoose项目部署
vue+express+mongodb项目部署项目结构：前后端分离项目，前端使用vue+vuex+axios,后端使用node+express+mongodb+mongoose.项目地址：https://github.com/dyanfee/vueBlog一、环境部署1. mongodb下载wget https://fastdl.mongodb.org/linux/mongodb-linux-x86_64-rhel70-4.2.7.tgz解压tar -xvf mongodb-l
2020-06-10 16:54:22
452
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人