- 博客(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关注的人