前言 久一最近新起的项目采用Spring Boot和Vue.js技术栈。这Vue.js都快3.0了,久一竟然还不会Vue.js。...并且Vue.js是由我们国人维护的,中文文档详细齐全,所以不会的就查,不懂的就敲。...如果你已经掌握了React.js,Angular.js等前端框架技术,学习Vue.js是很简单的,看看文档,敲敲Demo很快就会掌握这门技术。 我是一名后端开发工程师该不该学习Vue.js呢?...,大家如果感兴趣跟着学就行了。...Vue.js 其实就是一个轻量级的用于操作视图的框架,视图这里指的就是页面。
排序是很常见也很经典的问题,下面讲几种排序算法: 冒泡排序 冒泡排序是最好理解的一种算法,以升序排序为例,即最小的在前面,对数组进行一次遍历,如果相邻的两个数前面的比后面的大,则交换他们的位置,第一次遍历会将最大的数字排到最后去...,第二次遍历会将第二大的数字排到倒数第二的位置。。。...,每次摸牌的时候都去手里面已经排好序的牌里面比较下,找到它的位置,插入进去。...3大,左右两边里面的顺序可能是不对的,但是3本身的位置是对的。...,比较a[i]和a[j]的大小,将小的那个放入新的有序数组。
Liunx上的服务操作 1-1)、关闭防火墙 在机器上关闭防火墙 [root@hadoop1 /]# service iptables stop 开启开机自关 [root@hadoop1 /]# chkconfig...THP) 查看状态 [root@hdoop1 ~]# cat /sys/kernel/mm/transparent_hugepage/defrag [always] madvise never 说明是开启的...LInux 检测磁盘的性能 $ sudo time dd if=/dev/sda1 of=txt bs=1M count=1024 记录了1024+0 的读入 记录了1024+0 的写出 1073741824...+0avgdata 3184maxresident)k 49208inputs+2097152outputs (0major+344minor)pagefaults 0swaps 记录了1024+0 的读入...:表示读入了多少数据 记录了1024+0 的写出:表示写出了说少数据 127 MB/s:表示写入1024M的数据的速度
今天Hacker News上的一篇文章《为什么想得慢的人能赢》引起了广泛的讨论。...作者表示,所谓的反应慢比反应快需要更多的自律。相比之下,反应快就会更加不准确,而缓慢的思考就像乌龟,慢却稳扎稳打。 每个人都记得龟兔赛跑的故事,但似乎没有人会吸取“慢会获得成功”这个教训。...人们解决这些简单的问题之所以感到棘手的原因,是这三道题用特定的错误答案来诱惑人类的直觉。受访的3428个人中,三个问题都回答错的人的比例是33%,还有33%的人答错了至少一个问题。...各个大学中,麻省理工大学的学生正确回答所有问题的比例最高,却还是只有 48%。 弗雷德里克经常在他的演讲中与大家分享这个测试,大多数人仍然会给出直观却错误的答案。...不同的项目、不同的情况需要不同类型的程序员,有时候你必须冒着可能承受的风险快速行动,打破陈规。 尽管如此,大多数人都赞同开发者应该尽可能从飞快地编码转变为小心细致地编码。
不过也不可以小瞧数组,在切片的底层实现中,数组是切片的基石,是切片的特殊语法隐藏了内部的细节,让用户不能直接看到内部隐藏的数组。...切片不过是数组的一个包装,给顽固的数组装上了灵活的翅膀,让石头也可以展翅飞翔。 仅仅是上面纯文字的说明,读者肯定会感觉很懵。下面让我们来看具体的实例。...,所以数组的下标访问效率是要打折扣的,比不得 C 语言的数组访问性能。...数组赋值 同样的子元素类型并且是同样长度的数组才可以相互赋值,否则就是不同的数组类型,不能赋值。数组的赋值本质上是一种浅拷贝操作,赋值的两个数组变量的值不会共享。...如果数组的长度很大,那么拷贝操作是有一定的开销的,使用的时候一定需要注意。
切片无疑是 Go 语言中最重要的数据结构,也是最有趣的数据结构,它的英文词汇叫 slice。...所有的 Go 语言开发者都津津乐道地谈论切片的内部机制,它也是 Go 语言技能面试中面试官最爱问的知识点之一。初级用户很容易滥用它,这小小的切片想要彻底的理解它是需要花费一番功夫的。...切片的赋值 切片的赋值是一次浅拷贝操作,拷贝的是切片变量的三个域,你可以将切片变量看成长度为 3 的 int 型数组,数组的赋值就是浅拷贝。...切片的域是只读的 我们刚才说切片的长度是可以变化的,为什么又说切片是只读的呢?这不是矛盾么。...这是为了提醒读者注意切片追加后形成了一个新的切片变量,而老的切片变量的三个域其实并不会改变,改变的只是底层的数组。这里说的是切片的「域」是只读的,而不是说切片是只读的。
前言 在开发中,我们常常会碰到多种传参的方式。这里,我们就来总结下,springboot中可以运用到的接受参数的方式。 URL参数 这种参数,组合在url上,形如url/{id}。...可能是拼接在url上的,如get方法,也可能是放在http requestBody 里面的。...测试如下: 第一种:直接把请求参数放在url上 请求参数放在url上 第二种:请求参数放在body上 点击postman的code,查看curl的格式,可以看出是name=xxx&age=xxx的形式...json类型 这种类型是目前最流行的,在restful风格下,目前几乎所有的系统都使用json的形式进行数据传递。...我们先定义一个Person类,用来做参数接受类,其中字段命名要与json参数的key一致。
这么简单的代码为什么会出错呢?第一反应就是JS引擎将代码生成语法树的时候,可能解析不正确。于是,我在第一行末尾加分号测试。...大宗师Douglas Crockford表示要正确使用分号 引用minhan在扯不完的 JS 分号问题文中的论述: JSON、JSLint、JSMin和ADSafe 的创造者、ECMA JavaScript...如果你不想用分号,又怕出问题,v2ex上有位童鞋给出了一个速记方案: 如果你写 JS 代码不喜欢带分号,而又搞不清什么时候必须加分号,可以这么做:在以 "("、"[" 、"/"、"+"、"-" 开头的语句前面都加上一个分号...) 关于Fundebug Fundebug专注于JavaScript、微信小程序、微信小游戏、支付宝小程序、React Native、Node.js和Java实时BUG监控。...版权声明 转载时请注明作者 Fundebug以及本文地址: https://blog.fundebug.com/2018/09/18/js-semicolon-bug/
前言 在开发中,我们常常会碰到多种传参的方式。这里,我们就来总结下,springboot中可以运用到的接受参数的方式。 URL参数 这种参数,组合在url上,形如url/{id}。...可能是拼接在url上的,如get方法,也可能是放在http requestBody 里面的。...测试如下: 第一种:直接把请求参数放在url上 image.png 请求参数放在url上 第二种:请求参数放在body上 image.png 点击postman的code,查看curl的格式,可以看出是...name=xxx&age=xxx的形式 image.png json类型 这种类型是目前最流行的,在restful风格下,目前几乎所有的系统都使用json的形式进行数据传递。...我们先定义一个Person类,用来做参数接受类,其中字段命名要与json参数的key一致。
(图片来源于网络) 在撰写本文时,Vue.js 3.0.0已经对外发布了Beta版,其中最重要的变化是受React Hooks的启发,在新的API中允许使用基于函数的方式编写组件。 ?...对于服务器端渲染,Vue.js 3.0.0的性能提高了2倍,速度提高了3倍。同时,组件的初始化现在也更加高效,甚至具有了编译器通知的快速执行路径。...代码优化(Tree-shaking) 在Vue.js 3.0.0中,提供了“摇树”支持,即通过"摇"我们的JS文件,将其中用不到的代码"摇"掉。 ?...我相信Teleport受到React门户的启发,并将随Vue JS的3.0.0版本一起提供。...即使你用的是JS,你仍然可以得到参数的提示、类型声明,甚至可以跳进类型声明中去看源码, TS与JS在代码和API之间没有太大区别。并且,目前如果你喜欢使用Class组件,它仍受支持。
快 11K Star 的 WebAssembly,你应该这样学 WebAssembly 入门:如何与 C/C++ 项目结合 什么是 WebAssembly?...其他语言编写的代码也能以近似于原生速度运行,客户端 App 也能在 Web 上运行 在浏览器或 Node.js 中可以导入 WebAssembly 模块,JS 框架能够使用 WebAssembly 来获得巨大的性能优势和新的特性的同时在功能上易于使用...WebAssembly 的目标 快、高效、便利 -- 通过利用一些通用的硬件能力,能够跨平台以近乎于原生的速度执行 可读、可调试 -- WebAssembly 是一种低层次的汇编语言,但是它也有一种人类可读的文本格式...的功能,来做某些事情(DOM、CSSOM、WebGL、IndexedDB、Web Audio API 等) 长期以来,VM 只能加载 JS 运行,JS 可能足够满足我们的需求,但如今我们却遇到了各种性能问题...WebAssembly 是一种与 JavaScript 不同的语言,它不是为了替代 JS 而生的,而是被设计为与 JS 互为补充并能协作,使得 Web 开发者能够重复利用两种语言的优点: JS 是高层次的语言
它就完成一些很强大的功能。 函数调用call方法默认可以改变函数内部的this指向。 它的第一个参数,是this改变后指向的对象,后面的参数对应函数执行的参数。...2,apply() apply的用法和call很像,它的第一个参数依旧是改变函数执行的时候的this指向,不同的是,函数执行的时候的各个形参,需要被放在一个数组里面,做为执行时候的第二个参数。...,它有延迟执行的特点,它返回一个新的函数。...bind()的第一个参数代表函数执行的this的指向,后面的参数可以用来执行函数执行时候的形参。...当绑定函数被调用时,这些参数会被插入到目标函数的参数列表的开始位置,传递给绑定函数的参数会跟在它们后面。
学你的课程能发文章吗?...承蒙大家关注和支持,相对之前发的那几个只有100次的apple视频而言站长一个"试讲的""超长的”直播回放视频已有1700多人次观看不过,那个视频真的有点对不起大家了“画面不清晰,还全是废话,实质内容就那么一个...,会的人10分钟就能搞定了,居然讲了2个小时,一个20人的直播,说的跟几百人似的。”...后来,站长看完内心也会吐槽其实,这些内容很简单,就是建立一个服务器,而它已成为大家入生信门的钥匙,在耐心的解答中,让大家成功下载了想要的数据,有的人已经按照之前的教程做完了所有分析.更重要的事!...更重要的事!更重要的事!就是用这套教程里面的技能,Chris出品的BBRC文章online。 所以现在站长终于敢回答,很多还没有加入星球的学员那句话“学你的课程能发文章吗?”
,不写也是可以的。...ConcurrentMapCacheManager还有一个不定参数的重载构造方法, image.png 它接收的是cacheName入参,如果设置了缓存名字,那么后续的方法就只能使用在这里设置的缓存...如果是无参的ConcurrentMapCacheManager,那么这里可以根据自己的用途等因素自定义即可。 key 缓存的key,就跟Map一样,是操作缓存的键。 这里接受的是 SpEL表达式。...CachePut注解 相信HTTP协议熟悉的朋友一看名字就知道这个注解是干嘛用的了。我们可以通过CachePut注解来更新缓存。其常用注解与Cacheable是一致的。...在false的情况下,只是删除与key相对应的缓存,如果为true,则会删除所有缓存(当然是对应的value下的)。
不同的并行协程之间交流的方式有两种,一种是通过共享变量,另一种是通过队列。Go 语言鼓励使用队列的形式来交流,它单独为协程之间的队列数据交流定制了特殊的语法 —— 通道。 通道是协程的输入和输出。...通道还有它自己的类型,它可以限定进入通道的数据的类型。 ?...非缓冲型通道总是处于既满又空的状态。与之对应的有限定大小的通道就是缓冲型通道。在 Go 语言里不存在无界通道,每个通道都是有限定最大容量的。...读取一个已经关闭的通道会立即返回通道类型的「零值」,而写一个已经关闭的通道会抛异常。如果通道里的元素是整型的,读操作是不能通过返回值来确定通道是否关闭的。...从输出中可以明显看出有很多的数据都丢弃了,消费者读到的数据是不连续的。
你几乎可以使用 npm 下载现在所有流行的 javaScprit 库。 Angular 也在里边吧? 是的,不过 Augular 是 2015 年的事情了。...虽然 Augular 现在也还在用,但 2016 年有了 VueJS 或者 RxJS 这些新的库,你要学一学吗? 算了算了,还是用 React 吧,毕竟我们已经谈了这么多了。...我还是去写我的后端吧。我觉得我追不上这么多的变化,各种版本号,还有各种编译器和转换器。javaScript 社区真是太疯狂了,它觉得每个人能跟上这么快的变化吗。...听过 Python 3 吗?( python 3 没有向前兼容 pyhon 2,差异巨大) ---- 总结一下,前端之所以发生这么大的变化,我觉得一个很关键的点就是 Node.js 的出现。...它使得 js 可以脱离浏览器去运行,还提供了读写文件的能力。从而可以在本地进行编译、转换 js 文件,将打包完成的文件运行在浏览器中。
,不写也是可以的。...ConcurrentMapCacheManager还有一个不定参数的重载构造方法, 它接收的是cacheName入参,如果设置了缓存名字,那么后续的方法就只能使用在这里设置的缓存,否则会抛出异常。...如果是无参的ConcurrentMapCacheManager,那么这里可以根据自己的用途等因素自定义即可。 key 缓存的key,就跟Map一样,是操作缓存的键。 这里接受的是 SpEL表达式。...CachePut注解 相信HTTP协议熟悉的朋友一看名字就知道这个注解是干嘛用的了。我们可以通过CachePut注解来更新缓存。其常用注解与Cacheable是一致的。...在false的情况下,只是删除与key相对应的缓存,如果为true,则会删除所有缓存(当然是对应的value下的)。
①本篇介绍如何进行对删除节点的操作和使用,以及对动态表格的创建和区别分别进行了相应的操作展现(附相关代码) ②如何进行节点的删除以及动态表格的创建 ③了解三种动态元素的创建区别 1.如何删除节点 使用node.removeChild...()方法从DOM中删除一个子节点,返回删除的节点。...li所以也就是删除的是a的父亲li,这里的li就是 this.parentNode ul.removeChild(this.parentNode);...} } } 2.复制节点 node. cloneNode ()方法返回调用该方法的节点的一个副本...3.1思路导向 ①使用js动态生成。
首先:你好,很高兴你可以看到我的文章,你可以叫我像素人,希望本篇文章可以给你带来帮助 今天来看一下JavaScript中的变量! 声明变量的特殊情况 js-变量 为什么需要变量?...●量名尽量要规范,见名知意一 驼峰命名法 交换2个变量值的思路? ●区分哪些变量名不合法 js-数据类型 变量是用来存储值的所在处,它们有名字和数据类型。...注:js的变量数据类型是只有程序在运行过程中,根据等号右边的值来确定的 /*js的变量数据类型是只有程序在运行过程中,根据等号右边的值来确定的*/ var name;/...var str = '山鱼'//当前的数据类型是字符串 //js是动态语言变量的数据类型是可以变化的 var one = 1;//one是数字类型。... 数据类型的分类 JS把数据类型分为两类 ●简单数据类型 ( Number , String, Boolean, Undefined, Null ) ●复杂数据类型( object)
首先咱们先来说一下他俩的区别switch,if else if 1.switch语句和if else if 语句的区别 Switch语句 switch语句也是多分支语句,它用于基于不同的条件来执行不同的代码...当要针对变量设置-系列的特定值 的选项时,就可以使用switch。...因为某些程序要重复执行,所以需要用到循环来进行解决 在Js中,主要有三种类型的循环语句: ●for循环 ●while 循环 ●do...while 循环 2.for循环语法结构 在程序中, 一组被重复执行的语句被称之为...由循环体 及循环的终止条件组成的语句,被称之为 循环语句 1.初始化变量就是用var声明的一个普通变量, 通常用于作为计数器使用 2.条件表达式就是用来决定每一次循环是 否继续执行就是终止的条件 3.操作表达式是每次循环最后执行的代码经常用于我们计数器变量进行更新...收藏⭐:您的支持我是创作的源泉! 评论✍:您的建议是我改进的良药! 我正在参与2023腾讯技术创作特训营第三期有奖征文,组队打卡瓜分大奖!
领取专属 10元无门槛券
手把手带您无忧上云