AHRL__-CSDN博客

原创 jquery中的ready方法和window的onload方法的区别

jquery中的ready方法和window.onload的区别区别jquery的ready方法在网页中的DOM结构加载完成后执行。window.onload()必须等到网页全部加载完毕(包括图片等)才执行。前者可以执行多次，不会上一次覆盖。后者只能执行一次，如果第二次，那么第一次的执行的会被覆盖。扩展关于script元素的async属性和defer属性：async：表示应该立...

2018-11-20 22:00:42 595

原创撸一个聊天室(vue+koa2+websokect+mongodb)

撸一个聊天室(vue+koa2+websokect+mongodb)本篇博客主要介绍聊天室项目，作者学习vue和node时间较短，若有什么错误或建议，欢迎指出，谢谢~贴上源码链接 -> 源码vue的布局在这就不说了，大家可以查看源码。效果图如下：首先来看一个聊天室需要哪些功能：发消息（单聊）添加好友发表情和图片发文件这三个算是聊天室需要的最基本的功能，其他功...

2018-11-19 19:06:45 1955 2

原创 JavaScript递归实现多维数组去重

JavaScript递归实现多维数组去重一维数组去重的方法有很多，这里就不一一概述了。而多维数组，第一个想法就是递归实现，本文简单阐述了思路及代码，若有其他见解，欢迎一起讨论。在实现多维数组去重前，得先知道一维数组如何去重，方法大家可以自行百度，在这里列举一种较推荐的方法。/*** 思路：获取没重复的最右一值放入新数组* 从第一个值开始，将其与后面的值依次比较，* 如若相等则终止当前...

2018-10-11 09:33:21 4311 2

原创 svg实现水滴相融效果

svg实现水滴相融效果近来看见一个用svg做的菜单动画，对svg来了兴趣，研究了其中涉及的水滴粘合效果。这里贴上菜单动画链接先看看效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</tit

2018-10-06 14:30:45 1370

原创 vue中引入echarts并实现echarts自适应

vue中引入echarts并实现echarts自适应在许多项目中需要使用到柱状图、饼状图等，在本篇博客中介绍echarts的自适应。实现echarts的自适应可以使用window.onresize()，具体操作如下： npm安装echats：npm install echarts --save在使用echarts的页面引入echartslet echarts = r...

2018-07-10 10:54:56 3907 1

原创 element更改导航菜单被选中项的背景颜色

element更改导航栏被选中项的背景颜色在使用element的导航栏菜单时，官方文档指明可以改变导航栏的的背景颜色，字体颜色以及选中项的字体颜色，但是有时我们想要使用自定义颜色。在F12中可以看见，在设置了官方文档中的background-color、text-color、active-text-color后，element将这些样式添加到了element.style中。如下：eleme...

2018-06-29 21:40:03 66221 16

转载 html文字单行以及多行超出显示省略号

html文字单行以及多行超出显示省略号在前端页面中，许多时候需要用到文字超出显示省略号的情况，今天在github上看见一片总结得特别全的文章，列出一下两种较好的方法。原文链接：https://github.com/libin1991/libin_Blog/issues/372单行超出显示省略号单行超出显示省略号可直接使用text-overflow: ellipsis，具体使用参照...

2018-06-28 21:20:28 2161

原创 element更改表格表头、行、指定单元格样式

element更改表格表头、行、指定单元格样式在学习vue过程中，总结了一下使用element时更改表格样式的方式。更改表格的样式使用header-cell-style属性，可为函数或对象1. 函数写法&amp;lt;!-- html --&amp;gt;&amp;lt;el-table :header-cell-style=&quot;rowClass&quot;&amp;gt;&a

2018-06-25 18:36:49 28935 10

原创 npm强制清除缓存时无法清除问题

npm强制清除缓存时无法清除问题使用webpack时遇到的问题，npm强制清除缓存时无法清除。强制清除npm指令npm cache clean -f在执行以上指令后，命令一直没有终止，具体忘了截图，如果遇到这种情况，检查一下自己的node版本，我的当时是node版本过低。...

2018-06-13 22:27:11 16661

element-ui使用导航栏跳转路由用法最近初学vue，试着做一个小项目熟悉语法与思想，其中使用elemen-ui的导航栏做路由跳转切换页面。下面记录一下学习过程element-ui引入vue项目的用法参考element官网首先复制官网的例子，在这基础上再修改成我们想要的样子。&amp;amp;lt;el-menu :default-active=&amp;quot;activeIndex&amp;quot; class=&am

2018-06-07 17:23:18 42094 15

原创 npm没有权限，显示no such file or directory

title: npm没有权限，显示no such file add directory初学vue，在安装vue-loader时，真的是踩了个深坑，我觉得有必要记录一下。当在命令行输入：npm i vue-loader报了下面一巴拉的错：npm WARN checkPermissions Missing write access to D:\front_end\vue-d...

2018-05-13 22:00:01 19015 1

原创 JavaScript中的预加载和懒加载

JavaScript中的预加载和懒加载预加载和懒加载的使用场景不同，可以先了解一下浏览器机制，有助于理解两者的原理。在网页中合理使用预加载和懒加载有效地减少用户的等待时间，提高用户体验。目录页面加载过程预加载懒加载该篇博客参考以下文章总结而成： Javascript图片预加载详解懒加载和预加载的实现页面加载过程简单说一下页面的加载过程，如果页面不是第一...

2018-05-05 17:17:12 10141

原创用cropper插件写上传头像（可头像截图）

用cropper插件写上传头像（可头像截图）该篇博客主要介绍以下使用cropper插件来写一个完整的上传头像功能，带头像截图以及可预览。目录cropper插件html部分js部分完整代码cropper插件这个功能主要基于cropper插件下载cropper:github地址直接使用npm下载npm install cropper jquery...

2018-05-01 21:55:34 841

原创 JavaScript设计模式

该篇博客参考《JavaScript高级程序设计》及《你不知道的JavaScript（上）》总结，在开发过程中，可以按自己的需求借用设计模式来优化代码。

2018-04-29 19:09:28 214

原创 JavaScript中的作用域和闭包

该篇博客参考《你不知道的JavaScript（上）》总结，主要是对作用域和闭包进行了深入的理解，并结合书进行了概括。

2018-04-29 19:08:40 297

原创详解ajax

AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML）。在没有Ajax之前，想要刷新就只能整个页面刷新，有了ajax以后，可以将特定的位置刷新，实现局部刷新。也就是说，ajax可以单独请求数据，并对获取的数据进行操作。

2018-04-29 19:07:25 249

原创 JavaScript中的this详解

JavaScript中的this详解this一直都是难点所在，我查阅资料，对this进行了一些用法和误解的举例与分析，也帮助自己学习和理解。目录默认绑定隐式绑定显式绑定new绑定一些特殊例子默认绑定var a = 2;function foo(){ console.log(this.a);}foo();//2这是一个this最简单的例子...

2018-04-29 19:05:35 249

原创 localStorage、sessionStorage和cookie

localStorage、sessionStorage和cookie浏览器保存数据有三种方式：localStorage、sessionStorage、cookie，与服务器端的session相区别，它们有相同点，也有不同点。本篇博客对三种方式的作用及用法进行总结。

2018-04-29 19:03:31 531

原创 javascript中使用var和不使用var定义变量的区别

听人问起这个问题，自己一时答不上来，便查找资料总结了一下。 JavaScript中使用var和不使用var定义变量主要有两个区别： 1.var a = 1;function aaa(){ b = 2;};console.log(a);//1//console.log(b);//b if not definedaaa();console.log(b);//2代码...

2018-02-27 16:45:27 3090

原创 bootstrap中如何使input中的小图标获得点击事件

要使小图标获得点击事件，可在小图标上覆盖一个跟小图标一样大的透明层，然后给透明层加点击事件。

2017-10-21 20:32:29 3079 1

原创改变小图标的颜色，hover时颜色变深

http://www.zhangxinxu.com/wordpress/2016/05/css3-filter-drop-shadow-vs-box-shadow/

2017-10-21 19:45:51 9089 7

原创详解JavaScript中的label语句

比较两种写法，第一种使用了label语句，相当于j === 1 时，从内到外结束了所有循环。而第二种则是只结束了当层循环，同c语言中的break相同。除此之外，第一种用法中是将整个循环命名为start，这只是一个名字，无论起什么都可以。这个例子中定义的start标签可以由break或continue语句引用。加标签的语句一般都要与for语句等循环语句配合使用。

2017-10-11 16:59:11 687

原创有关||和&&以及|与||、&与&&的区别

1.用于赋值&&（逻辑与）：从左往右依次判断，当前值为true则继续，为false则返回未转换为布尔值时的原值。||（逻辑或）：从左往右依次判断，当前值为false则继续，为false则返回未转换为布尔值时的原值。这里需要注意一下，“=”赋值符号，是从右到左运算的，因此以上例子才会先进行后面的逻辑运算。&（按位与）：与&&的区别就在于，&&是短路的，即只要第一个结果是fal

2017-09-24 11:14:20 2979

AHRL__的博客