- 博客(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 2182 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 306
原创 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 187
原创 nuxt 引入iconfont多色图标
symbol引用这是一种全新的使用方式,应该说这才是未来的主流,也是平台目前推荐的用法。相关介绍可以参考这篇文章 这种用法其实是做了一个svg的集合,与另外两种相比具有如下特点:支持多色图标了,不再受单色限制。 通过一些技巧,支持像字体那样,通过font-size,color来调整样式。 兼容性较差,支持 ie9+,及现代浏览器。 浏览器渲染svg的性能一般,还不如png。使用步骤...
2018-08-08 18:39:25 4638 2
原创 vue返回顶部组件
页面滚离顶部一定距离的时候显示返回顶部图标,点击按钮以一定的速度返回顶部。 组件:src/components/GoTop.vue<template> <div id="goTop"> <div class="goTop" v-show="goTopShow" @click="goTop">
2018-07-21 18:19:37 5594 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 20827 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 3639 2
原创 hashids
它的原理就是从数字经过一个加盐(salted)算法产生一个哈希(hash)字符串。这样算法就是通过混淆使结果具有不可预测性,而唯一性依然由数字本身来达成,从而得到(类似 youtube 里的)足够短,不可预测且唯一的 ID。安装:npm install hashids简单例子:let Hashids = require('hashids');let hashids = new Hashids();...
2018-05-28 10:29:15 3249
原创 Vue中的$set
在我们使用vue进行开发的过程中,可能会遇到一种情况:当生成vue实例后,当再次给数据赋值时,有时候并不会自动更新到视图上去;当我们去看vue文档的时候,会发现有这么一句话:如果在实例创建之后添加新的属性到实例上,它不会触发视图更新。由于 JavaScript 的限制,Vue 不能检测以下变动的数组:当你利用索引直接设置一个项时,例如:vm.items[indexOfItem] = newValu...
2018-05-16 17:52:39 9623 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 205
原创 通过函数计算任意日期所在月和周的起始时间
//初始化一个时间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 1152
转载 写一个通用的事件监听函数
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 4159
原创 IE兼容
浏览器兼容:原因:不同的浏览器对相同的代码解析不一样,会导致页面的显示不统一.html:1.html元素的默认样式不同,造成页面布局的错乱符合html编程规范,样式重置2.布局:margin的兼容问题同时设置左右方向的margin和float, 在IE6下会产生双边距的问题解决方式:给对应元素设置display:inline; 设置较小的高度时,在IE6
2017-01-17 20:55:49 345
原创 阶段移动端项目总结
项目名称: 玩咖手游助手项目成员: 贾清阁/刘亚磊/陈晨项目期: 7天项目总结:1.项目前:首先,拿到一个项目后不要着急的去做,一定要把所有的psd图看一遍,心里清楚这个项目总共分几个大的模块,每个模块要实现哪些功能,以及页面之间的跳转等.然后就是要和组员进行充分的沟通,进行合理的分配工作.在这次项目中我们因为没有事先做好准备工作,没有站在全局上考虑整个项目,导致有的工作重
2017-01-11 20:30:10 769
原创 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 275
原创 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 476
原创 文件夹操作
//文件夹操作$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 262
原创 文件操作
//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 229
原创 删除文件夹
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 268
原创 统计网站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 928
原创 上传文件
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 237
原创 字符串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 262
原创 运算符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 212
原创 数组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 254
原创 变量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 205
原创 函数php
/** 函数:* 分类* 一.内置函数: 比如echo var_dump print_r* 二.自定义函数: (4小类)* 参数:函数定义时的参数叫形参,函数调用时传递的参数叫实参.*/// 1.无参数无返回值function show(){echo"我是最简单的函数,呵呵";}show();echo"";//2.有参数无返回值f
2016-11-29 08:39:13 203
原创 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 283
原创 滚动换色
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 287
原创 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 235
原创 选项卡
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 269
原创 购物车
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 179
原创 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 489
原创 京东版轮播图
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 572
原创 轮播图
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 294
原创 导航栏效果
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 278
原创 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 678
原创 鼠标移入移出事件
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 5635
原创 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 387
原创 无间断大图滚动
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 381
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人