自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(348)
  • 资源 (1)
  • 论坛 (2)
  • 收藏
  • 关注

原创 iView-Table合并,防止串行

串行的效果合并后的效果<template> <Table :columns="columns14" :data="data5" border :span-method="handleSpan" class="tableclass"></Table></template><script> export default { name: "tableone"..

2021-07-12 17:26:11 5

原创 Vue中echarts扇形图默认高亮并显示提示框

效果图代码<template> <div class="chart" v-resize="resizeCharts" ref="barChart"></div></template><script> import * as echarts from "echarts"; export default { name: "barChart", props: { data: {

2021-07-12 15:50:18 16

原创 vue-countup-v2(npm)数字滚动插件

vue-countup-v2:https://github.com/xlsdg/vue-countup-v2安装npm install --save countup.js vue-countup-v2<ICountUp :start="0" :endVal="value" :delay="delay" :options="countUpOption" />data() { return { countUpOption: { useEasing: tr.

2021-07-09 13:40:30 24

原创 Vue中封装的echarts组件

先上效果图最近做的项目中图表用到很多,所以简单记录下,目录结构很简单这里的resize.js是大佬写的一个监听窗口缩放的的事件,index.js是全局注册的v-resize 自定义指令,在每个组件中都使用到了。resize.js// 按钮权限判断指令const resize = { inserted: (el, binding, vNode) => { // 指令的绑定值,是一个function函数 .

2021-07-09 09:50:43 33 1

转载 Vue中引入echarts

第一步:通过npm安装echarts依赖包npm install echarts --save第二步:在js中引用import * as echarts from 'echarts';

2021-07-09 09:21:29 10

原创 vue promise封装axios

requseimport Axios from 'axios'// 创建一个axios对象const instance = Axios.create({ baseURL: ' https://xxx.xxx.com', timeout: 5000})// 请求拦截// 所有的网络请求先走这个方法 网络请求发起之前 instance.interceptors.request.use( function(config) { // config.headers.tok...

2021-06-19 15:39:04 10

原创 element ui Cascader联级选择器 获取label的值

主要用到官网的方法:getCheckedNodes<div class="address_management_two_two flex"> <span class="demonstration name_wid_left">省市区:</span> <el-cascader v-model="value" :options="options" ref="cascaderAddr" :props="{value:'v',label:'n',chi..

2021-05-27 13:31:08 37

转载 html引入element ui 后,element-icons.woff 和 element-icons.ttf文件找不到

html文件引入element ui后,报错 element.js:1 GET file:///D:/llz/test-8-17/css/fonts/element-icons.woff net::ERR_FILE_NOT_FOUND element-icons.woff 和 element-icons.ttf文件找不到只要在对应文件夹里引入这两个文件即可:点击下载引入:转载地址:https://blog.csdn.net/bigbigpigsobig/article/details/

2021-05-26 09:29:47 97

转载 axios请求中添加token,Authorization中添加token

axios({ method: 'get', url: url, responseType: 'blob', headers: { 'Authorization': 'Bearer ' + getToken() } }).then(res => { console.log(res) })转载地址:https://blog.csdn.net/weixin_44994731/article/details/104472894

2021-05-26 09:26:11 79

转载 vue项目中原生input上传图片

<input type="file" class="upload" @change="addImg" ref="inputer" accept="image/png,image/jpeg,image/gif,image/jpg" />addImg(e){ console.log(e) let file = e.target.files[0]; console.log(file) this.uploadImg(file)},//上传图片uploadImg(img) { v...

2021-05-26 09:23:36 15

转载 elementUI table多选 设置默认勾选

<el-table ref="multipleTableClinicRoom" :data="tableData" stripe border v-loading="tableLoading" highlight-current-row @row-click="handleCurrentChange" :cell-class-name="getCellIndex" class="clinic-area-table-are...

2021-05-26 09:21:43 120

转载 vue绑定数据,渲染页面时会出现变量闪烁

在使用vue绑定数据的时候,渲染页面时会出现变量闪烁,例如<div class="#app"> <p>{{value.name}}</p></div>在加载的时候会看到{{value.name}}原因:由于JavaScript去操作DOM,都会等待DOM加载完成(DOM ready)。对于vuejs、angularjs这些会在DOM ready完会才回去解析html view Template,所以对于Chrome这类快速的浏

2021-05-24 17:58:20 17

原创 vue.js 模拟input滑块验证效果

<div class="range_type_class"> <div class="range_type_class_txt">向右拖动滑块填充拼图</div> <input type="range" max="86" value="{{slider_value}}" v-model="slider_value" @input="slider_change" /> <div class="range_type_class_one" :st...

2021-05-22 17:40:20 16

原创 vue 配合mintUi实现省市区三级联动

最终效果这里有个问题需要提示下,MintUi的版本问题,我用的https://unpkg.com/mint-ui@2.2.13/lib/index.js 2.2.13版本滚动时有问题,而且重复打印,于是切换了版本,最后发现 2.2.9版本滚动正常,但是不知道为什么,页面其他picker受到了影响,所以最终只有地址这个界面使用了2.2.9版本,其他界面依旧使用2.2.13版本!文档地址:http://mint-ui.github.io/docs/#/zh-cn2/picker&l...

2021-05-08 16:55:16 44

原创 小程序左滑删除

主要用到了小程序的可移动的视图容器,在页面中可以拖拽滑动标签movable-view小程序文档:https://developers.weixin.qq.com/miniprogram/dev/component/movable-view.html <view class="course_cent"> <movable-area class="course_data" wx:for="{{dance_ary}}" wx:key="index"> ...

2021-04-27 16:44:45 13

原创 vue动画 右侧滑出层

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> <meta name="flexible" content="initial-dpr=2" /...

2021-04-25 10:35:55 72

原创 jquery模拟时间选择器

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> <meta name="flexible" content="initial-dpr=2" /...

2021-04-23 10:40:16 15

原创 jquery模拟picker滑动选择效果

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <title></title> <style type...

2021-04-19 14:33:41 42 1

转载 thinkphp5.0安装composer安装topthink/think-captcha

cmd命令行窗口长时间没反应使用国内镜像打开命令行窗口(windows用户)或控制台(Linux、Mac 用户)并执行如下命令: composer config -g repo.packagist composer https://packagist.phpcomposer.com安装前请先安装composer,我的php是5.4,所以使用 composer require topthink/think-captcha=1.*重点!!!默认是3.0的,thinkphp6版本的

2021-04-15 10:02:05 33

转载 HTML5 video在安卓的微信上面播放时自动会全屏的问题

<video x5-playsinline="true" playsinline="true" webkit-playsinline="true" :poster="option.cover_pic_url ? option.cover_pic_url : $bigDefaultImg" v-if="option.content_file_url" controls="controls"> <source :src="option.content_file_url" .

2021-04-13 11:34:23 38

转载 手持弹幕(全屏文字滚动)

<!--pages/02-23/demo1/newDanMu.wxml--><view class="textBox" style="background-color:{{backgroundColor}}"> <view class='text' style="font-size: {{fontSize}}rpx; animation: animateText {{animateTime}}s infinite linear; color:{{fontColor}}".

2021-03-29 17:30:46 47

转载 微信小程序图片抖动

<view class='game_point_me {{isDoudong?"doudong":""}}' bindtap='pointMe'></view>@keyframes seconddiv{0% {transform: scale(1.4,1.4);}10% {transform: scale(1,1);}25% {transform: scale(1.2,1.2);}50% {transform: scale(1,1);}70% {transform:.

2021-03-29 10:05:53 107

转载 Meta标签:让360浏览器默认使用极速模式打开网页

使用wordpress的模板默认是不支持低版本IE的。现在360浏览器的装机量又那么大,,独独只有ie浏览器的访客越来越少,,为了让网站页面不那么臃肿,也懒的理IE了,同时兼顾更多的国内双核浏览器,在网页页头中添加了下面两行Meta控制标签。1,网页头部加入<meta name=”renderer” content=”webkit”>360浏览器就会在读取到这个标签后,立即切换对应的极速核。2,另外为了保险起见再加入<meta http-equiv=”X-UA-

2021-03-29 10:03:57 30

转载 微信小程序 switchTab跳转后新页面 onload 不触发的问题

wx.switchTab({ url: '../index/index', success: function (e) { var page = getCurrentPages().pop(); if (page == undefined || page == null) return; page.onLoad(); } })

2021-03-23 18:55:25 54

原创 vue项目使用electron打包桌面应用程序 exe

客户需求,要求vue做一个桌面应用,很久没碰vue了,这里简单记录下。我是用Hbulider X 创建的vue项目,electron打包vue项目为桌面应用。目录结构:打包之前需要简单创建几个vue界面,同时安装axios和router,让页面可以正常跑起来。main.jsimport Vue from 'vue';import App from './App.vue';import VueRouter from 'vue-router';import axios fro

2021-03-19 11:58:13 81

转载 php 平均/拆分数组array_chunk() 函数

<?php$cars=array("Volvo","BMW","Toyota","Honda","Mercedes","Opel");print_r(array_chunk($cars,2));?>定义和用法array_chunk() 函数把一个数组分割为新的数组块。语法array_chunk(array,size,preserve_keys);参数 描述 array 必需。规定要使用的数组。 size 必需。一个整数,规定每个新数..

2021-03-17 11:40:31 26

原创 thibkPhp5.0 volist渲染界面分类以及分类切换后的数据

分类渲染: {volist name="val4" id="vo"}<!-- 判断条件 git_id是当前页面的参数id 判断有没有id,没有id说明是第一次进来这个界面 用索引判断,索引0的标签默认选中--><!-- 如果有id 则判断当前页面的参数id和标签的id是否相同,相同的就显示选中状态--> <a {if condition="empty($get_id) & $k...

2021-03-16 16:44:36 16

转载 js复制文本内容到剪切板

<script type="text/javascript">function copyUrl2() { var Url2=document.getElementById("biao1").innerText; var oInput = document.createElement('input'); oInput.value = Url2; document.body.appendChild(oInput); .

2021-03-16 15:22:39 31

转载 js 数组、对象转json 以及json转 数组、对象

1、JS对象转JSON方式:JSON.stringify(obj)var json = {"name":"iphone","price":666}; //创建对象;var jsonStr = JSON.stringify(json); //转为JSON字符串console.log(jsonStr);2、JS数组转JSON//数组转json串var arr = [1,2,3, { a : 1 } ];JSON.stringify( arr );3、JS对象数组转

2021-03-15 13:27:22 215

转载 富文本编辑器ueditor——找不到ueditor.all.js以及ueditor.all.min.js文件

首先,下载ueditor官方下载地址:ueditor下载地址由于github下载速度太慢,我就选择clone到gitee上进行下载,速度M级,下载地址:ueditor下载地址注意:下载的ueditor源码并没有ueditor.all.js文件安装依赖在下载好的项目目录下执行 npm install 安装依赖,或者使用淘宝源 cnpm install 安装依赖,速度快很多(不过需要事先安装淘宝cnpm)执行 grunt default需要事先安装好 grunt,如果没有,可以执行以下命令

2021-03-12 14:04:01 534

转载 thinkPhp5.0 验证器 Validate

直接使用验证器$rule = [ 'goods_name' => 'require|max:25', 'goods_summary' => 'require', 'child_class_one' => 'gt:0', 'goods_market_price'=> 'number', 'goods_buying_price'=> 'number', 'goods_sales_price' =>

2021-03-08 11:35:10 67

原创 小程序多选效果

我的需求是多选,不管年级如何切换,只要是选择过的班级,最终拿到所有id<view class="sold_cents"> <view class="grade_data flex"> <view class="flex bot_grade"> <view>年级</view> <view>班级</view> </view> <view class=..

2021-03-05 17:23:42 19

原创 thinkPhp5.0 时间戳转换为日期

{:date('Y-m-d H:i',变量)}

2021-03-03 14:00:46 88

转载 thinkPhp5隐藏index.php设置后依旧模块不存在的解决方法!

隐藏入口index.php的整了好久 主要是phpstudy的.htaccess跟thinkphp5文档的写法不一样所导致的所以记录下来引以为戒。以Apache为例,需要在入口文件的同级(public目录下)添加.htaccess文件(官方默认自带了该文件),内容如下:<IfModule mod_rewrite.c>Options +FollowSymlinks -MultiviewsRewriteEngine onRewriteCond %{REQUEST_FILENAM.

2021-02-27 16:00:42 286 2

原创 thinkPhp5.0根据访问路径来确定当前是哪个页面,更改菜单样式

效果是这样的、点击菜单后当前页面的菜单更换样式。因为菜单部分是公共引用部分,所以只能通过当前页面路径判断菜单的样式更换。思路是这样的、因为菜单栏部分是公共引入部分,所以新建一个Base.php、所有的控制器继承这个Base.php、然后再Base.php中的控制器初始化时、确认当前是哪一个页面。Base.php<?phpnamespace app\index\controller;use think\Controller;class Base extends

2021-02-27 15:18:46 32

原创 tp5.0 include 引用公共文件

{include file="../application/index/view/public/head.html"/}{include file="../application/index/view/public/nav.html"/}thinkPhp5.0完全开发手册https://www.kancloud.cn/manual/thinkphp5/125016

2021-02-23 11:24:22 75

原创 thinkPhp5.0设置模板输出替换,防止引入链接路径更换

thinkPhp5.0完全开发手册https://www.kancloud.cn/manual/thinkphp5/118120

2021-02-23 10:53:35 37 3

转载 安装tp6时出现Could not find package topthink/think with stability stable.

安装tp6.0操作步骤: 1.git bash到要安装的地方 2. 执行命令:composer create-project topthink/think tp6出现的错误: [InvalidArgumentException] Could not find package topthink/think with stability stable.解决方案:删除之前的镜像:composer config -g --unset repos.packa...

2021-02-23 09:23:34 513

转载 css3 文字横向无缝滚动

<div class="notice-container"> <div class="header-notice-marquee" id="notice-marquee"> <div class="header-marquee-item1 flex"> <div>111111111111111111111111111</div> <div>222222222222222222222222222<.

2021-01-30 15:19:44 273

转载 微信小程序canvas实现签名(源码)

<!--pages/page/cvsAutograph/cvsAutograph.wxml--><view class="wrapper"> <view class="handBtn"> <button class="backBtn">返回</button> <button catchtap="cleardraw" class="delBtn">清空</button> <button c.

2021-01-21 09:39:35 112

省市区的模拟数据 city.js

后台返回的省市区数据,方便测试

2021-05-08

大神求助:CDN切换节点问题!!!

发表于 2017-04-14 最后回复 2017-07-11

未来点击事件代码重复执行

发表于 2017-03-29 最后回复 2017-03-30

空空如也

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

TA关注的人 TA的粉丝

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