V's Q-CSDN博客

原创 Vscode配置git、使用git

打开设置setting搜索git.psah点击在setting.json中配置输入对应的 git下载地址在git.bash中设置密码用户邮箱git config --global user.name “用户名”git config --global user.password “密码”git config --global user.email “用户邮箱”然后输入 git config --global credential.helper store使得vscode 记住 git的

2021-06-07 13:23:05 363

原创 input、button默认样式

修改 input 默认样式input { box-sizing: border-box; border: 1px solid #ccc; outline: 0; -web-kit-appearance: none; -moz-appearance: none; padding:5px; border-radius: 5px;}修改 button 默认样式button { box-sizing: border-box; border: 1px solid

2021-06-05 09:14:49 478

原创 SweetAlert 插件

SweetAlert 插件安装配置方法中文API安装1.通过bower安装bower install sweetalert2.通过NPM安装npm install sweetalert3.下载sweetAlert的CSS和JavaScript文件下载文件引用必要的文件初始化插件<script src="./sweetalert.min.js"></script> <link rel="stylesheet" type="text/css" href="

2021-06-03 12:08:42 336

原创 laravel-admin添加上传文件页面

laravel添加功能功能描述初版终版功能描述在laravel-admin框架中添加一个功能在lists的新增页面，点击按钮，进行文件上传，上传完成后，将上传的文件以表格的形式展示出来，点击行操作-删除，会将此行删除listsController.phpprotected function form() { $form = new Form(new OtherLists()); $form->html(view('file'),'file');

2021-06-01 16:32:53 651 3

原创 js 将HTML生成图片并下载

链接：https://pan.baidu.com/s/1G8Uv9G1TFnl3rvaxqKHwSw提取码：5c7i复制这段内容后打开百度网盘手机App，操作更方便哦

2021-05-27 11:20:34 191

原创用级联选择器进行搜索

<el-cascader v-model="searchCheck" :options="options" @change="handleChange"></el-cascader><el-button plain type="primary" @click="resetCheck">重置</el-button>data(){ return{ searchCheck: [], options: [ {

2021-05-10 17:53:12 1152

原创 window.open

<el-button icon="el-icon-plus" @click="handleAdd">新增</el-button>handleAdd() { let url = "http://localhost:9527/#/vertical-add"; // 这个url是浏览器地址 var iWidth = 1500; //弹出窗口的宽度; var iHeight = 845; //弹出窗口的高度; var iTop = (window.scree

2021-05-10 17:42:25 40

原创一个页面，不含数据交互，含楼梯导航

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>分级</title> <link rel="stylesheet" href="http://www.zhimaipr.com/static/plugin/bootstrap-3.3.7/css/bootstrap.min.css"> <style>

2021-05-08 12:06:55 52

原创 flex弹性布局

弹性布局常用属性flex-directionjustify-contentalign-itemsflex-warpalign-content子元素属性弹性布局是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。使用方法：父元素设置display:flex注意：父元素属性设置了flex布局其子元素的float,clear,vertical-align将无效常用属性flex-directionflex-direction 调整子元素的排列方向（默认水平方向row）col

2021-05-08 09:40:53 277

原创 CSS-px、rem、em 使用inline-block会有4px的间隙

px相对长度单位,像素px是相对于显示器屏幕分辨率而言的.px的特点：（1）IE不能调整以px为单位的元素或字体大小；（2）国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位；（3）Firefox能够调整px和em，rem，但是96%以上的中国网民使用IE浏览器(或内核)em是相对长度单位. 相对于当前对象内文本的字体尺寸. 相对于父级元素的字体需要注意的是：em不是固定的、em会继承父级元素的字体大小.任意浏览器的默认字体高都是16px. 所有未经调整的浏览器都符合: 1.

2021-05-07 16:00:43 197

原创 vue 导出表格所有数据

导出所有数据，格式为Excel安装依赖新建文件夹调用安装依赖 npm install -S file-saver npm install -S xlsx npm install -D script-loader新建文件夹下载文件链接地址：https://pan.baidu.com/s/1uxR82TzNnuo2C60k7uglyg提取码：32jh或者登上183百度网盘找到Excel.zip 下载。里面文件有在项目的src文件中见一个名为Excel的文件夹Excel.zip下载后解压

2021-04-29 17:51:49 743 1

原创 vue多条件搜索

多条件搜索父组件子组件父组件<template> <div class="vertical"> <div class="search"> <div :class="{ searchHidden: isHidden }"> <el-button icon="el-icon-search" type="primary" @click="searchInput">查询</el-button>

2021-04-26 11:36:42 1427

原创动态添加el-table列和多选表格默认选中

动态添加el-table列父组件vertical子组件tableColChangecolChange.scss父组件vertical<template> <div class="vertical"> <div class="tools"> <el-button icon="el-icon-s-tools" @click="colChange" class="settingIcon"></el-button> &l

2021-04-26 10:56:03 665

原创封装JS方法——多条件查询、批量操作

filter(condition, data) { return data.filter((item) => { return Object.keys(condition).every((key) => { return String(item[key]) .toLowerCase() .includes(String(condition[key]).trim().toLowerCase());

2021-04-24 17:44:49 676

原创 vue表格新建和编辑用同一个表单，表格超出时文字提示

父组件<template> <ly-grid> <div class="tools"> <el-input class="search" placeholder="请输入内容" v-model.trim="keyWord" @keyup.native="iconChange" > <i slot="suffix"

2021-04-24 17:34:37 252

原创 php+ajax+echarts 绘制图表+单纯地PHP链接数据库

php链接数据库，返回Json数据<?php $mysql_server_name = 'localhost'; $mysql_username = 'root'; $mysql_password = 'root'; $mysql_database = 'date'; $conn=mysqli_connect($mysql_server_name,$mysql_username,$mysql_password,$mysql_database); //连接数据库 //连接数据库错误提示

2021-04-13 12:23:58 479

原创关于Chrome浏览器

XMLHttpRequest cannot load 和 JsonView插件XMLHttpRequest cannot load的产生原因及解决方案Chrome中安装JsonView扩展程序XMLHttpRequest cannot load的产生原因及解决方案问题描述：当进行调用后台接口时，Chrome控制台报错，报错字段：XMLHttpRequest cannot load file:///C:/phpstudy_pro/WWW/www.ccc.com/mysql.php. Cross ori

2021-04-13 11:50:02 88

vq_qiqi的博客