随笔分类 -  前端js

cropper.js头像剪裁
摘要：引入和使用 HTML结构 项目引入 参数options 1.viewMode—定义cropper的视图模式 类型:number；默认：0；可以使用0,1,2,3； 0：没有限制，3可以移动到2外。 1 : 3只能在2内移动。 2：2图片 不全部铺满1 （即缩小时可以有一边出现空隙） 3：2图片填充整 阅读全文
posted @ 2018-05-10 18:51 蓝海域的春天 阅读(1423) 评论(0) 推荐(0)
js数组累加的用法
摘要：var arr=【1,'A',2,3,1,2,3,5,5,5,'b'】 如何变成 [5,5,5,1,1,2,2,3,3,'A','b'] 要求: 1.进行数字，字母排序 2.出现次数多的字符排在前边 链接 阅读全文
posted @ 2018-05-10 17:26 蓝海域的春天 阅读(6570) 评论(0) 推荐(0)
vue数据结构有多层，改变二级结构数据，dom节点没有重新渲染的坑
摘要：$nextTick这个方法的意思大概就是数据更新后触发dom节点更新吧，数据多层的时候vue监听不到底层的数据变化，可以使用watch方法深度监听数据的变化，然后使用$nextTick在数据变化后触发dom节点更新,并且数据获取到后要遍历数据放进定义的数组里不然也不会出发dom节点更新 阅读全文
posted @ 2018-04-18 18:40 蓝海域的春天 阅读(4673) 评论(0) 推荐(1)
前端用crypto.js进行加密和解密
摘要：import CryptoJS from 'crypto-js' function getAesString(data,key,iv){//加密 var key = CryptoJS.enc.Utf8.parse(key); //alert(key）; var iv = CryptoJS.enc.Utf8.parse(iv); var encrypted =... 阅读全文
posted @ 2018-03-23 15:55 蓝海域的春天 阅读(424) 评论(0) 推荐(0)
判断一个可滚动元素是否滚动到了底部，将源对象合并到目标对象中去，判断是否为字符串
摘要：function isScrollToBottom(e, fn) { // e.srcElement存在兼容性问题，并非标准特性 // https://developer.mozilla.org/zh-CN/docs/Web/API/Event/target // 支持 IE6-8 var target_ = e.target || e.srcElement, ... 阅读全文
posted @ 2018-02-28 16:41 蓝海域的春天 阅读(205) 评论(0) 推荐(0)
函数节流器
摘要：1：函数节流器 函数节流的基本思想是设置一个定时器，在指定时间间隔内运行代码时清楚上一次的定时器，并设置另一个定时器，知道函数请求停止并超过时间间隔才会执行。 throttle函数接收两个参数，即要执行的函数及执行环境，如果执行环境未定义，默认则为windows。在这个函数中，会在第一次执行时为me 阅读全文
posted @ 2018-02-28 16:30 蓝海域的春天 阅读(275) 评论(0) 推荐(0)
Js中去除数组中重复元素的几种方法
摘要：方法1: 方法2： 方法3： 方法4： 阅读全文
posted @ 2018-01-04 18:44 蓝海域的春天 阅读(29002) 评论(0) 推荐(1)
Jquery命名冲突解决的五种方案
摘要：因为许多 JavaScript 库使用 $ 作为函数或变量名，jquery也一样。其实$只是jquery的一个别名而已，假如我们需要使用 jquery 之外的另一 js 库，我们可以通过调用 $.noConflict() 向该库返回控制权。 例1： 例2： 例3: 例4： 例5： 阅读全文
posted @ 2018-01-03 23:14 蓝海域的春天 阅读(1134) 评论(0) 推荐(0)
JQuery中的bind()和unbind()的理解
摘要：bind()和unbind()提供了事件的绑定和取消机制，既可以绑定html默认支持的事件，也能够绑定自定义的事件。 1、JQuery中事件可以重复绑定，不会覆盖。 当点击button1的时候，这2个事件处理函数都会触发。上面绑定的是不同的匿名函数，占用不同的内存空间。就算是同一个处理函数，依然存在 阅读全文
posted @ 2018-01-03 21:57 蓝海域的春天 阅读(16775) 评论(0) 推荐(0)
一行代码实现数组去重（ES6）
摘要：ES6中新增了Set数据结构，类似于数组，但是 它的成员都是唯一的 ，其构造函数可以接受一个数组作为参数，如： ES6中Array新增了一个静态方法Array.from，可以把类似数组的对象转换为数组，如通过querySelectAll方法得到HTML DOM Node List，以及ES6中新增的 阅读全文
posted @ 2018-01-03 19:57 蓝海域的春天 阅读(200) 评论(0) 推荐(0)
vue.js学习笔记（Vuejs——组件——props数据传递）
摘要：①组件实例的作用域： 是孤立的，简单的来说，组件和组件之间，即使有同名属性，值也不共享。 渲染结果是： 2个按钮，第一个的值是123，第二个的值是456 ②使用props绑定静态数据： 【1】这种方法用于传递字符串，且值是写在父组件自定义元素上的。 【2】下面示例中的写法，不能传递父组件data属性 阅读全文
posted @ 2017-12-28 17:35 蓝海域的春天 阅读(4073) 评论(0) 推荐(0)
左边订宽，右边自适应布局的方法
摘要：浏览器效果 需要实现的效果如下： 那么针对这种常见的布局，方式是非常多的，下面给出几种比较简单和常见的方法。 方法一：左边设置左浮动，右边宽度设置100% 方法二： 父容器设置 display：flex；Right部分设置 flex：1 方法三：设置浮动 + 在 css 中使用 calc() 函数 阅读全文
posted @ 2017-12-21 16:07 蓝海域的春天 阅读(218) 评论(0) 推荐(0)
div模拟textarea实现高度自增长
摘要：css内容 #textarea { width:300px; border:1px solid #ccc; min-height:150px; max-height:300px; overflow: auto; font-size: 14px; outline: none; } html内容 阅读全文
posted @ 2017-12-21 15:46 蓝海域的春天 阅读(148) 评论(0) 推荐(0)
继承有类式继承，构造函数继承人，组合继承
摘要：1：类式继承： // 声明父类 function Parent(){ this.parentValue = true; } // 为父类添加共有方法 Parent.prototype.getParentValue = function(){ return this.parentValue; } // 阅读全文
posted @ 2017-09-29 11:50 蓝海域的春天 阅读(348) 评论(0) 推荐(0)
js设计模式单例模式
摘要：单例模式是JavaScript中最常见的一种模式，通过这种模式可以为我们提供一个命名空间，例如jQuery库的命名空间为jQuery或$。命名空间的使用是为了让代码更加整洁，在多人协作开发的情况下，不同的人定义的变量很有可能重复，此时就需要使用命名空间来约束每个人定义的变量，使相同名称的变量放在不同 阅读全文
posted @ 2017-09-29 10:11 蓝海域的春天 阅读(516) 评论(0) 推荐(0)