自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 【无标题】

比起缘分,我更相信概率。根据武汉市全国人口普查,武汉市常驻男性人口为640万人,25岁-35岁人口全市占比为15.76%(由于人口老龄化,现在的实际数值要比这个低),再依据众多调查的结果,LGBT人口比例1%到4%,按最大4%计算,所以,武汉市25岁-35岁的纯基佬人数应该在3.5万人左右(python爬虫得到blued武汉总用户数仅为33027人)。颜值:萝卜白菜各有所爱,颜值是恋爱的充分必要条件,也是最难以量化的指标。可以用小软件测试人群对我的兴趣。通过翻咖,武汉使用人数为1.1万人左右,.

2022-03-03 10:41:24 506

原创 比起缘分,我更相信概率

比起缘分,我更相信概率。根据武汉市全国人口普查,武汉市常驻男性人口为640万人,25岁-35岁人口全市占比为15.76%(由于人口老龄化,现在的实际数值要比这个低),再依据众多调查的结果,LGBT人口比例1%到4%,按最大4%计算,所以,武汉市25岁-35岁的纯基佬人数应该在3.5万人左右(python爬虫得到blued武汉总用户数仅为33027人)。颜值:萝卜白菜各有所爱,颜值是恋爱的充分必要条件,也是最难以量化的指标。可以用小软件测试人群对我的兴趣。通过翻咖,武汉使用人数为1.1万人左右

2022-03-03 10:34:40 282

原创 递归的理解和优化

常见递归:functionfibonacci(n){if(n==0||n==1)returnn;returnfibonacci(n-1)+fibonacci(n-2); //一般根据第一第二项判断结果如n+sum(n) }斐波拉求和:functionadd(n){if(n===1)return...

2020-03-03 12:45:56 112

原创 版本管理和权限管理

当项目过多时可以做一个后管系统来管理各个项目的版本,通过填写更新内容,版本号上传压缩包,是否强制更新等app端main.js接收版本信息后对比 弹出更新框 可以在后台配个字段来控制 每次更新版本后将此字段为true 点击以后再说或者不在提醒则将此字段改为false;...

2019-12-13 09:24:55 218

原创 node中的中间件和拦截器

1.express思路是创建一个拦截数组,通过use往里面添加在调用函数前遍历拦截数组并调用其中函数axios就是使用了此方式2.koa类型 vue router中的路由守卫//弄清nextrouter.beforeEach((to, from, next) => { // ...})https://www.jianshu.com/p/511efc...

2019-11-12 18:02:09 761

原创 Iterator遍历器

es6中 类数组 字符串 数组都部署了iterate接口(mixin模式)像...运算符和for of等都是调用了iterator接口 //类数组自己实现一个iteratorlet obj={ 0:1, 1:2, length:2, [Symbol.iterator] : function () { let self=this; let ind...

2019-11-12 17:59:49 66

原创 数组

Array.apply(null, {length: 5}) length为特殊字段,意思是生成一个长度为5的数组,由于没赋值,所以都是undefined;如果要赋值,可以这样console.log(Array.apply(null, {0:'a', 1: 'b', 2: 'c', 3: 'd', 4: 'e', length:5})); //["a", "b", "c", "d", "e"...

2019-11-07 10:02:45 84

原创 addEventListener

此方法从ie8及以上才开始支持和onclick等的区别在于观察者模式 添加多个会触发多次事件大全https://www.runoob.com/jsref/dom-obj-event.html比较有用的pageshow,pageHide(和load和onload的区别在于 go(-1)时候浏览器从缓存中读取 不会触发onload但是会触发pageshow,vue中的mo...

2019-11-01 13:36:52 216

原创 笔记和组合中的思考

一个列表 只做增量操作function diffAndConvert(arr1, arr2) { //将arr2同步成arr1,并且对arr2扩展 arr2.forEach((v, i) => { var flag1 = false; arr1.forEach(v1 => { if (v.id == v1....

2019-11-01 10:19:18 54

原创 bfc

1.使 BFC 内部浮动元素不会到处乱跑; //解决高度坍塌2.和浮动元素产生边界。 //实现自适应布局 overflow:hidden3.解决margin重叠:1.同级元素上下margin重叠 (可以理解为margin指的是空白,而bfc会创建固定高度,所以可以解决) 一个子元素设置inlineblock 2.父子上margin或者下margin 一起下...

2019-10-31 18:31:04 77

原创 vue中事件绑定函数加括号和不加括号的区别 EMIT

事件对象参数 event 的处理。不加括号时,函数第一个参数为 event,加了括号后,需要手动传入 $event 才能获得事件对象。自定义组件上的原生事件都会被当成注册事件处理 如果想当原生事件要加上native修饰符自定义中$event为emit传的值<Checkbox:value="row.thirdIds.includes(item.slot)"@on-chang...

2019-10-31 17:21:08 2025

原创 vue登录和session和token 和html5存储

1.路由懒加载 webpack的require.ensure被import代替import(/*webpackChunkName:"App"*/'./App'), 注释里的是打包后的名字2.//可以只在home.vue里写主路由获取一次loginfo就行routereach还可以用在防止用户直接输入跳转详情页来控制fromrouter.beforeEach(...

2019-10-29 14:54:03 963

原创 自己实现的vue无限滚动

<stylelang="less"scoped>.scroll-box{height:100%;position:relative;top:0;left:0;right:0;bottom:0;overflow-x:hidden;overflow-y:hidden;...

2019-09-20 15:29:10 629

原创 form表单

详细属性 input type类型参见w3cform表单有很多默认行为 input type=img(图片类型按钮) 和submit都会提交并且刷新到action的页面 (默认加上当前url地址) 没有submit时 button按钮也会提交 设置button type=value则不会提交阻止默认行为可以用 在form上加onsubmit='return false||event....

2019-05-30 17:58:04 100

原创 pc端和移动

1.ie xmhttprequest为activeObject对象2.ie事件冒泡为cancelbubble 火狐浏览器drag问题

2019-05-09 15:25:54 441

原创 前端性能优化总结

参考文章https://www.cnblogs.com/yangwang12345/p/7729560.html除此外 节流去抖 懒加载(滚动懒加载和图片回滚的问题 v-lazy) 事件委托等,ajax请求缓存vue项目性能优化https://www.jianshu.com/p/41075f1f5297...

2019-05-09 15:24:18 105

原创 写一个vue的分页

参考https://www.cnblogs.com/yuqing6/p/7061647.html但是data(){ return { current: this.currentPage } },这种写法不会根据currentpage变化而改变应该用compute 或者不要此属性直接在外部改变页数就行...

2019-04-26 15:47:59 208

原创 文件的上传下载 和图片字符 base64 请求头请求体等

contenttype1.application/x-www-form-urlencoded 请求参数为form-data 以key value的map形式传递 后台以getparameters获取 2.application/json,charset=UTF-8 请求参数为json.stringfy后的json字符串 放在r...

2019-04-26 14:50:28 2133

原创 js原生懒加载与和种高度问题

懒加载条件;img.offsetTop < window.innerHeight + document.body.scrollTop; 图片的src为空,写在data-src属性上满足条件则取dataset的src赋值给src即可性能优化则利用去抖节流即可滚动时可以判断方向 向下滚动 利用数组装未渲染的图片也可以保留window的scrolltop 每次滚动时保留最大的s...

2019-04-26 14:43:14 289

原创 js中的this与闭包

1.this谁调用指向谁,函数内可以通过call apply bind改变this本是为面向对象设计,所以只有new的过程才会给构造函数绑定this,而var a={}其实是new的简写 所以也绑定了this,除此之外所有的this都指向全局匿名函数 中this指向全局 箭头函数内没有this所以指向当前环境内,对象内部的函数不要用this,如 var a={b:()=》{}...

2019-04-25 16:33:11 271

原创 前端主题切换思路

1.给背景色的元素统一class操作dom式:页面初始化从localstorage取出theme,getElementsBydom得到数组遍历修改其style dom.cssText.backgroundcolor2,vue式定义全局theme变量存颜色 style和class动态绑定theme3.lesswindow.less.modifyVars({‘ @th...

2019-04-22 17:35:35 2406

原创 vue中实现一个全局的message组件

思路是在全局v-for一个数组 数组里是message实例化组件(用render函数) 每次调用往数组里push一个另一种是以插件的方式:https://blog.csdn.net/u012230055/article/details/82898245如何处理多个messageBox 可以用数组处理(同理多个异步loading的问题 loding可以用单例模式)创建一个外层盒子...

2019-04-12 17:15:47 1628

原创 js代码优化

1.能用===的不用==避免类型转换浪费操作2.加分号; 避免编译器自动判断加分号3.显式操作代替函数调用 如a>b:a:b 代替 Math.max(a,b) var a=[] a[a.length]=1代替a.push4.symbol消除魔术字符串...

2019-04-12 17:08:10 95

原创 webpack和vuecli3

有inline 和iframe模式 inline在控制台打印编译情况 iframe在网页上以iframe形式显示--watch 自动打包修改iview中源码无效 因为nodeModules中packageJson的main入口为打包后文件 如果需要修改可以修改后打包替换打包后的文件即可webpack.prod/base/dev.conf,js...等分别配的是开发生...

2019-04-10 18:08:51 947

原创 关于dom

1.dom.dataset.id 可以取到data-id的属性2.attributes 可以获取所有属性包括自定义的 property指class id 等dom.classname直接获取class 而非dom.class(凡事用dom可以直接点出来的都是property) 如获取style dom.getAttribute('style') dom.cssText ...

2019-03-19 14:26:00 112

原创 js中的继承

1.为什么要有原型链,因为只用创建一个proto对象来存放所有公共属性,构造函数只存放实例属性,避免了工厂模式大量创建的缺点1.组合继承直接将子类的prototype=new supertype()这种的缺点就是父类的实例属性也会被共享,如果是对象还会被修改2.原型式继承很简单的一种处理,直接用object.create 用于简单的使二对象保持一致3.寄生式继承4.寄生...

2019-03-15 10:48:26 97

原创 属性描述符与prototype的一些细节

function Person(){this.name='li'}Person.prototype.age=10;或者Person.prototype={age:10}第二种会覆盖prototype的construct 但是prototype内的proto依然指向object的prototype,就算设置Person.prototype=null,也会指向object的原型...

2019-03-14 17:45:01 156

原创 js的对象

js一切都是继承自Object包括Function,Array,Date等都是继承自Object 而function是Function new出来的对象new的过程1.改变了函数内this的指向2.执行了该函数3.返回了一个对象和Object.create过程function create(o){var f=function(){}f.prototype=o;...

2019-03-13 15:24:16 129

原创 h5拖拽

事件有dragstart dragging dragenddragenter dragover dragleave drop end在drop后dragover默认阻止拖放元素到其他元素 需e.preventdeafult才能触发drop事件可以通过transferdata传输数据 drop事件中操作dom即可(vue中操作对应数据)<!DOCTYPE htm...

2019-03-06 15:54:15 178

原创 flex布局

1.flex direction :row/row-reverse/column/column-reverse2.flex属性flex元素不具有包裹性! 和块级元素类似 span元素flex后也会默认占一行flex中伪元素也会加入flex元素 定位元素absolute fixed,float,clear,vertical-align会被忽略flex:flex-grow,fl...

2019-02-25 14:19:38 142

原创 深拷贝与浅拷贝

今天在处理  var data=a.b=“+”,改变data的值却始终无法改变a.b的值因为此处a.b值为基本类型,拷贝的为值然而在data={}  在一个for循环中为每个对象添加data的值,改变了一个,却改变了所有的对象,此处data为引用类型,拷贝的为值的引用...

2019-02-21 09:35:52 58

原创 节流与去抖和定时器

防止时间或方法频繁触发二者差异在于 节流 throtte 在规定时间内肯定会触发一次 去抖只执行最后一次time=setTimeout返回的time其实是一个数字<code>setTimeout()方法的返回值是一个唯一的数值,这个数值有什么用呢? 如果你想要终止setTimeout()方法的执行,那就必须使...

2019-01-31 16:21:15 187

原创 js中的空

养成好习惯,变量最好初始化,明确类型,不清楚的最好声明null,这样我们在typeof=undefined的时候就可以判断是否是未声明的问题if(a)  可以过滤'',null,undefined,0   ([],{})等对象一律转为truenull==undefined  true空格‘ ’==0,‘ ’==true,  function isEmpty(obj) { ...

2019-01-28 16:25:42 645

空空如也

空空如也

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

TA关注的人

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