首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    使用JS监听键盘下事件

    事件说明 我们将键盘下后事件所有属性和方法打印出来(这里以下1为例) document.onkeydown = function(event){ console.log(event)...; }  这里面有几个需要注意属性 key:下按键名称 keyCode:下按键键码 altKey、ctrlKey、shiftKey:当组合下(如ctrl+c)时,ctrlKey会变为...true 一、查看所有键 (获取event.key 按键名称)(获取event.keyCode 键码) document.onkeydown = function(event){...console.log("下:"+event.key+"键:"+event.keyCode); } 下任意按键后效果: 二、监听回车下事件 这里以回车键(键码为13)为例 ,如果需要监听不同按键...") } } 三、监听组合键 这里以CTRL+A为例 altKey:下Alt+*组合键时为true ctrlKey:下Ctrl+*组合键时为true shiftKey:下Shift+

    11.4K10

    Node.js文件编码格式转换

    ASCII编码就比较蛋疼,通过搜索网上资源,反复测试对比,最终形成下面比较靠谱方法(有一些 EditPlus显示编码为utf-8但node.js库返回却是其它编码>_<) 判断修改是否无误,只需要在修改完之后...而如果返回是格式,先判断是否有PC下换行符,如果有则全部将它视为GBK进行处理。 整个思路其实是比较简单,难点在于如果判断文件编码格式。...这个真的很难>_<,获取原编码格式后,调用 encoding.convert(buff, 目标编码格式, 原始编码格式); 便可得到所需要编码。...如果有空而且有兴趣,可以下载Notepad++源码,看它是如何判断文件编码格式 注:上面的方法所修改文件,跟 Mac 上需要提交文件列表是一致,至少能解决我目前遇到问题。...-8.html 维基百科和其它资料太过专业化了,而且对 ASCII 编码介绍不多,不再一一列举出来了。

    5.5K40

    Vue.js 组件编码规范

    提供一种统一编码规范来编写 Vue.js 代码。这使得代码具有如下特性: * 其它开发者或是团队成员更容易阅读和理解。...Vue.js 设计初衷就是帮助开发者更好开发界面模块。一个模块是应用程序中独立一个部分。 HOW?...因此,你应该尽量 保持表达式简单化 . WHY? * 复杂行内表达式难以阅读。 * 行内表达式是不能够通用,这可能会导致重复编码问题。...* 首字母排序properties, data, computed, watches 和 methods使得这些对象内属性便于查找。 * 合理组织,使得组件易于阅读。...你可以通过 vue-cli 来开始你项目, vue-cli 默认会开启代码校验功能。 WHY? * 保证所有的开发者使用同样编码规范。 * 更早感知到语法错误 HOW?

    16.1K20

    Vue.js 组件编码规范

    目标 本规范提供了一种统一编码规范来编写 Vue.js 代码。这使得代码具有如下特性: 其它开发者或是团队成员更容易阅读和理解。...因此,你应该尽量保持表达式简单化。 为什么? 复杂行内表达式难以阅读。 行内表达式是不能够通用,这可能会导致重复编码问题。...首字母排序 properties、data、computed、watches 和 methods 使得这些对象内属性便于查找。 合理组织,使得组件易于阅读。...你可以通过 vue-cli 来开始你项目,vue-cli 默认会开启代码校验功能。 为什么? 保证所有的开发者使用同样编码规范。 更早感知到语法错误。 怎么做?...Vue.js 是一个基于组件框架。

    6.4K20

    告别硬编码,mysql 如何实现某字段不同取值进行统计

    上周我突然意识到,我在grafana上写 sql 语句存在多处硬编码。这篇笔记将记录如何实现没有硬编码sql语句,以及自学编程过程中如何应对自己笨拙代码和难题不断状况。...1、有效但粗笨编码 所谓硬编码,大意是指代码中出现很多具体取值,每个取值都是手动赋值。...再比如习题和章节,每本书章节数和习题数,都是几十个起。至于统计每本书阅读用户数,每个章节留言数,每个成就达成用户数……这类实现太频繁了。 如果全部采用硬编码,我意识到这将低效粗笨。...硬编码问题现在倒是解决了,但实现数据可视化时,又有新情况产生。...——这并非我不足,这是我将要提升机会,对不? 小结 在这篇笔记中,我不仅记录了自己如何完成某个字段取值范围进行统计需求,既有早期编码风格,也有升级版语句。

    2.6K10

    5 个提升你 JS 编码水平实例

    •作者:陈大鱼头•github: KRISACHAN[1] 虽然 2020 今天,各种前端框架、工具林立,而这些框架跟工具也帮我们提前解决了不少麻烦问题,但是工具始终是工具,扎实基本功才是最核心...,现在一起来通过几个实际代码片段来提高我们原生 JS 编码水平。...这是一个非常重要概念,例如 React Fiber 核心实现就是时间分片。它会将一个长任务切分成一个含有若干小任务任务队列,然后一个接着一个执行。...虽然很多人觉得了解数据结构对前端作用不大,但是如果我们懂一些基础概念,是否在编码时能够更加扩散我们思维呢?我们看下面两个例子: 获取节点在该父节点下坐标。...利用 reduce 进行数据优化 数组去重 没错,又是一个老生常谈问题,数组去重,但是我们这次去除不仅仅是单个数据,而是拥有某个相同键值对象集合。

    1.1K20

    Bash 通过上下键更有效查找历史命令

    我们知道在 bash 里,可以通过 “上下” 键来浏览最近执行过命令历史纪录(history),我们也知道如果历史纪录太多的话可以通过 ctrl+r 来查找命令或者通过 history 命令来浏览历史命令...我们不知道是(也许只有本人不知道~),还有一种神奇办法可以更准确、有效在历史命令纪录中查找自己想要命令。...在自己用户主目录(home directory)新建一个 .inputrc 文件: $ vi ~/.inputrc "\e[A": history-search-backward "\e[B": history-search-forward...show-all-if-ambiguous on set completion-ignore-case on 退出 bash 后重新登陆,敲打一个字母或者几个字母,然后 “上下” 键,就会看到以这个字母搜索到完整命令行...如果搜索到几个类似命令,通过上下键来切换,有点像 ctrl+r,但是更好用。

    1.5K20

    移动端页面手机屏幕分辨率自动缩放js

    3 var phoneHeight = parseInt(window.screen.height); 4 var phoneScale = phoneWidth/750;//除以手机物理分辨率...,当拿到设计图时候,图基本都是物理分辨率来设计,一般常用为640(iphone5/5s)、750(iphone6/6s),而谷歌等浏览器采用小手机模式浏览页面的时候,上面的值为逻辑分辨率,调试时候很难把控页面样式...,在手机端样式也会因此大乱,在页面头部加入以上一段js之后,在手机端就可以正常显示了, var phoneScale = phoneWidth/750; 除以为设计图设计页面宽度,750是iphone6...(注意,有时候页面加了这段代码在调试时候,切记刷新,刷新过后就会手机缩放比例显示) 概念解析: phys.width:一般我们所指宽度width即为phys.width,物理宽度(物理分辨率) device-width...target-densitydpi=device-dpi WebKit内核默认按照160DPI来排版。假如设备真实DPI是480,宽度是1080,在WebKit会160DPI,360宽度来排版。

    5.5K80

    java字节、字符、行、随机读取文件,并设置字符编码格式

    首先介绍可能用到java类: inputStream:是字节输入流所有类超类,是一个抽象类;返回0-225内字节值,如果没有字节可以读取则返回-1; FileInputStream:读取文件中字节...,转成字节流,字节流读取不存在编码问题 FileReader:读取文件中字符,转成字符流,字符读取需要注意编码问题 BufferedInputStream:字节读取,减少磁盘开销,不带缓存没读取一个字节就要写入一个字节...inputStreamReader:可以将读如stream转换成字符流方式,是reader和stream之间桥梁,并可以设置字符编码 package com.liuxin.test; import...-----------"); readFileBufferChar(fileName); System.out.println("----------字符创建缓冲流整行读取文件内容,并设置字符编码...=-1){//循环读取,每次循环读取一个字,每个汉字都有对应char数字对应,因此需要将汉字对应数字强转成char。

    1.4K30

    js 数组去除重复数据-5 个提升你 JS 编码水平实例

    •作者:陈大鱼头•github:[1]   虽然 2020 今天,各种前端框架、工具林立,而这些框架跟工具也帮我们提前解决了不少麻烦问题,但是工具始终是工具,扎实基本功才是最核心,现在一起来通过几个实际代码片段来提高我们原生...JS 编码水平。   ...然后就是.body.跟..这两个是一个功能,只不过在不同浏览器下会有一个始终为 0js 数组去除重复数据,所以做了以上兼容性处理。所以当我们做拖拽功能时候,就可以依赖上以上属性。   ...虽然很多人觉得了解数据结构对前端作用不大,但是如果我们懂一些基础概念,是否在编码时能够更加扩散我们思维呢?我们看下面两个例子:   获取节点在该父节点下坐标。   ...当然就是利用我们循环啦,对子元素集合进行遍历js 数组去除重复数据,直到确定下标为止,代码如下: var index = function(el) {` if (!

    1.6K20

    laravel天、小时,查询数据实例

    使用laravel做后台数据统计时候,需要查询每天注册量之类数据 这时候如果直接用created_at分组,是不好用。 1、所以本文解决这个查询应该怎么写。...天分组数据: Event::where('created_at',' ',Carbon::parse($request- start_date)) - where('created_at','<',Carbon...groupBy('date') - get([DB::raw('DATE(created_at) as date'),DB::raw('COUNT(*) as value')]) - toArray(); 如果想小时分组所有查询出来数据...2017-09-25"), moment().subtract(-1, 'days')] } }, cb); cb(start, end); }); 超级好用,结合echart 在用echartmap...以上这篇laravel天、小时,查询数据实例就是小编分享给大家全部内容了,希望能给大家一个参考。

    2.9K31

    js 5个不良编码习惯,现在就改掉吧

    在阅读JavaScript代码时,你是否有过这种感觉 你几乎不明白代码作用? 代码使用了很多 JavaScript 技巧? 命名和编码风格太过随意? 这些都是不良编码习惯征兆。...可替代方法是try /catch机制,默认对象使用。 5. 不要使用随意编码风格,执行一个标准 有什么比阅读具有随机编码风格代码更令人生畏事情? 你永远不知道会发生什么!...如果代码库包含许多开发人员不同编码风格,该怎么办?,这种就像各色人物涂鸦墙。 ? 整个团队和应用程序代码库都需要相同编码风格,它提高了代码可读性。...一些有用编码风格例子: Airbnb JS 风格指南 谷歌 JS 风格指南 老实说,当我在回家前准备提交时,我可能会忘记设计代码样式。...找出复杂代码,并使用最新 JS 特性来重构。 整个代码库一致编码风格有益于可读性。良好编程技能总是一个双赢解决方案。

    85230
    领券