自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 排序算法大集合

https://blog.youkuaiyun.com/weixin_41317985/article/details/794619291.比较排序A.冒泡排序最佳情况:T(n) = O(n) 最差情况:T(n) = O(n2) 平均情况:T(n) = O(n2)B.选择排序最佳情况:T(n) = O(n2) 最差情况:T(n) = O(n2) 平均情况:T(n) = O(n2)C...

2019-05-26 22:37:20 625

原创 js的数组与对象简述、遍历

1.区别对象就是包含 属性/值 的集合,数组就是一组 值 的集合数组具有一个最基本特征:索引,这是对象所没有的,通过 数组名[索引] 可以访问数组元素。数组表示有序数据的集合,而对象表示无序数据的集合。如果数据的顺序很重要,就用数组,否则就用对象。2.使用1.for常用于对数组进行遍历,但也可以对数组内涵对象如[{name:'TOM'}]2.for in 推荐遍历对象,遍历...

2019-04-24 23:51:34 190

原创 Vue中使用Axios拦截器

1.封装使用https://blog.youkuaiyun.com/bamboozjy/article/details/81364290https://blog.youkuaiyun.com/qq_35775675/article/details/89331291import axios from 'axios'import {Indicator, Toast} from 'mint-ui'con...

2019-04-24 09:25:56 353

翻译 vue的v-cloak解析

1.作用解决在使用vue绑定数据的时候,渲染页面时会出现变量闪烁,如直接显示{{变量名}}官方话:这个指令保持在元素上直到关联实例结束编译2.使用3.vue1与vue2针对于v-cloak的使用区别vue1允许v-cloak挂载在body,vue2不允许挂载在body,所以需要放在div使用....

2019-04-24 09:11:41 549

原创 vue实现列表输入自动搜索方法

1.常规的:点击搜索框,使用v-on:input="方法名",去延时一秒执行,就会有自动搜索错觉效果。时间可以自己控制。但是得需要后台兄嘚实现搜索接口。2.采用列表过滤...

2019-04-17 13:52:56 5776 1

原创 js(包括vue)如何检测网络状况如离线......

通用方法,Html5在window.navigator对象上添加了一个属性onLine 返回布尔值 true表示在线.同时新增了两个事件: window.addEventListener('online', function(){ // 网络由异常到正常时触发 }); window.addEventListener('offline', function()...

2019-04-12 10:25:42 9818 5

原创 matlab截取图像一部分

cc = = imcrop(aa,[0 0 100 100]);figure;imshow(cc)这里中括号里的0,0表示剪切的xy起点,以上面为基础,100,100为剪切xy的大小。

2017-09-25 14:33:35 36275 2

原创 全栈工程师指南

根据 Stack Overflow 2016年开发者调查显示,全栈工程师是最欢迎的开发者职业。毫无疑问现在有许多在线或个人课程来帮助程序员成为全栈开发者,甚至帮助这些开发者找到高薪的开发工作。一些流行的在线课程,例如:Lynda,Udacity,Coursera,Thinkful,General Assembly 。除了这些在线课程,还有好多个人的新手训练营来提供给web开发者必须的技能。

2017-08-02 14:16:47 923

转载 java面试题目

JAVA相关基础知识  1、面向对象的特征有哪些方面   1.抽象:  抽象就是忽略一个主题中与当前目标无关的那些方面,以便更充分地注意与当前目标有关的方面。抽象并不打算了解全部问题,而只是选择其中的一部分,暂时不用部分细节。抽象包括两个方面,一是过程抽象,二是数据抽象。  2.继承:  继承是一种联结类的层次模型,并且允许和鼓励类的重用,它提供了一种明确表述共性的方法。对象的

2017-07-26 15:10:37 669

原创 用户登录界面

import javax.swing.*;import java.awt.*;public class 视频学习9标签  extends JFrame{JPanel mb1,mb2,mb3;JButton an1,an2;JLabel bq1,bq2;JTextField wbk;JPasswordField mmk;public stati

2017-07-07 21:21:29 536

转载 ASCII码排序

#includeint main(void) {/* ASCII码排序时间限制:3000 ms | 内存限制:65535 KB难度:2描述输入三个字符(可以重复)后,按各字符的ASCII码从小到大的顺序输出这三个字符。输入第一行输入一个数N,表示有N组测试数据。后面的N行输入多组数据,每组输入数据都是占一行,有三个字符组成,之间无空格。输出对于每组输入数据,

2017-07-05 23:13:43 2058

原创 输入三个字符(可以重复)后,按各字符的ASCII码从小到大的顺序输出这三个字符。

import java.util.Scanner;public class Main {public static void main(String[] args) {// TODO Auto-generated method stubScanner input =new Scanner(System.in);int f=input.nextInt();while(f>0)

2017-07-05 23:02:06 2517

原创 不需要在讨论0.1+0.2==0.3问题了

ES6的Number.EPSILON可以用来设置“能够接受的误差范围”。比如,误差范围设为 2 的-50 次方(即Number.EPSILON * Math.pow(2, 2)),即如果两个浮点数的差小于这个值,我们就认为这两个浮点数相等。function withinErrorMargin (left, right) { return Math.abs(left - right) < Number.EPSILON * Math.pow(2, 2);}0.1 + 0.2 === 0.3

2021-10-06 15:06:11 167

原创 简单明了package-lock.json作用

主要解决问题场景:前景:比如你的packgae.json的依赖是"react":"^17.0.2",因为有标识符^,所以如果react模块有在17大版本下更新的小版本17.0.3,npm install时候会自动安装17下的最新版本17.0.3现象:在前景情况下,你本地是"react":"^17.0.2",如果这时候react更新"react":"^17.0.3",别人npm install的时候,安装就是"react":"^17.0.3"。这样导致你们版本不一致,可能引起一些相关错误。...

2021-09-17 21:07:59 861

原创 js不用插件如何判断嵌套深层对象是否存在某个属性

let a1 = { b: { c: { d: { e: 1 } } } } let a2 = { c: { d: { e: 1 } } } let a3 = { d: { e: 1 } } let rst1 = getD(a3, 'd.e') console.log(rst1); //为啥需要这样函数,因为嵌套函数,需要判断上一层对象存在才能继续访问子对象,不然会报错 function get...

2021-08-28 14:48:10 1005

原创 不要再问qs库string化+解析为啥不是数组和没有数据了

1.qs默认处理20个数组数据,最大长度1000,超过20个需要加上,不然解析出来时没有数据得2.超过20个,是转化对象结构,而不是数组

2021-07-27 09:48:28 301

原创 浅层看promise.all异步(并发)执行,和为啥能按序返回

直接看一个示例:Promise.all([ new Promise(function(resolve, reject) { resolve(1) }), new Promise(function(resolve, reject) { resolve(2) }), new Promise(function(resolve, reject) { resolve(3) })]).then(arr => { console.log(arr) // [

2021-07-22 12:50:55 601

原创 html解析与css/js加载关系(首屏渲染/白屏优化)

接口返回html文件数据,会进行html文件字节流解析1.开始DOM构建2.如果遇到css文件和js文件,触发预解析线程进行文件预选下载,下载完后,进行CSSOM构建,和js脚本执行,这步骤会阻碍DOM构建,3.执行完2后,继续执行DOM构建简单理解优化白屏问题--就是避免过长阻碍DOM构建,和后面渲染树等流程执行...

2021-07-21 00:09:51 269

原创 一个对象解决滚动贯穿问题

/** * 禁止滑动贯穿,passive需要设置为false,表示组织浏览器的默认行为 */const forbidTouchScroll = { bind: (idName, handlerFn) => { document.getElementById(idName).addEventListener("touchmove", handlerFn, { passive: false }) }, unbind: (idName, handlerFn) .

2021-07-19 17:05:59 110

原创 水印很难?三步一个水印

1.创建一个div容器,里面放你想要的内容,一个遍历来循环你的内容2.css处理,重点position:fixed,z-index:最高值,这时候有个很重要的点,就是pointer-events:none,这个属性让这个最高层级的div容器,失去获取鼠标目标事件,就是触发事件无法作用到这一层,然后给个倾斜角度transform:rotateZ(-25deg)即可3.最后一步,数量处理,情况1.有写会直接写死数量,动态写死数量,如果页面高度发生变化,水印效果就会发生挤压所以最好方式应该...

2021-07-13 10:48:20 129

原创 简单区分防抖和节流概念

防抖:基于触发事件,有新的事件的时间就刷新倒计时,到达规定时间后触发节流:基于单位时,不管事件触发频率多高,只在单位时间内执行一次简单来说:防抖-刷新倒计时,节流-单位时间只执行一次=>防刷节时...

2021-06-29 16:51:09 220

原创 call,apply,bind实现+原理

call实现思路:1.判断当前this是否为函数,防止Function.prototype.myCall()直接调用 2.context为可选参数,如果不传的话默认上下文为window 3.为context创建一个Symbol(保证不会重名)属性,将当前函数赋值给这个属性 4.处理参数,传入第一个参数后的其余参数 4.调用函数后即删除该Symbol属性Function.prototype.myCall = function (context = window, ...args) {...

2021-06-29 16:26:14 138

原创 数组的下标编号问题

看例子:都在例子里面1.数组默认编号从0开始2.跨下标赋值,比如下标100,会默认插件1-101个数据,没赋值的位undefined3.特殊下标,比如图中k,不会在编号下标展示,但可以遍历拿到

2021-06-29 11:14:55 286

原创 js深浅拷贝

浅拷贝1.object.assign2.展开运算符...3.JSON.parse(JSON.stringify())深拷贝1.JSON.parse(JSON.stringify())但是该方法也是有局限性的:A.会忽略undefinedB.会忽略symbolC.不能序列化函数D.不能解决循环引用的对象2.因为有很多边界情况,所以自己手写,也只是大概区分数组对象类型实现。效果并不比情况1好,所以可以采用相关库,比如loadsh,可以按需引入cloneDeep深度

2021-06-29 11:08:44 95

原创 一行解决对象数组排序

let newObj={}Object.keys(对象obj).sort().map(key=>newObj[key]=obj[key])

2021-06-21 16:19:25 126

原创 js扁平化为一维数组+柯里化

1.扁平化2.柯里化扁平化方法function curry(func) { return function curried(...args) { if (args.length >= func.length) { return func.apply(this, args); } else { return function(...args2) { return curried.apply(this, args.co.

2021-06-21 14:52:09 84

原创 Vite+React在线正则

在线正则项目github项目内容:主要是想提供一个能够在线测试正则且能够查询一些正则相关内容三个部分part:正则练习正则记录正则图例采用的技术栈:vite+react+sass有什么问题可以在下面评论交流。...

2021-04-25 00:17:48 139

翻译 六大原则

只讲个人理解:单一职责原则(方法:修改名字还是密码?接口:洗碗、买菜还是倒垃圾?类:注册、登录和注销)简单来说就是将多个耦合聚集的东西进行拆分成单个,降低耦合度。里氏替换原则(我儿来自新东方烹饪)通俗来说就是继承父类的属性和方法不能改变,只能拓展自己新的方法和属性。可以改变父类进行方法和属性改写,但结构庞大时,会很麻烦。依赖倒置原则(抠门的饭店老板)简单来说是抽离公共的方法和属...

2019-06-04 09:20:26 172

转载 js的定时器讲解,setInterval与setTimeout的区别和使用

https://mp.weixin.qq.com/s/cvwW2LIS7oW7tmzbu-hDXg

2019-05-12 20:16:11 187

翻译 element ui table 中的selection实现单选+点击任意位置选中

首先去除左上角的那一个全选按钮 这里用的方法是css ,让他display: none: thead { .el-table-column--selection { .cell { display: none; } } } 如果要实现点击table一列的任意位置就勾选上,要用到@current...

2019-05-07 11:24:32 8830

翻译 自定义修改elementUI组件样式(贯穿样式)

方法一:给组件加id / class,在style一面直接修改,注意style不要加scoped,vue可以有多个style结构:<template> <Modal v-model="params.modal1" :title="tit" :mask-closable="false" id="noAssessmentDate"> <Row>...

2019-05-07 10:56:34 9369 2

翻译 ES(js)模块化编程之彻底弄懂CommonJS和AMD/CMD!

1.https://www.cnblogs.com/moxiaowohuwei/p/8692359.html2.ES中的模块导出导入https://segmentfault.com/a/1190000010426778?utm_source=tag-newest3.知识图解

2019-05-04 17:12:24 293

翻译 web前端涉及到的知识点和技术工具

技术工具网址:https://www.docschina.org/阶段一、网页开发基础一.web概述1.万维网发展    2.浏览器与服务器        浏览器运行原理  3.网页与网站          HTTP协议  4.域名与主机          w3c标准    5.HTTP协议    6.w3c标准二、HTML/HTML51.文件基础标记  2.字体与排...

2019-04-29 22:26:08 425

原创 vue大全

1.vue知识图解https://blog.youkuaiyun.com/bobobocai/article/details/789723082.vue路由学习https://router.vuejs.org/zh/guide/advanced/navigation-guards.html#%E7%BB%84%E4%BB%B6%E5%86%85%E7%9A%84%E5%AE%88%E5%8D%AB...

2019-04-28 09:16:08 171

转载 CSS实现水平垂直居中的1001种方式

https://yanhaijing.com/css/2018/01/17/horizontal-vertical-center/https://blog.youkuaiyun.com/lduzhenlin/article/details/89331516

2019-04-27 09:59:12 159

原创 (通常建议使用半角输入)JS对全角与半角的验证,相互转化以及介绍

1.建议是将全角转化为半角,因为半角比较符合平常使用习惯2.转化方法简单如下:半角转为全角:function ToDBC(txtstring) { var tmp = ""; for(var i=0;i<txtstring.length;i++{ if(txtstring.charCodeAt(i)==32){ t...

2019-04-24 09:12:11 679

翻译 [JavaScript/JQuery] Vue-cli中使用Scss全局变量

http://www.it-home8.com/thread-104588-1-1.html简单总结:1.npm i sass-resources-loader --save-dev2.然后修改vue-cli的build/utils.js,找到scss的加载设置:3.在base.scss定义自己的变量4.使用全局变量...

2019-04-20 11:24:37 249

原创 vue路由笔记记录(建议是使用path+query进行传参)

1.使用$router传参,$route获取参数//$router : 是路由操作对象,只写对象 //$route : 路由信息对象,只读对象//操作 路由跳转this.$router.push({ name:'hello', params:{ name:'word', age:'11' }})//读取 路由...

2019-04-16 19:58:20 3460

原创 (通常建议使用半角输入)JS对全角与半角的验证,相互转化以及介绍

1.建议使用半角输入,符合平常使用习惯2.转化如下半角转为全角function ToDBC(txtstring) { var tmp = ""; for(var i=0;i<txtstring.length;i++{ if(txtstring.charCodeAt(i)==32){ tmp= tmp+ String...

2019-04-15 11:17:45 289

原创 关于-webkit-overflow-scrolling:touch的讨论

1.如果要了解这个属性,可以看下这个了解https://www.cnblogs.com/xiahj/p/8036419.html2.这个属性是非标准化的属性,所以官方是不建议使用的。3.目前是没有办法解决这个属性带来的页面bug。带来的bug是在滑到底部继续往上滑,等它回弹,页面会卡住,不能继续滑动,过1~2s才可以继续滑动,下拉加载和上拉加载都一样。4.个人建议: 1.使用其他...

2019-04-11 15:24:07 205

空空如也

空空如也

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

TA关注的人

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