2019年10月_草巾冒小子

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创 vue动态监听窗口高度 - 全背景banner

参考地址：https://hacpai.com/article/1534819192805方案一：在 data 中去定义一个记录宽度是属性data: { return { screenWidth: document.body.clientWidth // 设置默认值 }}在 vue mounted 的时候去挂载一下 windo...

2019-10-28 16:20:18 1845

原创如何查看git是否添加到环境变量 - cmd篇

如何检测git是否添加到环境变量 - cmd篇说明：当前操作系统；Win7、Win10应用结合：vscode+git代码托管；检测步骤 · 如下：cmd窗口，输入指令 git --version；然后，enter回车查看结果（若添加成功：如下图所示）。如果没有添加，或添加失败，则返回下图：以上就是关于“ 如何查看git是否添加到环境变量 - cmd篇 ” ...

2019-10-28 16:15:02 3447

转载 CSS3实现button:hover时background-color从左慢慢移动到右边

CSS3实现button:hover时background-color从左慢慢移动到右边<!DOCTYPE html><html lang="en"> <head> <style> .btn{ position: relative; ...

2019-10-24 14:55:09 2292

原创 css背景图background - 多背景定义

css背景图background - 多背景定义以上就是关于“ css背景图background - 多背景定义” 的全部内容。

2019-10-24 14:37:39 468

原创 cmd 用命令关机 - cmd篇

用命令关机Win+R调出运行窗口，输入命令符cmd在cmd窗口输入shutdown -s -t 100；按回车键即可关机。100是指100秒后关机

2019-10-24 14:28:20 10491

原创 transition:background-color .3s 背景色 - 渐变效果

-webkit-transition:background-color .3s;transition:background-color .3s;

2019-10-23 17:01:40 6853 3

原创 translateY鼠标hover触发动（上下移动） - 代码案例篇

translateY鼠标hover触发动画 - 上下移动效果图截图：参考代码：.first-screen ul li:hover { border: 2px solid #08f; -webkit-transform: translateY(-8px); transform: translateY(-20px); -webkit-transition:...

2019-10-23 16:59:33 1640 2

原创 vuejs粒子动画特效 npm安装插件vue-particles（particles.js） - 代码篇

demo黑客帝国粒子动画

2019-10-23 16:57:46 2241

原创 PS如何生成svg代码格式的path路径 - PS技巧篇

PS如何生成svg代码格式的path路径 - PS技巧篇原文标题：PS中的svg工具是怎么使用的点击查看：百度教程以上就是关于“ # PS如何生成svg代码格式的path路径 - PS技巧篇 ”的全部内容。...

2019-10-23 16:35:59 4722

原创 svg动画 - 在线编辑器

SVG前言：资源：svg动画 - 在线编辑器最基本的一个静态SVG（不含动画）SVG矢量动画机制应用举例：http://www.sohu.com/a/242325373_470009

2019-10-23 16:33:55 6833

原创网页禁止复制等

代码片段<body onselectstart="return false" oncontextmenu="return false;" onpaste="return false;" oncopy="return false;">

2019-10-23 16:32:38 344

原创 PS切片工具（切图bug有阴影） - 解决篇

PS切片工具（切图bug有阴影） - 解决篇有阴影（切片工具）使用 “切片工具”（如下图），切图有问题（问题描述 · 如下图2）:原因分析：产生阴影的原因：应该是文字图层影响了整体的截图效果，导致产生了阴影。无阴影（解决办法：）使用Shift+F8切图操作（不会产生阴影），如下图3所示。以上就是关于“ PS切片工具（切图bug有阴影） - ...

2019-10-21 11:23:28 1081

原创 .jsp页面提交form表单，后台却无法获取input文本框value值

奇葩bug总结：input提交，后端获取不到value问题示例代码：效果截图 · 对比：以上就是关于“ java后端jsp页面input disabled="disabled"表单提交，后端无法print获取该input的value值 ” 的全部问题。...

2019-10-17 11:32:22 4436

原创 win10查看上次开机时间

鼠标右键“windows开始”，找到“事件查看器”（如下图）；依次选择“ ” （如下图）；打开之后，如下图所示：

2019-10-17 11:26:32 5586

原创 scoped父组件，如何控制子组件样式 - 方法篇

scoped父组件，如何控制子组件样式 - 方法篇需求场景：在vue组件中，在style标签上添加scoped属性，以表示它的样式作用于当下的模块，很好的实现了样式私有化的目的，这是一个非常好的机制。但是为什么要慎用呢？在实际业务中我们往往会对公共组件样式做细微的调整，如果添加了scoped属性，那么样式将会变得不易修改。初写这篇文章时，本人没有找到一个好的方法去解决这个问题，后来经过大伙...

2019-10-17 11:26:02 909

原创如何查看vantUI官方组件的.vue文件（抛转篇）

有些vantUI组件文档说明太浅，若能参考对应的.vue文件，会更好理解，如何查看呢？vantUI官方地址：开发指南步骤说明1初始化项目git clone git@github.com:youzan/vant.git (安装演示项目)以上就是关于“ 如何查看vantUI官方组件的.vue文件（抛转篇） ” 的全部内容。...

2019-10-10 15:16:54 2127

原创 js验证固定电话、手机号码（代码大全）

js验证固定电话、手机号码：代码大全1. 固定电话// 正则表达式if(!(/^1[3456789]\d{9}$/.test(this.form.contactTelphone)) || !(/^((0\d{2,3})-)(\d{7,8})(-(\d{3,}))?$/).test(this.form.contactTelphone)){ this.$notify.error({ t...

2019-10-10 15:10:43 8640

原创 font-familly：' 阿里巴巴-普惠体 '【永久免费】 - 下载与使用

入哪里找？font-familly：' 阿里巴巴-普惠体 ' - 下载与使用【官方称永久免费】上图官网： https://www.iconfont.cn/阿里官方demo地址：点击地址1 · 查看详情如何使用和下载？可以选择使用官方地址自行学习下载;也可以通过本文提供的（总结性资源，含文件说明，效果图、视频教程、文件内含字体文件、线上调用代码、demo.html...

2019-10-10 15:10:13 2172

原创 border每个边框的阴影（box-shadow属性）

分别设置border四个边框为不同阴影（box-shadow属性）效果图对比：代码设置：设置前的代码box-shadow: none;设置后的代码box-shadow: 0px -10px 0px 0px #ff0000, /*上边阴影红色*/ -10px 0px 0px 0px #3bee17, /*左边阴影绿...

2019-10-10 15:09:39 17272