个人笔记
xxxfffooo
这个作者很懒,什么都没留下…
展开
-
DOM回流
数据绑定及dom回流/*一行文字超出后自动进行截取*/text-overfolow:ellipsis;/*ellipsis:截取后以。。。作为省略clip:没有省略号*/white-space:nowrap;/*强制不换行*/overfolow:hidden;/*溢出隐藏*/1.利用动态创建元素节点和把它追加到页面中的方式实现数据绑定 for(var i = 0; ...原创 2018-02-28 11:33:33 · 526 阅读 · 0 评论 -
原型链模式拓展1
<script> //批量设置原型上的共有的属性和方法 //1起一个别名 var pro = Fn.prototype;//把原来原型指向的地址复制给我们的pro,现在他们操作的是同一个内存空间 function Fn() { this.x = 100; } pro...原创 2018-02-28 11:54:38 · 164 阅读 · 0 评论 -
原型链模式基础
<script> function CreateJsPerson(name,age) { this.name = name; this.age = age; } CreateJsPerson.prototype.writeJs = functio...原创 2018-02-28 11:54:05 · 100 阅读 · 0 评论 -
构造函数模式拓展
<script> function Fn() { this.x = 100;//->f1 this.getX = function () { console.log(this.x);//this需要看getX执行的时候才能知道 } } ...原创 2018-02-28 11:53:33 · 130 阅读 · 0 评论 -
构造函数模式
<script> //工厂模式 function createJsPerson(name, age) { var obj = {}; obj.name = name; obj.age = age; obj.writeJs = fu...原创 2018-02-28 11:53:04 · 188 阅读 · 0 评论 -
工厂模式
<script> function createJsPerson(name,age) { var obj ={}; obj.name = name; obj.age = age; obj.writeJs = function () { cons...原创 2018-02-28 11:52:35 · 91 阅读 · 0 评论 -
数组的插入排序
<script> //插入排序 //把第一张牌放在左手 //以后拿到每一张牌的时候,和左手的牌进行依次比较(一般来说我们的习惯是从后往前比较),如果当前的牌比倒数第一张小,在继续往左比...一直到遇到当前的牌已经比手里的某张牌大了,则把这张牌插入到某张牌的后面(某张牌下一张牌的前面) function insertSort...原创 2018-02-28 11:51:33 · 289 阅读 · 0 评论 -
数组快速排序 二分法排序
<script> //快速排序的思想: //1)我们首先在数组中找一个基准点(一般把基准点选择为数组中间的这一项) //Math.floor(ary.length/2)例如 一共9项,获取的结果是4(第五项,正好是中间项,一共10项,获取的结果是5(第六项,也接近中间项;)) //2)拿基准点和数组中的其他项进行比较,比基...原创 2018-02-28 11:51:04 · 2408 阅读 · 0 评论 -
数组的冒泡排序
<script> // var ary = [4,3,5,2,1]; //冒泡排序的思想:让当前项与后一项进行比较,如果当前项大于后一项,两者交换位置 //第一轮比较: //拿出数组的第一项4与后一项3比较,4>3,交换位置[3,4,5,2,1] //4<5 不交换位置[3,4,5,2,1]...原创 2018-02-28 11:50:34 · 391 阅读 · 0 评论 -
原型链模式拓展2
<script> //在原型模式中,this常用的有两种情况: //在类中this.xxx=xxx;this->当前类的实例 //某个方法中的this->看执行的时候"."前面是谁this就是谁 //1)需要确定this的指向 //2)把this替换成对应的代码 //3)按照原型...原创 2018-02-28 11:55:08 · 136 阅读 · 0 评论 -
原型继承
<script> //JS当中最重要的一种继承 原型继承 // #div1.__proto__->HTMLDivElement.prototype->HTMLElement.prototype->Element.prototype->Node.protptype->EventTarget.prototype(EcentTarge...原创 2018-02-28 11:55:57 · 244 阅读 · 0 评论 -
无题
忙碌公司项目的过程中 发现一些挺好用的东西 分享给大家 layer.js 这个库简直就是强到不要不要的 什么日期插件 什么弹出层提示 都是哇塞 好好用 做文件上传的有dropzone.js webuploader.js 还有一个我从jq22上面找的easyupload.js好像是这个名字 这三个都不错 jqgrid.js 感觉是做数据必备的东西...原创 2018-05-11 17:11:56 · 219 阅读 · 0 评论 -
很久没写了
很久很久没写过博客了 感觉自己都堕落了 最近一直在忙公司的事情 刚刚入职 有很多不顺 也有很多快乐 多多少少也算是充实了自己 这个礼拜开始 保持每周最少写一篇博客的习惯 无论是算法 还是技术 都应该继续抓起来 就这样吧 2018年5月11日...原创 2018-05-11 17:03:09 · 206 阅读 · 0 评论 -
原型链复习参考
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2018-02-28 11:59:50 · 120 阅读 · 0 评论 -
原型链深入
<script> // 第一个技巧 可枚举不可枚举 //Object.properyIsEnumerable 检测一个属性是否可以枚举 // Object.prototype.aaa = function () { // } // var obj = {name:"xx",age:7}; // for(var key ...原创 2018-02-28 11:58:59 · 94 阅读 · 0 评论 -
寄生混合模式继承
<script> //寄生组合模式继承 为了解决混合模式继承中 用原型继承会把父类公有的变成子类私有的,而继续使用call把父类私有的拿到子类私有的当中,这样子类私有的以及公有的中都会有某些数值. function A() { this.x = 100; } A.prototype....原创 2018-02-28 11:58:30 · 215 阅读 · 0 评论 -
混合模式继承
<SCript> //混合模式继承:原型继承+call继承 //原型模式继承只能把父类私有的,公有的变成B共有的,call继承可以把父类私有的变成自己私有的 function A() { this.x = 100; } A.prototype.getX = function () { ...原创 2018-02-28 11:57:59 · 239 阅读 · 0 评论 -
冒充对象继承
<script> //冒充对象继承:把父类私有的+公有的克隆一份一模一样的 给子类私有的 function A() { this.x = 100; } A.prototype.getX = function () { console.log(this.x); }; function B(){ ...原创 2018-02-28 11:57:31 · 240 阅读 · 0 评论 -
call继承
<script> //call继承:把父类私有的属性和方法 克隆一份一模一样的 作为子类私有的属性,与父类没有关系 function A() { this.x = 100; } A.prototype.getX = function () { console.log(this.x); } functi...原创 2018-02-28 11:56:20 · 129 阅读 · 0 评论 -
定时器与递归
// var count = 0; // var timer = window.setInterval(function () { // count++; // console.log(count); // if(count === 10) { // window.clearI...原创 2018-02-28 11:50:02 · 1516 阅读 · 0 评论 -
递归
<script> //->递归:就是当前函数自己调用自己执行 //实现1-100之间 不能被三整除的数相加 // var total = 0; // for (var i = 0 ; i<=100;i++){ // if (i%3!==0) { // to...原创 2018-02-28 11:48:47 · 135 阅读 · 0 评论 -
call和apply和bind的区别
call和apply和bind的区别@(前端)"use strict"//->告诉当前浏览器接下来的js代码将按照严格模式编写 var obj={name:"zhufen"}; function fn(num1,num2){ console.log(num1+num2); console.log(this);}fn(100,200);//th...原创 2018-02-28 11:39:48 · 270 阅读 · 0 评论 -
this关键字综合
this函数中的this指向和当前函数在哪定义的或者在哪执行的都没有任何的关系 @(前端)[前端]分析thsi指向的规律如下: 非严格模式下 1.自执行函数中的this永远是window 案例1var obj = { fn:(function(i){ //this->window teturn function(){ /...原创 2018-02-28 11:39:09 · 86 阅读 · 0 评论 -
获取数组的最大值
获取数组的最大值@(前端) var ary = [12,23,34,35,14,25,36]; //思路1:首先先给数组进行排序(从小到大),第一个和最后一个就是我们想要的最小值和最大值 ary.sort(function(a,b){return a-b;//sort 对数组进行排序 }); var min=ary[o]; var ma...原创 2018-02-28 11:38:26 · 267 阅读 · 0 评论 -
求平均数
求平均数@(前端) function avgFn(){ // arguments.sort();//arguments是一个类数组集合,他不是数组,不能直接使用数组的方法 1.将类数组转换为数组 var ary = []; for(var i = 0;i < arguments.length;i++){ ...原创 2018-02-28 11:37:26 · 157 阅读 · 0 评论 -
类数组转化为数组
类数组转化为数组@(前端)var oLis = document.getElementByTagName("div");console.dir(oLis);//->HTMLCollection元素集合类的一个实力,他也是类数组集合OLis = document.getElementByName("aaa");console.dir(oLis);//->NodeL...原创 2018-02-28 11:36:41 · 199 阅读 · 0 评论 -
浏览器异常信息捕获
浏览器异常信息捕获@(前端)//我们在js中使用try,catch进行浏览器的异常信息捕获console.log(num);//Uncaught ReferenceError: num is not defined->num没有被定义 在JS中本行报错,下面的代码都不再执行了console.log("ok");try{ console.log(num);}...原创 2018-02-28 11:35:58 · 2112 阅读 · 0 评论 -
sort深入研究
sort深入研究回调函数:把一个方法A当做参数值传递给另外一个函数B,然后再B执行的过程中,我们随时根据需求让A方法执行 @(前端)function A(){}function B(fn){ fn(); fn();}B(A);//->二维数组排序var ary = [ {name:"aa",age:78}; {name:"b...原创 2018-02-28 11:35:15 · 110 阅读 · 0 评论 -
JSON操作
json操作@(前端)前后台交互问题 后台一般返回给前端的数据都是”JSON格式的数据“什么叫做JSON格式的数据 js中数据类型两大类,一共7钟,基本类型和引用类型,基本数据类型包括字符串,数组,数字,布尔和undefined 。引用数据类型有Function 和Object。 JSON不是一个单独的数据类型,他只是一种特殊的数据格式->他是对象数据类型的va...原创 2018-02-28 11:34:29 · 140 阅读 · 0 评论 -
call方法深入
call方法深入@(前端)call方法深入面试题//1.Array.prototype.slice 数组原型上有一个方法slice//var ary=[12,23,34];//ary.slice->ary这个实例通过原型链的查找机制找到Array.prototype上的slice方法//ary.slice()->让找到的slice方法执行,在执...原创 2018-02-28 11:40:26 · 212 阅读 · 0 评论 -
算法-股神
每日算法-股神@(每日算法) 题目描述有股神吗? 有,小赛就是! 经过严密的计算,小赛买了一支股票,他知道从他买股票的那天开始,股票会有以下变化:第一天不变,以后涨一天,跌一天,涨两天,跌一天,涨三天,跌一天…依此类推。 为方便计算,假设每次涨和跌皆为1,股票初始单价也为1,请计算买股票的第n天每股股票值多少钱?方法1: 解题思路:先假设每天都赚钱,股票的价格根据天数...原创 2018-02-28 11:41:52 · 1470 阅读 · 0 评论 -
arguments
script> //需求 任意数求和 随便给我几个数,具体几个不知道,就没有办法定义形参个数,我都能求出和 //arguments:函数天生自带的(不管有没有写形参,也不管是否传递值,arguments始终是存在的)用来接收函数传入参数的一个集合 //console.log(typeof argunmets);//->obje...原创 2018-02-28 11:48:14 · 89 阅读 · 0 评论 -
数组去重
<script> //->数组去重思想:http://web.jobbole.com/83425/ //利用对象的键值对方法 //1)我们把数组中的每一项的值当做一个对象的属性名和属性值存起来 //2)但是在每一次存储之前,我们首先判断当前这一项(n)是否在对象中已经存在了->obj[n]如果值是n说明对象中已...原创 2018-02-28 11:47:41 · 94 阅读 · 0 评论 -
return
<script> function sum(num1,num2) { var total = null; total = num1 + num2; console.log(total); return total;//->teturn 就是当前函数提供给我们的出口,因为不提供出口的话,闭包的机制导致了在函数体...原创 2018-02-28 11:47:09 · 193 阅读 · 0 评论 -
数组中常用方法集合
<script> // ->学习数组中常用的方法,我们需要按照四个维度去进行思考 // 1)方法的作用 // 2)需要哪些参数 // 3)是否有返回值,返回值是什么 // 4)通过此方法是否对原来的数组产生了改变 // 1、关于数组的增加、修改、删除 // var ary = [12, 23, 34, 45,56,7...原创 2018-02-28 11:46:40 · 182 阅读 · 0 评论 -
函数形参
<script> //洗衣机:生产洗衣机的时候不知道用户洗衣服的时候是放洗衣液还是酱油,我们生产的时候,只需要给用户把入口预留出来,当用户运行的时候,想放什么就从入口放入进来即可 //制定一个功能方法的时候,需要的原材料并不知道,我们只需要暴露对于的入口,执行的时候把原材料传递给我即可->暴露的那个入口就是关于函数中的形参 //扩展...原创 2018-02-28 11:45:54 · 377 阅读 · 1 评论 -
数组基本知识
<script> //object->{}(对象),[](数组),/^$/,时间 //每一个对象都是由属性名和属性值组成的 var ary = [12,23,34,45]; console.dir(ary); //->数组也是对象,我们看到的是它的属性值,属性名是数字0~3 ...原创 2018-02-28 11:44:51 · 117 阅读 · 0 评论 -
函数基本知识
<script> //1.function :函数->具备某个功能的方法,方法本身是没有什么意义的,只有执行这个方法实现了对应的功能,才有自己的价值。 //洗衣机:基本洗衣服功能的一台机器 //2.函数由两部分组成:创建一个函数,执行这个函数 // function 方法名() { // ...原创 2018-02-28 11:44:15 · 276 阅读 · 0 评论 -
单例模式
面向对象基本知识–单例模式@(面向对象基本知识) 把描述同一个事物的属性或者方法放到同一个堆内存中,起到一个分组作用,为了防止名字相同的一个冲突 ,对象数据类型存在的作用?var name = "john";var age = "11";var name = "jake";var age = "18";var person1 = { var name = "j...原创 2018-02-28 11:42:43 · 93 阅读 · 0 评论 -
ionic 4 集成第三方登录微信登录时出现闪退问题解决方案
基于版本 ionic 4 cordova 8.1.2 cordova-plugins-wechat 2.1 该方法来自于cordova-plugin-wechat 下issues #4901、在项目 plugin/cordova-plugin-wechat/scripts/android-install.js 第43行,将targetDir改为:var targetDir = path.joi...转载 2019-03-07 14:22:05 · 687 阅读 · 0 评论