游尘牙-CSDN博客

原创 element-ui rate作为子组件使用报警告错误：Avoid mutating a prop directly since the value will be overwrit...

使用element-ui里的rate组件如图，在使用element-ui的rate组件作为一个子组件赋值时，报了上图的错误。官方文档参数配置说明可以这么配置：然而子组件内不应该用 v-model，因为 v-model 只是一个简化命令，使用 v-model="value" 相当于:value="value" @input="e => value = e.target.value"，所以在你输入值的同时已经直接修改了value，导致报了那个警告。所以应该拆解开来写。而官方文档中...

2020-05-27 14:56:34 1929

原创 window7下sublime text 3黑色背景时鼠标的文本选择光标为黑色解决

在window7下安装了sublime text 3，编辑窗口是黑色的背景，鼠标点击的时候，能够看到闪烁的光标，但移动鼠标的文本选择光标时，却无法看到，因为这个移动中的光标是黑色的，与背景色相近，在这种情况下，根本找不到鼠标的位置。原以为是sublime text 3的设置问题，然而在另一台电脑上使用却没有出现光标也是黑色的问题，在黑色的背景下，光标会自动切换成白色，这样可以明显看到鼠标的移动。久...

2018-07-23 22:34:15 5930 2

原创包裹着img的标签大小固定，img不固定大小时的图片垂直居中

当前有这样一个需求，用一个容器去装载一个不确定大小的img标签，但又需要这个图片是垂直居中的效果，由于无法预先确定图片大小，因此也就无法使用css中常用的方法去实现其垂直居中的效果，能够想到的就是通过js动态取得图片的大小，再根据这个图片的大小去重新调整设置其样式，从而达到一个垂直居中的效果。下面附上代码及详细说明：<!DOCTYPE html><html lang="en"><head>

2017-12-16 10:33:51 2326

原创 CSS3实现一个鼠标跟随动态旋转效果

技术点：CSS3里的3D旋转实现这个效果需要对CSS3的3D旋转还有对JQuery有一定的认识，因为这是本效果具体使用到的技术；这里不去详细讲解这两个基础知识点，只讲具体实现思路以及实现代码。我将这个会跟随变化的盒子分成四个区域，鼠标在进入这不同的四个区域时，会有不一样的效果，但它们的总体规律是相似的，这点在代码里会有体现。我们需要获取的值有这个盒子距离它父元素的top和left值，还有盒子

2017-07-21 17:25:42 7025 1

原创 js面向对象实现无缝轮播图

下面是实现代码：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>面向对象轮播图</title> <style type="text/css"> *{ margin: 0; padding

2017-07-03 17:30:06 1900

原创 js面向对象实现元素拖拽

先对其中的一些将要使用到的event对象及属性进行说明：event.clientX、event.clientY 鼠标相对于浏览器窗口可视区域的X，Y坐标（窗口坐标），可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性。offsetLeft、offsetTop 规定元素相对于其有定位的父类距离其左侧与顶部的距离，如果父类没有定位，则相对于body取左侧与顶部距离。document.

2017-07-03 11:59:11 472

原创 js查找字符串中出现次数最多的字符

查找字符串中出现次数最多的字符，并且次数相同时也能够输出：function maxTime(str){ var arr = [];//定义一个用于保存切割后的字符串的数组 arr = str.split(''); var obj = {};//定义一个用于保存字符串对应出现次数的对象 var max = 0;//定义一个保存最大出现次数的变量 for(var

2017-07-03 11:25:14 1370

原创 JavaScript中for循环总是输出最大值问题的几种解决方式

假设我们做一个选项卡，可以通过点击每个li来进行切换，但这个时候使用for循环来获取对应的每个li值时，发现了一个问题，就是无论你点击哪一个li，它总是输出最后的一个值，而解决这个问题的方法，有下面的几种：这里是html的部分代码，我用三个li来演示：<ul id="box"> <li>1</li> <li>2</li> <li>3</li></ul><script>

2017-07-02 18:26:45 3391

原创 js常用本地对象String的使用

String的常用方法：这里只列举使用频率比较高的几个方法。查找指定位置的字符的方法：charAt(index)var str="Hello world!Hello world!";console.log(str.charAt(0));//结果是Hconsole.log(str.charAt(2));//结果是lconsole.log(str.charAt(11));//结果是!字符串中第一个

2017-07-01 17:05:39 232

原创 js常用本地对象RegExp使用

RegExp对象的常用方法：下面的两个是正则常用的匹配写法：/** 匹配第一个"bat"或"cat"，不区分大小写*/var pattern1 = /[bc]at/i;/** 与 pattern1 相同，只不过是使用构造函数创建的*/var pattern2 = new RegExp("[bc]at", "i");一个正则表达式的基本写法规则：var expression = / pa

2017-07-01 14:52:42 275

原创 js常用本地对象Date使用

Date常用方法：返回当前的日期与时间：Date()console.log(Date());//结果是Sat Jul 01 2017 10:14:11 GMT+0800 (中国标准时间)这是惟一一个不需要挂载对象就可以使用直接输出结果的方法，但这种格式的显示有时候并不是我们想要的，因此并不会这样直接去输出使用。获取年、月、日、星期、时、分、秒的方法： getFullYear(),getMonth(

2017-07-01 10:22:51 255

原创 js常用本地对象Array使用

Array对象的常用方法：连接两个或多个数组：concat(array1,array2,…arrayn)var arr1 = [1,2,3];var arr2 = [4,5,6];console.log(arr1.concat(arr2));//结果是1，2，3，4，5，6console.log(arr2.concat(arr1));//结果是4，5，6，1，2，3var arr3 = [7

2017-06-30 19:00:42 272

原创 JavaScript 本地对象、内置对象、宿主对象

什么是宿主环境？宿主环境一般由外壳程序创建和维护，它不仅仅为JavaScript语言提供服务，往往一个宿主环境中可能运行很多种脚本语言。宿主环境一般会创建一套公共对象系统，这套对象系统对所有脚本语言开放，并允许它们自由访问。同时，宿主环境还会提供公共接口，用来装载不同的脚本语言引擎。这样我们可以在同一个宿主环境中装载不同的脚本引擎，并允许它们共享宿主对象。脚本语言与独立的语言是有区分的，JavaSc

2017-06-29 19:55:11 416

原创 javascript面向对象

ECMA-262 把对象定义为：“无序属性的集合，其属性可以包含基本值、对象或者函数。”相当于说对象是一组没有特定顺序的值。对象的每个属性或方法都有一个名字，而每个名字都映射到一个值。用自定义对象的最简单方式就是创建一个 Object 的实例，然后再为它添加属性和方法，如下所示：var person = new Object(); person.name = "Nichol

2017-06-27 20:12:28 182

原创 jsonp跨域

什么是跨域：当一个网页页面访问另一个网页页面时，URL的协议、子域名、主域名、端口号，这几个中有任意一个不相同，则为跨域访问。之所以存在着跨域，是出于安全考虑。解决跨域访问的方式有：1、代理（主要是指后端设置的服务器代理）2、JSONP（通过动态创建script标签来引入地址）3、XHR2（H5里的XMLHttpRequest Level2）

2017-05-24 23:01:56 253

原创 ajax封装

ajax的流程：浏览器需要向服务器发送或者获取数据，因此需要先创建一个ajax对象；然后连接服务器，把请求的消息发送过去；服务器接收到请求，处理请求，把请求处理结果返回来给浏览器；浏览器根据返回结果做出处理。具体步骤：1、创建Ajax对象new XMLHttpRequest()new ActiveXObject("Microsoft.XMLHTTP")//兼容早期IE2、连

2017-05-23 13:34:52 265

dydjtb的博客