自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(22)
  • 收藏
  • 关注

原创 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 477

原创 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 335

原创 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 646 3

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

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

2021-05-27 11:20:34 190

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

<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 1150

原创 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 38

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

<!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 276

原创 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 195

原创 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 740 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 662

原创 封装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 250

原创 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 478

原创 关于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 87

原创 VUE路由跳转

VUE路由跳转router index.jsimport Vue from 'vue'import Router from 'vue-router'import table from '@/views/personal/table'Vue.use(Router)//在路由添加的地方 添加路由信息{ path: '/table', meta: { title: '表格', icon: 'el-icon-set-up' }, component: () => import

2021-04-10 11:54:45 134

原创 vue父子组件传输

VUE父子组件传输—— props/$emit和project / injectprops/$emit依赖注入(project / inject)props/$emitprops:父组件向子组件传输,$emit:子组件向父组件传输props只能是父组件向子组件进行传值,props使得父子组件之间形成了一个单向下行绑定。子组件的数据会随着父组件不断更新。props 可以显示定义一个或一个以上的数据,对于接收的数据,可以是各种数据类型,同样也可以传递一个函数。父组件:practice.vue&l

2021-04-10 10:38:47 192

原创 Echart.js的简单使用

Echart.js在vue中简单使用(只包含柱形图和扇形图)安装npm install echarts在main.js中全局引入echartsimport echarts from 'echarts'Vue.prototype.$echarts = echarts 使用<template> <div> <div id="myChart" style="width: 600px; height: 400px; float: left"><

2021-04-09 16:14:53 942

原创 npm下载插件报错

使用npm下载插件报错code UNABLE_TO_VERIFY_LEAF_SIGNATURE解决:npm config set strict-ssl false 取消npm的https认证npm config set strict-ssl true 打开npm的https认证

2021-04-09 14:48:31 82

原创 封装vue轮播图组件

通过vue走马灯组件制作轮播图carousel.vue:子组件(存放了轮播图组件)index.vue:父组件(通过传递参数,决定子组件的宽、高和展示图片)carousel.vue<template> <div class="block"> <el-carousel :height="heightStyle" ref="carousel" :interval="3000" arrow="always"

2021-04-09 14:16:59 357

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除