一款基于Google Closure compiler压缩Js文件插件。...快捷键: Ctrl+Alt+M 当前文件内压缩Js代码（不推荐） Ctrl+Alt+Shift+M 压缩Js并生成压缩文件 *.min.js 安装成功重启，如果报错，在配置里改一个参数...，"compiler": "uglify_js", { // the closure compiler adds new lines every 500 characters // for...WHITESPACE_ONLY", // the compiler to use for minification. // Accepted values are: google_closure|uglify_js..."compiler": "uglify_js", // when you create a file you want to automatically open it?
中文搜索引擎上几乎没有说通用的SQL语法检测器的安装教程。...这里介绍一款： SublimeLinter-contrib-sqlint 第一步：在Sublime安装 https://github.com/SublimeLinter/SublimeLinter 通过...不会的可以看我这篇文章有介绍到： 开心鸭：提高数据分析工作效率-Sublime如何设置默认打开文件格式 第二步：安装SQL语法检测插件 https://github.com/trezona-lecomte.../SublimeLinter-contrib-sqlint 终端运行这个命令就可以： gem install sqlint 第三步：设置Sublime配置路径 ?...复制到刚才打开的Sublime配置文件： // SublimeLinter Settings - User { "paths": { "linux": [], "
需要在fundebug上注册账号并创建项目，检测bug也是通过fundebug后台来管理bug的 1.安装插件 npm install fundebug-javascript --save 2.导入模块
自动配置： 1、安装package control（见 http://www.cnblogs.com/padding1015/p/7763014.html） 2、sublime编辑器中，按快捷键...：ctrl+shift+p，输入node js， 3、选择安装JavaScript & NodeJS Snippets.sublime-package。 ...手动安装： 1、到github下载node.js的插件https://github.com/tanepiper/SublimeText-Nodejs，解压重命名为“Nodejs”。 ...2、在sublime中，点击preferences->browse packages，打开包存放的目录，将“Nodejs”放到这个文件夹下 ? ...4、sublime中，点击preference ->package settings ->Nodejs ->setting-default 打开文件： ?
图形平面碰撞的检测方式就是判断点是否同时在两个对象中。比如这个笔记中的例子 impact demo <script src="//code.jquery.com/jquery-2.1.4.min.<em>js</em>
VisibilityChange 事件；用于判断用户是否离开当前页面 // 页面的 visibility 属性可能返回三种状态 // prerender，vi...
无效 总结 对于基本数据类型， 除了null其他都会返回正常的结果 对于引用数据类型，除了function其他都会返回object 对于null，会返回object,历史遗留问题，也是bug，原因在于JS...A是不是B的实例，表达式是A instance B，返回的是boolean，instanceof检测的是原型，所以他的检测方式是，查看A的prototype是否出现在B的__proto__ 上，也可以理解为...，如果我们要对其检测，需要通过new方式，就可以了。...let str = new String('我是字符串') console.log(str instanceof String) //true 检测引用数据的类型全部正确，所以一般来讲这个方法我们是用于检测引用数据类型的...需要注意的是 检测类型的返回值并不是直接可以使用 是这种格式的[object Array]，需要自己进行处理，后面的就是我们的格式 封装 日常开发中，最为准确的就是第三中方法，所以，这里我们来封装一个检测数据类型的方法
碰撞检测 目录 代码实例 与简易拖拽的差异 下载源码链接 代码实例 <div id="box" style="background: #334;width: 100px;height: 100px...Math.max(0, y), height) // 给元素及时定位 box.style.left = x + 'px' box.style.top = y + 'px' // 碰撞<em>检测</em>...document.body.scrollTop - document.body.clientTop } return { x: x, y: y } } })() 与简易拖拽的差异 简易拖拽的链接 简易拖拽 碰撞<em>检测</em>...// 碰撞<em>检测</em> // x坐标值的范围判断，y坐标值的范围判断 var judge_x = (x >= box2X - box2.offsetWidth) && (x <= box2X + box2.offsetWidth
使用CSS，我们可以使用 preferreds-color-scheme 媒体查询来检测暗模式。 但是..如果我们必须使用JavaScript怎么办？...首先，检测matchMedia对象是否存在（否则浏览器不支持夜晚模式（dark mode），您可以退回到白天模式（light mode））。...我们可以使用事件侦听器检测模式更改，实现代码如下所示： window.matchMedia('(prefers-color-scheme: dark)') .addEventListener...('change', event => { if (event.matches) { //dark mode } else { //light mode } }) //js判断
什么是碰撞检测 碰撞检测是指两个物体碰撞，或者图片发生重叠之后的检测，这种检测往往在优秀中用的最多，比如飞机大战，子弹与敌机的碰撞等等，这种碰撞一旦被检测到，往往会执行一些事件，比如游戏中的敌人死亡的动态效果...，这就是碰撞检测。...下面是自己实现的两种碰撞检测： 碰撞检测_边缘检测 主要实现div块在上下左右运动中如果碰到边缘，就像相反的方向运动。 实现代码 <!...div.style.left = left + "px"; div.style.top = top + "px"; } //检测是否和边缘碰撞的函数...function(){ move() },20); 实现效果 碰撞检测
cmd": ["D://nodejs/node.exe","--use-strict", "--harmony", "$file"], 3 4 "selector": "source.js...4、编写一个js文件，输入js代码，如： 1 console.log("hello world"); 按Ctrl+B,运行，效果图在下面： ? ?
背景： 基友做了个APP，发了一排二维码，然后互相吐槽了一下，发现移动应用出现也一年了，虽然很简单，但是好像都懒得通过写个JS来判断然后发一个二维码让大家下载应用。...简介： 提供了几个JS接口，通过这几个JS接口，可以轻松获取到当前打开页面的浏览器类型，然后根据类型跳转到对应的链接。同时也提供了两个demo方便大家参考。...核心代码 — Demo2: Demo2相关代码 - download.html: Demo2核心代码 — index.html:Demo首页 — res:页面相关资源 - brower.js...:核心代码 — tools.html:JS调用的整体事例。
Why 安装有两个办法： 1、直接把插件放到它的安装路径对应文件包packages里面去，不知道在哪的可以直接打开 preferences->Browse packages，放进去之后软件会自动检测...然后把它解压，把文件夹放进package文件包，然后它就能检测到包啦！ 代码安装：Ctrl+shift+p、输入install、选择package install 过几秒会弹出另一个框。...HTML/CSS/JS Prettify（代码格式化） 能够格式化css html和js。 注意：格式化的文件路径中不能有中文，不然会报找不到node的错误（windows下）。...YUI Compressor（压缩JS和CSS文件） PHPTidy（整理与排版PHP代码） JsFormat（javascript格式化） 格式化js代码，这个插件很有用，我们有时在网上看到某些效果...SublimeTmpl （自定义新建文件） 默认已经添加了html、css、js等常见类型的面板，按ctrl+alt+h/ctrl+alt+c/ctrl+alt+j可新建这 3钟类型的文件，快捷键在这里
前言 昨天用公司的企业站发布文章后，想看看之前的网站收录了没有，但是又得通过第三方工具查询有点麻烦，看到crm系统的插件还有一个百度收录检测的，我把代码修改了一下，经过测试web页面通用，可以做成php...插件 html代码部分 scode type="share"引用的js，必须引用...window.location.protocol.split(':')[0]; if (curProtocol === 'https') {bp.src = 'https://zz.bdstatic.com/linksubmit/push.js...';} else {bp.src = 'http://push.zhanzhang.baidu.com/push.js';} var s = document.getElementsByTagName
常用插件推荐 Alignment： 自动对齐代码 SublimeLinter 提示编写代码中存在的不规范和错误的写法 Sublime CodeIntel代码提示和补全 Bracket Highlighter...代码匹配 SideBarEnhancements 侧栏右键功能增强 ConvertToUTF8，GBK编码兼容 Emmet让编写代码变得简单 HTML-CSS-JS Prettify HTML/CSS/...JS/Vue等代码格式化 Better Completion全能代码提示(JavaScript、jQuery、Bootstrap等js库) AutoFileName提示文件路径，快速输入文件名 GitGutter...提示代码中插入、修改、删除的地方 其他插件推荐 CSScomb 属性排序 SublimeTmpl 快速生成文件模板 FileDiffs 强大的比较代码不同工具 JavaScript Completions js...FileHeader 自动更新保存时间，文件模板 Emmet LiveStyle 实时刷新双向修改 WordPressWordPress函数 PHPTidy 排版PHP代码 YUI Compressor压缩JS
前端开发Sublime 3插件 Sublime的大名已经无需我介绍了，首先先介绍如何启用插件安装功能： 打开Sublime 3，然后按 ctrl+` 或者在View → Show Console 在打开的窗口里黏贴这个网站上的代码...简介: 高亮各种括号的起始和结尾 安装: Ctrl+Shift+P → Package Control: Install Package → BracketHighlighter HTML-CSS-JS...Prettify 链接: https://packagecontrol.io/packages/HTML-CSS-JS Prettify 简介: 编辑HTML, CSS, JS时，经常会出现缩进不对...安装: Ctrl+Shift+P → Package Control: Install Package → HTML-CSS-JS Prettify livestyle 链接: http://livestyle.emmet.io...Shift+P → Package Control: Install Package → Emmet JsFormat JavaScript格式化 按快捷键 Ctrl+Alt+F 即可格式化当前的 js
一.类型检测 1.typeof方法 typeof是一个运算符，有2种使用方式：typeof(表达式)和typeof 变量名，第一种是对表达式做运算，第二种是对变量做运算。...--字符串类型的变量或值 'number' --数字类型的变量或值 'object' --对象类型的变量或值，或者null(这个是js...(function(){} instanceof Object);//true console.log(function(){} instanceof Function);//true 不过它不能判断js...GFoo) // true}} 3.使用Object.prototype.toString.call() 调用Object.prototype.toString.call()方法可以判断出某个变量属于哪种js...但是js内部为我们完成了一系列处理（即装箱），使得它能够调用方法,实现的机制如下： 创建String类型的一个实例； 在实例上调用指定的方法； 销毁这个实例； 后台隐式做了如下操作 var s1 =
)//true 从严格意义上来讲，只有实例创建出来的结果才是标准的对象数据类型值，也是标准的 Number 这个类的一个实例；对于字面量方式创建出来的结果是基本的数据类型值，不是严谨的实例，但是由于 JS...只要在当前实例的原型链上，我们用其检测出来的结果都是 true。在类的原型继承中，我们最后检测出来的结果未必准确。...但 constructor 检测 Object 与 instanceof 不一样，还可以处理基本数据类型的检测。...HTMLDocument] Object.prototype.toString.call(window) ; //[object global] window是全局对象global的引用 参考资料 1、【文章】[ JS...进阶 ] 基本类型 引用类型 简单赋值 对象引用（推荐） 2、JS 判断数据类型的三种方法 3、JS 中的数据类型及判断 4、Javascript 判断变量类型的陷阱 与 正确的处理方式 5、判断 JS
然后找到了 sublime-monokai-extended 这个达到了我的效果，但是将整个的 color scheme 都改了，自然不行。...没有解决不了的问题，找了半天，这篇博客 Tips For Creating Sublime Text Color Schemes 解决了我的问题。...其中的 tip1 尤其好—— Sublime text color schemes work by defining colors for scopes....sublime text 的 color scheme 是通过 scopes 来定义 color 的，我们可以安装插件 ScopeHunter 来查看光标出的 scopes ，从而可以自定义颜色。...参考： http://stackoverflow.com/questions/10636410/modifying-sublime-text-2-for-js 附上我的 color scheme Obsidian.tmTheme
Sublime3官方下载地址：http://www.sublimetext.com/，大小只有8M左右，非常小巧，相关注册问题请见百度（不解释）。 ?...官网地址为：https://packagecontrol.io/installation，复制SUBLIME TEXT 3中文本复制到sublime的控制台中，回车即可（控制台打开方式，ctrl+~或View...更详细的安装请见_luc_博主的：http://www.cnblogs.com/figure9/p/sublime-text-complete-guide.html。...,sidebarEnhancement 左边目录栏增强，便于管理文件夹 AutoFileName 自动补全文件路径 AllAutocomplete 针对所有打开的文件来匹配的提示词 HTML-CSS-JS...Prettify JS Format Html css js代码格式化，需要安装nodejs JS代码格式化 Prefixr CSS3 私有前缀自动补全插件 ColorPicker 前端颜色选择器，
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
