自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 从github上clone下来的项目如何提交到自己仓库

1.首先在资源管理器中进入我们项目文件夹,点击菜单栏的“查看”,将隐藏的项目打勾,所有被隐藏的文件夹就显示出来了,然后删除".git"文件夹。2.然后复制你的仓库地址,进入刚刚的项目文件夹,鼠标右键“Git在这里创建版本库”,出来一个弹窗,点击确定即可。3.到这一步已经创建成功了,直接提交你的代码就可以了。...

2019-12-17 11:53:27 3937

原创 前端处理后端图片流乱码问题并解决axios返回值问题

前端处理后端图片流乱码问题并解决axios返回值问题this.dealImg(url).then((data)=>{// data就是dealImg的返回结果,也就是.then里面取得的data,拿到值后就可以在这里处理了 console.log(data);})dealImg(url) { // 处理后端传过来的图片流乱码问题 if (url) { ...

2019-12-10 15:59:02 1511

转载 如何在GitHub上发现优秀的开源项目

声明:原创博主链接:https://blog.csdn.net/shenjie12345678/article/det...

2019-08-29 16:12:50 318

原创 { parser: "babylon" } is deprecated; we now treat it as { parser: "babel" }

如果你是用npm 安装的依赖,那么不妨删掉node_modules,用cnpm重新安装,npm报错,很大一部分原因是因为网络问题代码实现:cnpm i

2019-04-28 11:43:44 418

转载 windows下git小乌龟的安装和使用

一、安装git for windows首先下载git for windows客户端http://msysgit.github.io/ 安装过程没什么特别的,不停next就ok了     图太多就不继续了~~安装完之后最好重启一下。安装完成之后右...

2019-04-26 14:53:24 9751 1

原创 webstorm(2019)配置eslint规范

在项目中我们为了代码书写更规范,在项目中安装ESlint帮助我们检查语法,那么下面介绍下在webstorm中如何配置ESlint规范步骤如下:1.快捷键:ctrl+alt+s打开设置,找到Code Style,将Indents Detection和EditorConfig下的去掉勾选,具体看下图2.在Code Style子文件下找到你想修改的文件类型,将缩进全部改为2...

2019-04-24 13:57:57 25413 2

原创 vue父子组件通信

1.子组件向父组件传值的方法demo:默认内容显示是这样通过点击子组件里的内容“我是子组件”,就显示父组件里的默认被隐藏的内容“我是父组件里的内容”,这条内容显示与否由子组件传的值来决定。父组件:<template> <div class="parent"> <div>{{msg}}</...

2019-04-22 16:41:14 153

原创 在vue中使用Echarts的自适应问题

1.在vue中添加Echarts图表使用详解使用npm添加package.json文件中的配置并下载相关npm包依赖npm install echarts --save然后在需要创建图表的组件中引入 // 引入echarts import echarts from "echarts"在模板中创建所需的dom<div class="echarts-wra...

2019-04-09 14:47:52 1097

原创 解决textarea在IE下的bug

首先展示demo:这是一个采用div模拟输入框的形式,主要用属性contenteditable,这个属性几乎兼容所有浏览器。实现方式是给一个固定高度,超出这个高度再显示滚动条。<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text...

2019-04-03 12:46:04 1497

转载 JS阻止冒泡和取消默认事件(默认行为)

js冒泡和捕获是事件的两种行为,使用event.stopPropagation()起到阻止捕获和冒泡阶段中当前事件的进一步传播。使用event.preventDefault()可以取消默认事件。w3c的方法是e.stopPropagation(),IE则是使用e.cancelBubble = true·stopPropagation也是事件对象(Event)的一个方法,作用是阻止目标元素的...

2019-03-04 15:18:34 208

转载 js匿名函数

匿名函数的声明和使用1.声明一个匿名函数,直接赋值给某一个事件;window.onload=function(){ console.log(123)}2.使用匿名函数表达式。将匿名函数,赋值给一个变量。var func=function(){ console.log(123);}func()注意:使用匿名函数表达式时,函数的调用语句,必须放在函数声明语句之后!!...

2019-03-01 17:26:37 495

原创 JS中的六大数据类型

参考链接:5种简单数据类型(基本数据类型):Undefined、Null、Boolean、Number和String1种复杂数据类型:Objecttypeof操作符可检测变量的数据类型;注意:typeof是一个操作符而不是函数。var message="some string";console.log(typeof message); //"string"console....

2019-02-28 18:07:19 291

原创 js 5个迭代方法

迭代类似于数组遍历,和for循环相似。js的迭代有五种方法every()some()filter()map()forEach()以上方法都不会修改数组中的包含的值。传入这些方法中的函数会接收三个参数:(当前下标索引值,当前项索引,数组对象本身)注意:函数中的 item,index,array都是可以自定义的形参名称1.every()如果该函数对每一项都返回t...

2019-02-28 15:21:26 307

原创 js把时间戳转换为普通日期格式

如何将时间戳转换为普通日期格式,请看下面代码:function formatDate(now) { var year=now.getFullYear(); //取得4位数的年份var month=now.getMonth()+1; //取得日期中的月份,其中0表示1月,11表示12月var date=now.getDate(); //返回日期月份中的天数(1到31)v...

2019-02-28 14:39:03 59100 2

转载 jquery中checkbox全选与反选的练习

来自廖雪峰的官方网站实现以下逻辑:当用户勾上“全选”时,自动选中所有语言,并把“全选”变成“全不选”;当用户去掉“全不选”时,自动不选中所有语言;当用户点击“反选”时,自动把所有语言状态反转(选中的变为未选,未选的变为选中);当用户把所有语言都手动勾上时,“全选”被自动勾上,并变为“全不选”;当用户手动去掉选中至少一种语言时,“全不选”自动被去掉选中,并变为“全选”。...

2019-01-25 00:35:05 218

转载 js中的this指向

文章来自彻底理解js中this的指向this的指向在函数创建的时候是决定不了的,在调用的时候才能决定,谁调用的就指向谁,一定要搞清楚这个。补充几种情况,说法更准确:情况1:如果一个函数中有this,但是它没有被上一级的对象所调用,那么this指向的就是window,这里需要说明的是在js的严格版中this指向的不是window,但是我们这里不探讨严格版的问题,你想了解可以自行上网查找。情况...

2019-01-17 00:16:17 103

转载 单词中的大小写字母全部转换为首字母大写,其余字母全部小写

练习,来自廖雪峰官网网站请把用户输入的不规范的英文名字,变为首字母大写,其他小写的规范名字。输入:['adam', 'LISA', 'barT'],输出:['Adam', 'Lisa', 'Bart']'use strict';function normalize(arr) {return arr.map(fn =&gt; {console.log(fn.slice(0, 1).toUp...

2019-01-13 18:55:25 2323

转载 HTML5+CSS3的响应式网页设计:自动适应屏幕宽度

转载地址:http://yusi123.com/2539.html移动设备正超过桌面设备,成为访问互联网的最常见终端。于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页?手机的屏幕比较小,宽度通常在600像素以下;PC的屏幕宽度,一般都在1000像素以上(目前主流宽度是1366×768),有的还达到了2000像素。同样的内容,要在大小迥异的屏幕上,都呈现出满意的效果,...

2019-01-13 18:33:24 1210

原创 利用map和reduce将数字字符串转换为整数

来自廖雪峰的javascript教程把一个字符串13579先变成Array——[1, 3, 5, 7, 9],再利用reduce()就可以写出一个把字符串转换为Number的函数。我用了3种实现方法:1.不用 JavaScript内置的函数,利用js弱变量类型,对字符串做运算,js自动将字符串转换为数字。function string2int(s) {var m=s.split("");...

2019-01-13 18:12:42 1354 2

转载 html5+css3+jquery完成响应式布局

文章出处:https://www.cnblogs.com/jqstudy/p/6213358.html响应式布局,流体布局,自适应布局,静态布局等等,这是移动设备的飞速发展,前端人员不得不跟上潮流的一个方向。实际上各种设备尺寸,分辨率大都不同,真的适应各种设备依旧是不现实的,首先是浏览器差异化,让我们去hack,现在是终端问题,让我展现出不同的设备不同的样式,折腾来折腾去,终于我们走进了热火朝...

2018-12-13 17:40:10 838

原创 前端ajax分页

在一个html页面中面临多个表格且有多个分页时可用到下面介绍的方法。思路:首先定义一个数组,在数组中以对象形式存放每个表格的接口的地址(url)以及你所要用到的参数,每个对象对应每个表格,每个表格定义一个有序的 id ,序号从0开始,第一个就刚好对应第一个数组对象,以此类推。然后写一个公共方法,确定你要传的参数,我这里传了三个参数(代表哪一个表格,代表是否下一页,代表首页或尾页的页码),然后写...

2018-12-11 15:31:11 808

原创 JS如何获取地址栏url多个参数并解决中文乱码问题

我们很多时候需要获取url地址栏传输过来的参数,然后把获取到的参数作为参数值传到接口中。那么下面给大家介绍一种方法,如下:假如url地址为:http://127.0.0.1:9966/index.html?id=101&amp;name=名称,代码如下://获取url参数的 name 值 和 id 值 ,getId() 输出id的值,getName() 输出 name 的值 f...

2018-11-30 15:06:48 386

转载 const定义的变量可以更改吗?

const定义的基本数据类型的变量不可以修改,但其它复杂数据类型是可以修改的示例:(1)const a = 1;a = 2//报错 (2)const arr = [1,2,3];arr[2] = 5arr.push(10)console.log(arr)//[1, 2, 5, 10] 参考网址:https://blog.csdn.net/qq_364...

2018-11-29 17:06:06 8561

转载 jQuery选择器总结

参考网址:https://www.cnblogs.com/mcgrady/archive/2011/11/08/2241670.html参考网址:https://blog.csdn.net/sinat_36042530/article/details/52561780jQuery选择器共有四大类,分别为基本选择器,层次选择器,过滤选择器和表单选择器。 1、基本选择器基本选择器就...

2018-11-29 15:13:48 86

转载 在js中为什么0.1+0.2不等于0.3

参考地址:https://segmentfault.com/a/11900000121754220.1+0.2==0.3// false原因在于在JS中采用的IEEE 754的双精度标准,计算机内部存储数据的编码的时候,0.1在计算机内部根本就不是精确的0.1,而是一个有舍入误差的0.1。当代码被编译或解释后,0.1已经被四舍五入成一个与之很接近的计算机内部数字,以至于计算还没开始,一...

2018-11-23 14:01:43 12957 11

原创 盒模型的理解

前端的盒模型包括两种,分别是W3C盒模型和IE盒模型,IE盒子模型与W3C的盒子模型唯一区别就是元素的宽度。W3C盒模型包括content、padding、border、margin。其中width = content。IE盒模型包括content、padding、border、margin。其中width = content+padding+border。后来W3C在CSS3中新增了...

2018-11-23 11:05:50 5182 3

转载 javascript中的数据类型有哪些?

参考链接:https://www.aliyun.com/jiaocheng/980178.html包括两个不同类型的值:基本数据类型和引用数据类型。1、常见的基本数据类型有Number、String 、Boolean、Null和Undefined。基本数据类型是按值访问的,因为可以直接操作保存在变量中的实际值。示例:var a = 10;var b = a;b = 20...

2018-11-23 10:24:47 1958

转载 js队列方法push()、shift()与pop()、unshift()的简单总结

 先来看一段代码:var colors=new Array();var count=colors.unshift("red","green");    //推入多个项console.log(colors); // ["red", "green"]count=colors.unshift("black");                  ...

2018-10-31 17:41:41 8458

原创 一个简单的模拟ajax如何获取json数据的实例

自己写了一个模拟数据文件queryList.json,表单中的内容都是数据循环出来的,在本实验中需要引入jquery文件,下面简单展示如何用jq的ajax获取json数据。 先看效果图: queryList.json{ "animals":[ { "id":1, "name":"dog", "age":3 }, { "id":

2018-07-19 15:02:25 19626 6

原创 css+html实现倒三角

 倒三角的做法其实很简单,一个长宽都为0的框,它的四边其实是四个三角形。它有4条边,从左至右分别为left 、 top 、 right  、 bottom,设置宽高为0,border:50px,然后分别设置每条边的颜色,即可得到下面的四边形。然后设置 left 、right 、bottom的背景色为透明(transparent),即可得到漂亮的倒三角形。效果图如下:            ...

2018-07-17 14:46:42 22275

原创 js定时器的用法

js定时器有两个方法:setInterval():按照指定的周期(以毫秒计)来调用函数或计算表达式。方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。会被循环执行。setTimeout():在指定的毫秒数后调用函数或计算表达式。只执行一次。 定时器使用场景:(1)页面中的提示框每隔一段时间需要执行一次或多少秒后自动关闭提示框(2)延迟跳转。...

2018-07-17 13:47:06 193

转载 css常用重置样式代码

 reset.css*{ margin:0; padding:0; /* 设置所有样式的外边距,内边距都为0 */}ul,li,ol{ list-style:none; /* 去掉默认样式中的小黑点 */}a{ text-decoration:none; display:block; /* 去掉a标签默认的下划线,以块元素显示 */}.c...

2018-07-17 10:24:51 888

原创 如何使用layer弹窗

layer可以独立使用,也可以通过Layui模块化使用。详见官网:layer官网地址:http://www.layui.com/doc/modules/layer.html在平时的项目中,很多时候页面中难免会用到弹窗的情况,这里介绍将layer作为独立插件使用的方法。步骤一:去 layer 独立版本官网下载组件包。步骤二:获得 layer 文件包后,解压并将 layer 整个文件夹(不要拆分结构)...

2018-07-09 22:59:12 18268

原创 实现页面中input checkbox复选框为单选功能

思路:当前节点选中后,其他节点就不能选,即checkbox的值设置为false。注意:js代码要在文档加载完成后执行才生效,即在$(function(){})中写你的js代码,如果HTML代码本身就在js代码前,$(function(){})则不可有可无。html代码:&lt;div&gt; &lt;input type="checkbox" /&gt;&lt;span&gt;1&lt;/...

2018-07-04 00:00:37 23518 2

原创 事件冒泡以及事件委托

一、定义他们是描述事件触发时序问题的术语。事件冒泡:就是元素自身的事件被触发后,如果父元素有相同的事件,如onclick事件,那么元素本身的触发状态就会传递,也就是冒到父元素,父元素的相同事件也会一级一级根据嵌套关系向外触发,直到document/window,冒泡过程结束。事件委托:利用事件冒泡,只指定一个事件处理程序来管理某一类型的所有事件。二、方法JQuery 提供了两种方式来阻止事件冒泡。...

2018-07-02 23:45:54 171

原创 jq动态生成HTML元素时,点击事件无效

第一次写,作为自己的一个学习笔记。原因:动态添加的HTML元素是在CSS,JS代码加载完成后再添加的HTML页面。在浏览器解析这些通过ajax请求到后台返回的数据,再根据返回的结果动态生成HTML页面时,这些绑定事件的标签元素还没有生成。而普通.click事件只能绑定静态元素。用on方法支持动态绑定元素。 解决方案:将普通事件改为.on()委托事件示例:普通绑定事件:$('.btn1').clic...

2018-07-01 18:45:23 4150 1

空空如也

空空如也

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

TA关注的人

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