首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

!一个没有任何JS代码前端框架!

大家好,我是「前端实验室」爱分享了不起~ 今天看到一个轻量级、响应式UI框架:Bulma。它是殿堂级大师Jeremy Thomas开发框架!...重点在responsive(响应式)。 Bulma是一个现代、轻量级、易自定义 CSS UI 框架。它采用Flexbox布局,使构建响应式网页设计变得简单快捷。...这里把最后一个示例代码贴一下,大家有个印象就好!...它是一个移动优先框架,同时也能轻松搭建适配不同屏幕界面。 开发者只需要在 HTML 代码上调用CSS类即可。...ps:Bulma 作者是开发者和设计师 Jeremy Thomas,他还是《CSS in 44 minutes》一书作者。殿堂级极简框架,强烈推荐使用!

31020
您找到你想要的搜索结果了吗?
是的
没有找到

这样Review代码啦!

一个对项目负责团队代码质量检查是必不可少,有条件团队经常有代码review习惯,这样可以使技术团队共同进步,但是一个庞大工程做代码review其实是很麻烦,所以就催生了很多工具,今天我们就来通过工具来对代码进行扫描...什么是Sonarqube Sonarqube 是一个用于代码质量管理开放平台。通过插件机制,Sonarqube 可以集成不同测试工具,代码分析工具,以及持续集成工具。...第二种姿势 那么这次我们使用管理台+maven来看如何使用它, 登录管理台,点击Markerplace模块,安装中文包 ? 安装完成重启服务 ? 再次登录,熟悉中文是不是回来了呀! ?...果然是扫到了有异味代码。。。比如方法不规范拉,代码里输出日志不规范 了~ ?...这里就不继续陪大家看bug和异味代码了呀~ 检测出了代码规范问题和bug漏洞咋办,改呗~ 改完以后就可以早点下班了~~ 各位老铁有空可以去尝试玩一玩啊,据说经常做代码review程序员下班都比普通程序员要早

98920

哄哄 BitMap,到底在哪?

最后,遍历一遍Bit区域,将该位是一编号输出(2,3,4,5,7),这样就达到了排序目的,时间复杂度O(n)。...首先,根据“内存空间不足以容纳这05亿个整数”我们可以快速联想到Bit-map。下边关键问题就是怎么设计我们Bit-map来表示这20亿个数字状态了。...但是对于某些应用场景而言,这属于一种巨大浪费,因为我们可以用对应32bit位对应存储十进制0-31个数,而这就是Bit-map基本思想。...补充1 在数字没有溢出前提下,对于正数和负数,左移一位都相当于乘以21次方,左移n位就相当于乘以2n次方,右移一位相当于除2,右移n位相当于除以2n次方。...哄哄布隆过滤器,到底有什么用?这篇推荐看下。 如果想判断一个元素是不是在一个集合里,一般想到是将集合中所有元素保存起来,然后通过比较确定。

39610

哄哄 BitMap,到底在哪?

最后,遍历一遍Bit区域,将该位是一编号输出(2,3,4,5,7),这样就达到了排序目的,时间复杂度O(n)。...首先,根据“内存空间不足以容纳这05亿个整数”我们可以快速联想到Bit-map。下边关键问题就是怎么设计我们Bit-map来表示这20亿个数字状态了。...但是对于某些应用场景而言,这属于一种巨大浪费,因为我们可以用对应32bit位对应存储十进制0-31个数,而这就是Bit-map基本思想。...补充1 在数字没有溢出前提下,对于正数和负数,左移一位都相当于乘以21次方,左移n位就相当于乘以2n次方,右移一位相当于除2,右移n位相当于除以2n次方。...哄哄布隆过滤器,到底有什么用?这篇推荐看下。 如果想判断一个元素是不是在一个集合里,一般想到是将集合中所有元素保存起来,然后通过比较确定。

68130

JS数组几个操作 | 面试高频

“ 关注 前端开发社区 ,回复 '领取资源',免费领取Vue,小程序,Node Js,前端开发用插件以及面试视频等学习资料,让我们一起学习,一起进步 作者:前端炮哥 前言 本文主要从应用来讲数组api...一些骚操作; 如一行代码扁平化n维数组、数组去重、求数组最大值、数组求和、排序、对象和数组转化等; 上面这些应用场景你可以用一行代码实现?...].sort((a, b) => a - b); // [1, 2,3,4],默认是升序 [1,2,3,4].sort((a, b) => b - a); // [4,3,2,1] 降序 sort是js...,参数是字符串; reduce是ES5数组api,参数有函数和默认初始值; 函数有四个参数,pre(上一次返回值),cur(当前值),curIndex(当前值索引),arr(当前数组) 开始篇 先排序再取值...>{return item>2}) //[3] filter是ES5api,返回满足添加数组 对象和数组转化 Object.keys({name:'张三',age:14}) //['name',

1.1K10

JS数组几个操作 | 面试高频

作者:前端炮哥 前言 本文主要从应用来讲数组api一些骚操作; 如一行代码扁平化n维数组、数组去重、求数组最大值、数组求和、排序、对象和数组转化等;上面这些应用场景你可以用一行代码实现?....sort((a, b) => a - b); // [1, 2,3,4],默认是升序 [1,2,3,4].sort((a, b) => b - a); // [4,3,2,1] 降序 sort是js...,参数是字符串; reduce是ES5数组api,参数有函数和默认初始值; 函数有四个参数,pre(上一次返回值),cur(当前值),curIndex(当前值索引),arr(当前数组) 开始篇 先排序再取值...,当用了call后,能够改变this指向,也就是指向传进来对象,这是关键 for(var i = start; i < end; i++){ result.push...(item=>{return item>2}) //[3] filter是ES5api,返回满足添加数组 对象和数组转化 Object.keys({name:'张三',age:14}) //[

39210

Git!!!!!!!

顾名思义,版本控制系统(Version Control System)是一类用于追踪源代码改动工具,这些工具可以帮助我们管理代码历史记录,不仅如此,还可以让协作编码变得轻而易举。...如果你参与是多人协作,它更是一个无价之宝,你不仅可以看到别人对代码修改,还可以同时解决由于并行开发带来冲突。 版本控制系统可以轻松地帮助我们解决这些棘手问题: 当前模块是谁编写?...这个文件这一行代码是什么时候被修改?是谁做出修改?修改原因是什么? 最近 100 个版本中,哪个版本导致单元测试失败了?...版本控制系统有很多,其中最突出代表就是 Git——关于它诞生历史,可以参照我之前分享一篇内容:一次改变世界代码提交。...当然了,这并不意味着不能被修改,只不过这种“修改”实际上是创建了一个全新提交记录。 以伪代码形式来学习 Git 数据模型,可能更加通俗易懂。

56230

Vim,

只不过,Vim 学习曲线相当大,这是一个连我都不得不承认事实。就好像弹一把吉他,一开始学起来非常痛苦,简直想摔了它,但学会后,就能感受到乐器无限魅力,以及学妹崇拜小眼神。...80 年代末,布莱姆·米勒在一个开源 vi(更早一种计算机文本编辑器,我记得有个读者网名就叫这个)基础上开发了 Vim 1.0 版本。...Vim 有很多聪明设计,所以很多其他工具也支持 Vim 模式,比如说 Visual Studio Code。很一点是,Vim 逃离了鼠标的“魔掌”,只通过键盘就可以肆意地操作文本。...上下左右移动:对应上下左右键 按照词移动:w(下一个词),b(单词第一个字母),e(单词最后一个字母),不适合中文 按照行移动:0(第一行),$(行尾),:+行数直接跳转到指定行(此处+意味着按下...同样,当我们熟练掌握了上述这些命令之后,也会感到空前寂寞,因为 Vim 强大绝不止于此。 来看一下,Vim 是怎么重复自己。 键入 . 可以重复上一次命令。这意味着什么呢?

40410

StyleFlow,

光照角度、人脸角度、年龄、头发、眼镜、胡须、表情等多维角度都可以单独调节: StyleFlow,! 效果非常好,特别是光照角度改变,很逼真。...曾经风靡一时 StyleGAN,给人们带来很多震撼,逼真的肖像,你根本分不清,哪张图片是算法生成。 看一下 StyleGAN v2 人脸生成效果: ? 这些人脸,都是算法随机生成。...为了更好对数据进行分类或生成,需要对数据特征进行表示,但是数据有很多特征。...这些特征之间相互关联,耦合性较高,导致模型很难弄清楚它们之间关联,使得学习效率低下,因此需要寻找到这些表面特征之下隐藏深层次关系,将这些关系进行解耦,得到隐藏特征,即 latent code。...按上图步骤,即可调整人脸各种属性。 动起手来,一起体验一下吧~

1.1K30

Bitmap算法

两个月之前—— 为满足用户标签统计需求,小灰利用Mysql设计了如下表结构,每一个维度标签都对应着Mysql表一列: 要想统计所有90后程序员该怎么做呢?...给定长度是10bitmap,每一个bit位分别对应着从0到910个整型数。此时bitmap所有位都是0。 2....把整型数4存入bitmap,对应存储位置就是下标为4位置,将此bit置为1。 3. 把整型数2存入bitmap,对应存储位置就是下标为2位置,将此bit置为1。 4....把整型数1存入bitmap,对应存储位置就是下标为1位置,将此bit置为1。 5. 把整型数3存入bitmap,对应存储位置就是下标为3位置,将此bit置为1。...显然,非90后用户实际上只有1个,而不是图中得到8个结果,所以不能直接进行非运算。 同样是刚才例子,我们给定90后用户Bitmap,再给定一个全量用户Bitmap。

3.7K10

那些只有几行,但是却非常代码

今天分享几个代码量很少,但很很经典算法或项目案例。...它之处在于它 基于轻量级跨平台全自动不可描述工具,采用了不可描述高级语言语法,不用写一行代码,即可部署运行,提供检测、编译、打包、安装、运行一条龙服务,安全可靠。...看完代码后,国内外程序员纷纷留言夸奖。 ? ? 真的是阅尽天下代码,心中已然无码!...这段代码就是传说中 价值一个亿AI核心代码,来看一下效果。 ?...Lomont也是个牛人,在精心研究之后从理论上也推导出一个最佳猜测值,和卡马克数字非常接近, 0x5f37642f。卡马克真,他是外星人吗? 传奇并没有在这里结束。

80130

哄洪 Java 8 Stream,性能也么?

作者:CarpenterLee 来源:https://dwz.cn/pSW0u0Qr Java8Stream API可以极大提高Java程序员生产力,让程序员写出高效率、干净、简洁代码。...那么,Stream API性能到底如何呢,代码整洁背后是否意味着性能损耗呢?本文对Stream API性能一探究竟。...即时编译技术会将热点代码在JVM运行过程中编译成本地代码,测试时我们会先对程序预热,触发对测试函数即时编译。相关JVM参数是 -XX:CompileThreshold=10000。...如果出于代码简洁性考虑,使用Stream API能够写出更短代码。...即使是从性能方面说,尽可能使用Stream API也另外一个优势,那就是只要Java Stream类库做了升级优化,代码不用做任何修改就能享受到升级带来好处。

36831

JS,我不吹牛,自己看数据

Stack Overflow 技术趋势 新潮Web开发技术,比如React,Node.js,还有AngularJS正在逐渐起势。...从 2013 至 2016 年,JS 四年蝉联最热门技术 程序员最想要技术,Node 和 Angular 排第二和第三 全栈工程师最青睐技术,JS 第一 前端开发者最青睐技术,JS 自然第一 后端开发者最青睐技术...,JS 第一 学生程序员最青睐技术,JS 第二 JavaScript 是这个星球上最受欢迎编程语言。...我们内部统计显示,有60%职业开发者实际上是在做全栈工作。...按职位分类看程序员报酬: 在用 JS 全栈工程师中 在用 JS 前端工程师中, 按职位分类报酬: 懂得使用JavaScript并在为云平台工作全栈开发者,以及使用React或者Redis技术开发者比其他开发者报酬更多

1K40

哄洪 Java 8 Stream,性能也么?

作者:CarpenterLee 来源:https://dwz.cn/pSW0u0Qr Java8Stream API可以极大提高Java程序员生产力,让程序员写出高效率、干净、简洁代码。...那么,Stream API性能到底如何呢,代码整洁背后是否意味着性能损耗呢?本文对Stream API性能一探究竟。...即时编译技术会将热点代码在JVM运行过程中编译成本地代码,测试时我们会先对程序预热,触发对测试函数即时编译。相关JVM参数是 -XX:CompileThreshold=10000。...如果出于代码简洁性考虑,使用Stream API能够写出更短代码。...即使是从性能方面说,尽可能使用Stream API也另外一个优势,那就是只要Java Stream类库做了升级优化,代码不用做任何修改就能享受到升级带来好处。

39831
领券