- 博客(32)
- 问答 (2)
- 收藏
- 关注
原创 vsCode设置Bash启动 最新版本1.60默认终端配置修改
VsCode最新版本1.60更新,修改了默认终端配置VsCode设置Bash启动这次更新修改了 "terminal.integrated.shell.windows" => "terminal.integrated.profiles.windows"原本的终端配置将会失效最新终端配置为: 修改 settings.json 文件{// 终端路径配置"terminal.inte...
2021-09-05 15:50:00
91
原创 Web Component组件化
Web Component组件化1.什么是Web Component?你可能听过一些框架例如:Vue/React,你也可能会知道一些组件库例如: Element-UI/Ant Design.拿Vue举例,每一个.vue文件就是一个组件,其中每一个.vue文件中都会有一个模板<template>,最终代码会将这些模板压缩打包在一起形成一个.html文件拿Element来说,每一...
2021-06-05 23:23:00
80
原创 关于WP实现多域名跨域问题
解决WP跨域问题/多域名访问同目录下的css、js等文件一:在wp-config.php文件中: require_once(ABSPATH . 'wp-settings.php'); 上面加入以下代码:这是http访问,如果https访问需将其中的http改成httpsdefine('WP_SITEURL', 'http://' . $_SERVER['HTTP_HOST']);de...
2020-07-29 10:33:00
78
原创 轮播插件Slick.js使用方法详解
Slick/Slick.js使用方法(个人总结)/Slick.js介绍相比于Swiper而选择使用Slick.js的原因主要是因为其兼容不错并且在手机端的滑动效果更顺畅官方参数介绍:官方地址参数 类型默认值描述accessibility布尔值TRUE启用Tab键和箭头键导航adaptiveHeight布尔值FALSE为单滑块水平轮播启用自适应高度。...
2020-06-18 20:50:00
649
原创 设置Loding延迟加载页面
前端页面:<div id="loading"> <!--这里放你的loading时显示的动画或者文字单独放置--></div>样式设置:html,body{ height:100%; width:100%;}body{ overflow: hidden;}#loading{ ...
2020-06-15 21:33:00
40
原创 纯CSS实现彩色文字/文字渐变
利用CSS实现多彩文字:设置样式:h3 { font-size: 2rem; text-transform: uppercase; color: line; font-weight: 600; font-size: 1.8rem; font-family: Arial; line-height: 0.833; letter-spacing: 10px; c...
2020-06-06 15:16:00
101
原创 css实现图片上下模糊(附带效果图)
css控制图片模糊,毛玻璃效果css控制图片上下模糊,鼠标移入模糊清除!html代码:<ul> <li> <div class="ig"> <a class="img-box" h...
2020-04-25 23:14:00
76
原创 CSS实现对角边框样式
CSS实现对角框,边角加个边框、四角框一:线性渐变方式:鼠标悬停触发显示:hover { background: linear-gradient(to left, #043add, #043add) left top no-repeat, linear-gradient(to bottom, #043add, #043add) l...
2020-04-15 13:04:00
78
原创 JQ实现选项卡切换
使用JQuery实现选项卡切换:触发添加和删除类名!html代码 <div> <div class="ig"> <img src="images/dl1.jpg" alt=""> ...
2020-04-06 11:08:00
28
原创 鼠标悬停改变长度
栅格系统中鼠标悬停时向左改变宽度关键词:transform: scaleX(1.2)transform-origin栅格一行两列布局,,左侧图片,右侧ul li列表html代码:<div class="row tet"> <div class="col-12 col-md-8"> <div class="ig"&...
2020-04-02 22:13:00
35
原创 关于使用栅格系统加图片定位展示商品
栅格+定位使图片高于文档流用来展示图片不规则的定位,仅供参考!(row和col-4是参考bootstrap栅格系统做的)html:<div class="ui container"> <div class="row r1"> <div class="col-4 col-md-4 c1"> ...
2020-04-01 22:34:00
33
原创 ul中的li设置等宽高css
响应式布局中宽度与高度相同纯css方法设置ul中li宽高相等关键词:VW / VHvw:视窗的宽度vh:视窗的高度思路:根据vw获取视图宽度从而设置li的宽度等于高度代码:<li> <div class="test"> <img src="../images/hm1.png" alt=""> <div>...
2020-03-31 22:02:00
100
原创 Element组件中组件的使用问题
一:el-image组件问题直接使用el-image组件会导致一个问题:当用户点击图片的时候页面滚动条消失!原因:组件API中有这样一条:参数 说明类型默认值scroll-container开启懒加载后,监听 scroll 事件的容器string / HTMLElement最近一个 overflow 值为 auto 或 scroll 的父元素解决方法:全...
2020-03-22 23:47:00
37
原创 关于Vue中两个vue页面传数据
一个vue页面路由跳转到另一个vue页面想要获得前一个页面的数据的方法:路由传参路由传参方法适用于:1:在A页面获得数据提交给B页面 / 将A页面的数据给B页面2:A页面中点击按钮跳转到B页面,B页面需要使用A页面中的数据Vuex和本地缓存的方法就不讲了问题:为什么使用这种方法?答:在A页面点击按钮路由跳转到B页面了,但是我在B页面还需要A页面中的数据这是数据:data:...
2020-03-22 23:39:00
60
原创 vue+axios实现跨域反向代理
关于跨域反向代理的研究,更改main.js和新建vue.config.js 1 import Vue from 'vue' 2 import App from './App.vue' 3 import router from './router' 4 import './plugins/element.js' 5 // 全局样式表 6 import './assets/css/g...
2020-03-01 14:01:00
36
原创 随手写一个图床,用来放置图片
项目地址:https://gitee.com/chalkbox/vue_shop链接地址:http://vue.wuliwu.top/没有登陆接口,用户可以直接上传图片至服务器文件夹高清图片获取与数据库,数据库中存放了高清图片的链接地址,使用了七牛云存储链接后台PHP文件设置了上传图片的大小为2M高清图片可以点击跳转,获得链接地址,去掉链接地址的后缀就是原图附上php代码: ...
2020-01-10 12:52:00
27
原创 VUE+axios+php获取后端数据(宝塔面板)
总是听别人说axios好,好在哪里咱也不知道,继上一篇博文还不懂axios,现在稍微可以应用了(暗暗加油!)看官网教程的时候一直困惑axios里的url到底是什么,很长一个url链接搞的我更迷惑了(其实就是一个PHP文件,读取php文件获得数据而已)vue用axios方法从后端获取数据(感觉确实方便了不少)附上前端代码<!DOCTYPE html><html>...
2020-01-03 20:43:00
42
原创 PHP+VUE实现前端和后端数据互通(宝塔面板)
基于element和vue的一个简单的后台管理页面基础模型(这里我用了php从数据库获取数据然后在JS区域接收了获取的数据。PS:不会用axios)直接附上所有代码:数据库:mywu 用户名:root 密码:root 数据表:test<?phpheader("Content-type:text/html;charset=utf-8");$host = "localhost";$...
2020-01-03 19:35:00
48
原创 PHP上传图片
首先需要一个表单,点击提交按钮提交至upload_file.php文件 <form action="upload_file.php" method="post" enctype="multipart/form-data"> <label for="file">Filename:</label> <input type...
2019-12-28 08:08:00
17
原创 GIT常用命令
git init:创建/初始化一个的存储库git initgit status:显示工作目录和暂存区的状态git statusgit add .:将文件添加到索引/暂存区git add .git commit:提交更改到存储库git commit 提交更改到存储库git commit -m "这是描述" //给这次提交加上描述git checkout:切...
2019-12-16 12:14:00
19
原创 基于Postman中的报错
Postman中的报错:Could not get any response 错误Could not get any responseThere was an error connecting to http://127.0.0.1:8888/api/private/v1/login.Why this might have happened:The server couldn't s...
2019-12-15 08:23:00
85
原创 VUE项目Eslint报错
前言:eslint很恶心的一个地方:你是否被各种语法报错一个标点符号,一个空格,一个回车......各种报错折磨着你!加上编辑器 VS Code 的自动格式化稳稳的和Eslint冲突报错。对此,我们想在 VS Code 中格式化不报错需要对eslint进行一些设置错误一:方法小括号前面报错,Eslint要求前面必须加一个空格,Vs Code自动格式化是缩略了空格的,这时候Module ...
2019-12-14 15:11:00
31
原创 纯HTML+JS实现轮播,轮播原理
纯HTML+JS实现轮播点击实现轮播图的原理:触发事件更换图片自动轮播图的原理:加入定时器,自动触发事件更换图片图片存储在一个数组内,更换图片就是更换数组索引从而达到效果<!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head><meta cha...
2019-12-14 12:45:28
327
1
原创 ES6面向对象 动态添加标签页
ES6面向对象 动态添加标签页应用:点击标题改变内容HTML代码段:<!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> <meta charset="utf-8" /> <title>ES6</tit...
2019-12-14 11:42:45
754
原创 PHP从数据库获取数据并遍历在表格中
php从数据库获取数据并遍历在表格中<?php/*连接数据库并以一个数组的形式获得数据*/header("Content-type:text/html;charset=UTF-8");$con = mysqli_connect('localhost','root','','login');mysqli_set_charset($con,'utf8');if(!$con){di...
2019-12-14 11:10:34
1776
原创 git配置:本地仓库提交到远程仓库
前提:1.已安装git 一:创建公钥,一台机子匹配一个公钥桌面右键选择 Git Bash Here 打开命令行输入:ssh-keygen-trsa-C"xxx@xxx.com"连点三次回车得到一个id_rsa.pub 文件,记事本打开全部复制到码云的SSH公钥保存.测试公钥:ssh-Tgit@gitee.com一:全局设置绑定gitgit config --glob...
2019-12-10 17:14:00
23
原创 VUE,基于vue-cli搭建创建vue项目
前提:必须安装node.js,官方地址:https://nodejs.org/en/然后安装vue-cli 安装方式:cmd命令行安装:打开cmd命令符输入进行全局安装脚手架:npm install -g @vue/cli全局脚手架安装成功之后就可以创建vue项目了三种创建方式:这里演示第三种第一种(旧版本创建项目,不推荐):首先要安装依赖包npm install -g @vue/cl...
2019-12-09 14:50:00
17
原创 HTML+JS获取当前时间
获取当前时间(注意年月日时间格式)<!--获得当前日期(年月日)并显示在段落内--> <p id="ymd"></p> <script> var date = new Date()<!--获得日期数据--> var y = date.getFullYear();<!--年--&g...
2019-11-28 11:10:32
1112
原创 纯HTML+JS实现轮播
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>极简轮播图<...
2019-11-07 15:22:00
16
原创 html获得当前日期
<html><head><title></title></head><body><!--获得当前日期(年月日)并显示在段落内--> <p id="ymd"></p> <script> var date = new Da...
2019-10-12 12:25:00
75
原创 要好图自己找,推荐各类图网(无版权)
首选:一:以风景为主,适合做壁纸:https://unsplash.com/二:种类丰富:https://pixabay.com/三:闲来没事可以来一周精选收图:https://www.pexels.com/四:根据颜色搜图:https://visualhunt.com/其次:一:摄影和创意,多为用户自己上传:https://www.ssyer.com/二:另类题材,https:/...
2019-09-29 11:20:00
19
空空如也
点击按钮获得两个输入框输入的值
2019-08-24
TA创建的收藏夹 TA关注的收藏夹
TA关注的人