记录 30 seconds of code 项目个人觉得中有价值的片段或者小技巧(四)
JZ系列获取数组元素下标(findIndex的实现)jsconstlinearSearch(arr,item)for(constiinarr)if(arriitem)returni;return1;;linearSearch(2,9,9,9);//1linearSearch(
Easter79 Easter79
3年前
Vue 前端验证码
⭐前言在vue项目中,登录界面必不可少。简单项目里,验证码通常由数字字母构成。一般有两种产生方式:前端,后端。后端生成,前端直接调用接口,将返回的url放入a标签即可。而前端生成,则大多用canvas画布实现,如何让验证码随屏幕大小变化,还能保持原样不失真,这就是我们要实现的功能。当然,在创建vue项目时,我们必须得克服跨域问题。No'
Wesley13 Wesley13
3年前
HTML 5 视频
Web上的视频直到现在,仍然不存在一项旨在网页上显示视频的标准。今天,大多数视频是通过插件(比如Flash)来显示的。然而,并非所有浏览器都拥有同样的插件。HTML5规定了一种通过video元素来包含视频的标准方法。视频格式当前,video元素支持三种视频格式:格式IEFirefox
Stella981 Stella981
3年前
HashMap,LinkedHashMap,TreeMap的有序性
HashMap实际上是一个链表的数组。HashMap的一个功能缺点是它的无序性,被存入到HashMap中的元素,在遍历HashMap时,其输出是无序的。如果希望元素保持输入的顺序,可以使用LinkedHashMap替代。LinkedHashMap继承自HashMap,具有高效性,同时在HashMap的基础上,又在内部增加了一个链表,用以存
Stella981 Stella981
3年前
Hibernate的批量处理和分页技术、投影技术
投影查询——过滤部分字段返回的List集合元素为Object\\Queryquerysession.createQuery("selectc.cname,c.csexfromCustomerc");Listlistquery.list();Iteratoriterlist.itera
Stella981 Stella981
3年前
Android 图形系统概述
Androidframework为2D和3D提供了各种各样的图形渲染APIs来与设备制造商的图形驱动实现交互,因此对于那些API在上层如何工作有一个好的理解非常重要。这一页介绍驱动基于其构建的图形硬件抽象层(HAL)。应用程序开发者以两种方式将图像绘制到屏幕上:通过Canvas或OpenGL。参考 系统级图形架构(https
Wesley13 Wesley13
3年前
HTML5 网络拓扑图性能优化
HTML5中的Canvas对文本的渲染(fillText,strokeText)性能都不太好,比如设置字体(font)、文本旋转(rotation),如果绘制较多的文本时,一些交互操作会手动很大的影响,操作起来没那么顺畅,体验将会极其差,这不是我们想要的结果,再进一步和图片的绘制进行比较比较,你会发现,绘制图片和绘制文本在性能上不是一个等级的,在性能上
Stella981 Stella981
3年前
HTML5 file API加canvas实现图片前端JS压缩并上传
一、图片上传前端压缩的现实意义对于大尺寸图片的上传,在前端进行压缩除了省流量外,最大的意义是极大的提高了用户体验。这种体验包括两方面:1.由于上传图片尺寸比较小,因此上传速度会比较快,交互会更加流畅,同时大大降低了网络异常导致上传失败风险。2.最最重要的体验改进点:省略了图片的再加工成本。很多网站的图片上传功能都会对图片的大小进
Stella981 Stella981
3年前
JQuery html()方法使用一些误区。
最近我在处理一个比较复杂的DOM控制的业务的时候发现html()这个方法的一些领我有些不解的地方。1.html()获取的是第一个匹配的元素的内容,不包括它自己。2.如果需要获取包括元素自己本身的html的话,请使用prop("outerHTML"),如:$("div").prop("outerHTML");//这个的返回值会包含div
贾蔷 贾蔷
1个月前
动态规划预处理+滑动窗口:力扣2420题"好下标"解法详解
一、问题理解题目要求找出中满足特定条件的"好下标":对于下标i,其左侧k个元素必须是非递增的,右侧k个元素必须是非递减的。这是典型的数组区间性质检查问题。二、解题思路1.预处理核心思想是通过两次预处理:left数组:记录每个位置向左的非长度right数组: