自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 ElementUI 日期选择器限制只能选3天且不能选择今天之后的日期

ElementUI 日期选择器限制只能选3天且不能选择今天之后的日期<el-date-picker v-model="timeRange" type="daterange" :picker-options="pickerOptions" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>pickerOptions:timeRange: "",

2020-11-17 15:31:10 2050 1

原创 React 组件传值

1.父组件向子组件传值(通过props)(1)、子组件child.jsimport React from "react";export default class Child extends React.Component { constructor(props) { super(props) } render() { ret...

2018-11-13 16:20:25 300

原创 ES6 数组的扩展

1.扩展运算符的应用(1).复制数组数组是复合的数据类型,直接复制的话,只是复制了指向底层数据结构的指针,而不是克隆一个全新的数组。const a1 = [1, 2];const a2 = a1;a2[0] = 2;console.log(a1) //[2,2]ES5 只能用变通的方法来复制数组。const a1 = [1, 2];const a2 = a1.co...

2018-11-13 14:24:02 178

原创 nuxt 引入iconfont多色图标

symbol引用这是一种全新的使用方式,应该说这才是未来的主流,也是平台目前推荐的用法。相关介绍可以参考这篇文章 这种用法其实是做了一个svg的集合,与另外两种相比具有如下特点:支持多色图标了,不再受单色限制。 通过一些技巧,支持像字体那样,通过font-size,color来调整样式。 兼容性较差,支持 ie9+,及现代浏览器。 浏览器渲染svg的性能一般,还不如png。使用步骤...

2018-08-08 18:39:25 4608 2

原创 vue返回顶部组件

页面滚离顶部一定距离的时候显示返回顶部图标,点击按钮以一定的速度返回顶部。  组件:src/components/GoTop.vue​&lt;template&gt; &lt;div id="goTop"&gt; &lt;div class="goTop" v-show="goTopShow" @click="goTop"&gt;

2018-07-21 18:19:37 5555 1

原创 vscode 使用iView时标签报错 Parsing error: x-invalid-end-tag

错误展示:问题原因:    iView将标签渲染为原生html标签时,由于这些标签是自闭合的,所以有end标签会报错。解决方案:修改配置文件,忽略该项检查:根目录下 - .eslintrc.js - rules添加一行:“vue/no-parsing-error”: [2, { “x-invalid-end-tag”: false }]重启dev:npm run dev但我设置之后并没有解决,最终...

2018-05-29 16:51:03 20787 5

原创 Vue 组件传值

        回想一下用Vue开发也有一年多了,但一直没有系统的整理一下相关知识,最近不太忙就总结一下在开发过程中所遇到的一些坑。今天主要总结一下Vue组件传值的几种常用方法:1、通过路由带参数传值   ① A组件通过query把id传给B组件          this.$router.push({path:'/B',query:{id:1}})  ② B组件接收this.$route.que...

2018-05-28 16:47:15 3629 2

原创 hashids

它的原理就是从数字经过一个加盐(salted)算法产生一个哈希(hash)字符串。这样算法就是通过混淆使结果具有不可预测性,而唯一性依然由数字本身来达成,从而得到(类似 youtube 里的)足够短,不可预测且唯一的 ID。安装:npm install hashids简单例子:let Hashids = require('hashids');let hashids = new Hashids();...

2018-05-28 10:29:15 3238

原创 Vue中的$set

在我们使用vue进行开发的过程中,可能会遇到一种情况:当生成vue实例后,当再次给数据赋值时,有时候并不会自动更新到视图上去;当我们去看vue文档的时候,会发现有这么一句话:如果在实例创建之后添加新的属性到实例上,它不会触发视图更新。由于 JavaScript 的限制,Vue 不能检测以下变动的数组:当你利用索引直接设置一个项时,例如:vm.items[indexOfItem] = newValu...

2018-05-16 17:52:39 9580 2

原创 js深拷贝和浅拷贝

在使用JavaScript对数组进行操作的时候,我们经常需要将数组进行备份,事实证明如果只是简单的将它赋予其他变量,那么我们只要更改其中的任何一个,然后其他的也会跟着改变,这就导致了问题的发生。let arr = ["One","Two","Three"];let arr2 = arr;arrto[1] = "test";console.log(arr)//One,test,Threecon...

2018-05-16 09:30:28 200

原创 vue 上传图片

0">                                                                            移除全部图片      上传                      Select an image

2017-04-14 11:40:41 2375 1

原创 通过函数计算任意日期所在月和周的起始时间

//初始化一个时间date=2016-12-13,通过函数计算所在月和周的起始时间function month(y,m,d){var now = new Date(y,m-1,d);var year = now.getFullYear();var month = now.getMonth()+1;var date = now.getDate();var result;i

2017-02-05 23:35:59 1134

转载 写一个通用的事件监听函数

var Event = {   //页面加载完成后   readyEvent:function(fn){    if(fn == null){     fn = document;    }    var oldonload = window.onload;    if(typeof window.onload != 'function'){     window.

2017-02-04 21:25:04 4153

原创 IE兼容

浏览器兼容:原因:不同的浏览器对相同的代码解析不一样,会导致页面的显示不统一.html:1.html元素的默认样式不同,造成页面布局的错乱符合html编程规范,样式重置2.布局:margin的兼容问题同时设置左右方向的margin和float, 在IE6下会产生双边距的问题解决方式:给对应元素设置display:inline; 设置较小的高度时,在IE6

2017-01-17 20:55:49 337

原创 阶段移动端项目总结

项目名称: 玩咖手游助手项目成员: 贾清阁/刘亚磊/陈晨项目期: 7天项目总结:1.项目前:首先,拿到一个项目后不要着急的去做,一定要把所有的psd图看一遍,心里清楚这个项目总共分几个大的模块,每个模块要实现哪些功能,以及页面之间的跳转等.然后就是要和组员进行充分的沟通,进行合理的分配工作.在这次项目中我们因为没有事先做好准备工作,没有站在全局上考虑整个项目,导致有的工作重

2017-01-11 20:30:10 762

原创 MySQL

//1.链接数据库mysql$con =mysqli_connect("localhost","root","","eleven");if($con){echo"服务器链接成功!";}else{echo"链接失败!";exit();//出口,代码停止往下执行;}//2.选择数据库(老版本)// mysqli_select_db("eleven")

2016-11-29 13:45:26 270

原创 php面向对象,正则,文件列表

//面向对象//创建类 classclass Person{//1.属性public$name = "zhangsan";public $age = "18";//2.私有private $money = 200;//3.受保护的protected $height = 160;//4.方法public function setNa

2016-11-29 13:43:29 471

原创 文件夹操作

//文件夹操作$dh =opendir(".");//  .当前目录 ../上一次目录// $str = readdir($dh);// echo $str."";// $str = readdir($dh);// echo $str."";// $str = readdir($dh);// echo $str."";// $str = readdir($dh)

2016-11-29 13:41:06 259

原创 文件操作

//1.打开文件$fh =fopen("test.txt","r");//打开的文件路径,r:只读.//打开后是一个资源(句柄),需要进一步处理// $str = fread($fh,12);//文件资源,读取的文件的长度,一个汉字占三个字符$str2 = fread($fh,filesize("test.txt"));//filesize文件的大小// echo $s

2016-11-29 13:39:56 226

原创 删除文件夹

header("Content-type:text/html;charst=utf-8");//删除文件夹function remove($path){if(is_dir($path)){//首先判断是否是文件夹$dirArr= scandir($path);//获取文件夹里的文件数组if(count($dirArr)>2){//文件夹里有文件echo"我里面还有文

2016-11-29 13:38:22 263

原创 统计网站pv数

//统计网站pv数if(is_file("pv.txt")){//有$count= file_get_contents("pv.txt");$count += 1;echo"当前页面的pv是:$count";file_put_contents("pv.txt",$count);}else{//没有file_put_contents("pv.txt",

2016-11-29 13:37:30 925

原创 上传文件

DOCTYPE html>html>head>metacharset="UTF-8">title>上传文件title>head>body>formaction="upload.php" method="get" enctype="multipart/form-data">inputtype="file" name="headImg" id="

2016-11-29 13:32:43 230

原创 字符串php

include"test1.html";include"test.html";// include_once "test.html";//只能引入一次// include_once "test.html";// require "test.html";// require "test1.html";/*include/require* include

2016-11-29 08:43:03 254

原创 运算符php

//1.运算符$a = 5;echo $a/3;echo"";//2.赋值运算符$b = 5;$c = 1;$c .= $b; //$c = $c.$b; //15echo $c;echo"";//3.三元运算符// if($a > $b){// $res = "yes";// }else{// $res = "no";//

2016-11-29 08:42:35 207

原创 数组php

//关联数组//1.第一种形式$age = array("zhangsan"=> 20,"lisi" => 18,"ruhua" => 16);foreach($age as $key => $value){echo $key.":".$value."";}//2.第二种形式$name = array();//先创建一个空的数组,再追加$name

2016-11-29 08:42:02 241

原创 变量php

DOCTYPE html>html>head>metacharset="UTF-8">title>title>head>body>h2>全局变量,局部变量h2>$a= 100;//全局变量functiontest(){$b = 200;//局部变量echo"访问局部变量";echo"变量 b 是: $b";gl

2016-11-29 08:40:43 200

原创 函数php

/** 函数:* 分类* 一.内置函数: 比如echo var_dump print_r* 二.自定义函数: (4小类)*   参数:函数定义时的参数叫形参,函数调用时传递的参数叫实参.*/// 1.无参数无返回值function show(){echo"我是最简单的函数,呵呵";}show();echo"";//2.有参数无返回值f

2016-11-29 08:39:13 199

原创 php基础

#echo "hello world!";  #号和//都是注释单行echo"";echo"百度";echo "hi";echo"";//1.定义变量, 跟js一样,也属于弱类型语言$a = 10;$b ="5";$c ="8";echo$a+$b;//php里的"+"仅仅是运算符,字符串拼接用".";echo$b.$c.

2016-11-29 08:37:59 279

原创 滚动换色

DOCTYPE html>html>head>metacharset="UTF-8">title>滚动换色title>styletype="text/css">body{height:5000px; transition:all1s linear 0s;}style>head>body> scripttype=

2016-10-20 12:52:22 281

原创 DOM基础02

DOCTYPE html>html>head>metacharset="UTF-8">title>DOM基础02title>styletype="text/css">*{margin:0;padding:0;}#big{height:600px;background: yellow ;border:5pxsolid

2016-10-20 12:51:52 228

原创 选项卡

DOCTYPE html>html>head>metacharset="UTF-8">title>选项卡title>head>body>select id="sec1">optionvalue="1">选择option>optionvalue="2">河南省option>optionvalue="3">韩国option>select>

2016-10-20 12:49:01 262

原创 购物车

DOCTYPE html>html>head>metacharset="UTF-8">title>购物车title>styletype="text/css">ul{width:100px;height:100px;border:1pxsolid red;}style>head>body>divid="wrap">

2016-10-20 12:48:13 174

原创 DOM基础01

DOCTYPE html>html>head>metacharset="UTF-8">title>DOM基础01title>styletype="text/css">#p1{visibility:hidden;}#div1{width:200px;height:100px;background: red;}styl

2016-10-20 12:47:17 484

原创 京东版轮播图

DOCTYPE html>html>head>metacharset="UTF-8">title>title>styletype="text/css">*{margin:0;padding:0;}#wrap{width:300px;height:200px;margin:100pxauto;border:2

2016-10-19 13:07:58 568

原创 轮播图

DOCTYPE html>html>head>metacharset="UTF-8">title>轮播图title>styletype="text/css">*{margin:0;padding:0;}#wrap{width:350px;height:200px;margin:100pxauto;borde

2016-10-19 13:06:27 287

原创 导航栏效果

DOCTYPE html>html>head>metacharset="UTF-8">title>导航栏效果title>styletype="text/css">*{margin:0;padding:0;}#wrap{width:500px;height:30px;padding-top:10px;bord

2016-10-19 13:05:52 271

原创 TweenJS

DOCTYPE html>html>head>metacharset="UTF-8">title>TweenJStitle>styletype="text/css">*{margin:0;padding:0;}#div1{width:50px;height:50px;background: red;positi

2016-10-18 13:22:35 671

原创 鼠标移入移出事件

DOCTYPE html>html>head>metacharset="UTF-8">title>鼠标移入移出事件title>styletype="text/css">#div1{width:200px;height:200px;background:yellow;}#div2{width:100px;height:

2016-10-18 13:21:22 5609

原创 tweenjs大图滚动

DOCTYPE html>html>head>metacharset="UTF-8">title>tweenjs大图滚动title>styletype="text/css">#show{width:730px;height:454px;margin:100pxauto;border:3pxsolid gold;overflow

2016-10-18 13:20:37 379

原创 无间断大图滚动

DOCTYPE html>html>head>metacharset="UTF-8">title>无间断大图滚动title>styletype="text/css">#show{width:1200px;height:230px;border:3pxsolid gold;/*overflow:hidden;*/margin:100px

2016-10-18 13:19:32 376

空空如也

空空如也

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

TA关注的人

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