JS-HTML
关注
分享
扫一扫
文章平均质量分 88
JS-HTML
猿来这样1
编程圈子，谢厂节的博客
展开
-
浏览器控制台调试工具console
浏览器控制台调试函数console技巧汇总一、基本功能二、断言与统计1. 断言2. 行数计算3. 重置计数3. 打印对象，以列表形式输出对象属性三、js性能统计1. 性能分析，打印执行性能情况2. 输出代码的执行时间3. 显示内存信息4. 标记运行时的timeline三、格式输出1. 清空控制台2. 输出嵌套3. 嵌套,默认折叠4. 以表格样式输出5. ES6 模板输出四、占位符1. 字符、数值格式化2. CSS样式五、控制台功能1. 在控制台输出在Elements面板选中的页面元素2. 上一次在控制台键入原创 2021-10-11 15:03:55 · 2299 阅读 · 0 评论 -
常用的JS插件介绍：1、qrcode二维码;跑马灯
qrcode1.到网站jquery.qrcode.js 下载最新版，加到项目里2.引用js<script type="text/javascript" src="jquery.qrcode.min.js"></script>3.建一个dom<div id="qrcode"></div>4.js生成二维码：jquery('原创 2015-07-03 20:56:55 · 3218 阅读 · 0 评论 -
常用的JS插件介绍：2、ajaxFileUpload——异步上传
github上目前有多款ajax 上传控件。 项目地址： https://github.com/davgothic/AjaxFileUpload首先引用js， 使用示例：$("input#uploadId").change(function () { $.ajaxFileUpload({ url: '/upload.html',原创 2015-07-03 21:00:02 · 884 阅读 · 0 评论 -
常用的JS插件介绍：3、masonry——瀑布流（结合requirejs、art-template、infinite-scroll）
一、官网下载http://masonry.desandro.com/二、引用requirejs( [ 'path/to/masonry.pkgd.js',], function( Masonry ) { new Masonry( '#container', {...});});作为jQuery插件使用时处理方法 ：http://masonry.desandro.com/appendix原创 2015-07-03 21:02:28 · 2332 阅读 · 0 评论 -
常用的JS插件介绍：4、swipe.js——手势幻灯片
简介github：https://github.com/thebird/swipe一个图片滚动的js组件，支持手势触屏。使用方法 1 2 3 4 5 6 7 .swipe { overflow: hidden; visibility: hidden; position: relative; } .sw原创 2015-07-03 21:07:26 · 1343 阅读 · 0 评论 -
常用的JS插件介绍：5、fancybox——弹出图片展示
一、官网：http://www.fancybox.net/ 文档： http://fancyapps.com/fancybox/#examples注意：经测试该插件在jQuery2.0不能正常使用，可选用Lightbox二、安装1. 下载最新版本，引用js引用css和js fancyapps-fancyBox-v2.1.5/source/jquery.fancybox.css fanc原创 2015-07-04 17:23:42 · 7511 阅读 · 0 评论 -
常用的JS插件介绍：6、jQuery整页滚屏插件
$.fn.contextMenus=function(){ var $tabs=$(this); var temphtml='<div id="tabs-contextmenuparent"><div id="tabs-contextmenu" class="easyui-menu" style="width:150px">'+ '<div id原创 2015-07-12 00:02:32 · 2752 阅读 · 0 评论 -
JS 前端框架1 artTemplate前端js模板引擎
以前写前端时，模板引擎是自己实现的一个简单方法。现在有了越来越多的开源产品，遂决定选定一种取代自己的模板引擎。大致挑选一下，决定使用artTemplate。一、项目地址：https://github.com/aui/artTemplate二、使用方法：参照官方写最简单的示例：新建test.html，代码如下 ：{{title}} {{each l原创 2014-12-29 12:19:28 · 15894 阅读 · 2 评论 -
JS 前端框架7 一个简单的require功能
项目里多个项目互相引用，为了防止js的重复加载，需要实现require的功能。 项目是很长时间的老项目了，不想使用require.js等类库，就自己实现了一个简单的require功能：function require(path, callback) { if (!window['scripts']) { window['scripts'] = {}; }原创 2015-07-03 15:49:40 · 2186 阅读 · 0 评论 -
JS 前端框架8 require.js使用
入口 <script> var require={ baseUrl: 'js', paths: {}, waitSeconds:15, urlArgs: "r=" + (new Date()).getTime() //防止缓存 }; ...原创 2015-07-03 16:13:39 · 1292 阅读 · 0 评论 -
EasyUI基本使用——（tabs）
创建tabshtml<div id="tt" class="easyui-tabs" style="width:500px;height:250px;"> <div title="Tab1" style="padding:20px;display:none;"> tab1 </div> <div title="Tab2" clo原创 2016-07-30 14:43:17 · 4110 阅读 · 0 评论 -
EasyUI-基本使用(Tree)
$('#ul-menu').tree({ lines: true, animate: true, data : [ { "text" : "网站管理", "state":"open", "children" : [ {"text" : "网站设置","path" : "/admin/v原创 2015-03-19 12:14:10 · 11087 阅读 · 2 评论 -
JS Crypto函数库使用
代码：https://code.google.com/archive/p/crypto-js/MD5<html> <head> <script src="CryptoJS v3.1.2/components/core-min.js"></script> <script src="CryptoJS v3.1.2/rollups/md5.js"></script>原创 2017-12-08 14:47:33 · 1182 阅读 · 0 评论 -
浏览器指纹技术使用
目录浏览器指纹技术一、CDN地址二、使用调用方法如果你想使用 Canvas FingerPrinting，则如下调用如果你想使用屏幕分辨率计算指纹，则需如下调用使用自定义的哈希函数或者直接传递方法三、一种基于浏览器指纹技术的客户端认证技术1. 安装过程2. 登陆检验过程3. 服务器端验证过程浏览器指纹技术在线测试网站：https://panopticlick.eff.org/github网址...原创 2019-04-18 21:17:27 · 3177 阅读 · 0 评论 -
JS 数组转树结构代码
<html><head></head><body><script>/* *函数定义 *入口参数data,平行数组 *key，id字段 *parentKey，父字段 */function treeUtil(data,key,parentKey) { this.data=data; this.key=key; this.parentKey=parentKey原创 2017-08-25 10:26:02 · 4986 阅读 · 1 评论 -
JS封装的几个位操作函数和16进制操作函数
function getBit(val,bit){ /*1 return true; 0 return false*/ return ((val & (0x1 << bit)) >> bit)==1;}function setBit(val,bit){ return val | (0x1 << bit)}function clearBit(val,bit){原创 2015-08-06 13:46:28 · 2276 阅读 · 0 评论 -
Js 代替eval的方法
function eval1 (str) { var script = document.createElement('script'); script.type="text/javascript"; script.text=str; document.getElementsByTagName('head')[0].appendChild(script); d原创 2015-09-01 08:35:37 · 18518 阅读 · 3 评论 -
Js 正则表达式的一些使用示例
replace特殊引用$& 指向匹配的字符串$` 指向匹配字符串的左侧$’ 指向匹配字符串的右侧 示例："a1b".replace(/\d/,"左侧$` 匹配的文本$& 右侧$'");结果："a左侧a 匹配的文本1 右侧bb"首字线改成大写var name = 'aaa bbb ccc'; var upperName=name.replace(/\b\w+\b/g, function原创 2016-01-13 16:26:55 · 1394 阅读 · 0 评论 -
SASS 学习
简介sass是css3的扩展，增加了嵌套、变量、混合、选择器继承等。 它使用scss语法。安装安装Rubywindows下载： http://rubyinstaller.org/安装sass命令行输入： gem install sass gem install compass使用命令sass 转换为 scss sass-convert style.sass style.scss原创 2015-08-13 09:27:21 · 1724 阅读 · 0 评论 -
JS TypeScript 基础篇
学习资料来源： http://www.runoob.com/w3cnote/getting-started-with-typescript.html http://www.runoob.com/manual/gitbook/TypeScript/_book/安装npm install -g typescriptHello World编写文件 hello.tsalert('Hello World'原创 2017-10-12 08:41:51 · 563 阅读 · 0 评论 -
Animation cc H5的一些开发Tips
自动生成的html中，要手工加上viewport属性：<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">否则会出现运行非常卡的情况。音乐控制自动生成的playSoun...原创 2018-02-15 23:25:14 · 1273 阅读 · 0 评论 -
Android 4.1.2 input type number时placeholder不显示的问题
这里是谷歌issues描述: https://code.google.com/p/android/issues/detail?id=24626处理方法是：<input type="text" onfocus="this.type='number'" onblur="this.type='text'" placeholder="placeholder text"/>原创 2016-06-02 10:35:39 · 2090 阅读 · 0 评论 -
HighChats 修改右下角版权标记
$('.count').highcharts({ title: { text: '统计', x: -20 //center }, credits: { enabled: false } //主要是这里});其它的说明原创 2015-05-02 10:39:57 · 2080 阅读 · 0 评论 -
Chrome 命令
命令行参数允许跨域chrome --allow-file-access-from-files使用代理--proxy-server=127.0.0.1:8087 映射–host-rules=”MAP *.abc.com 192.168.1.139” 映射host 允许读取缓存–enable-offline-mode地址栏 命令chrome://plugins 或 about:plugins 1. ch原创 2015-10-20 22:11:21 · 1610 阅读 · 0 评论 -
用html5实现多边形的数字展示
网上看到一个网站原创 2014-10-21 13:11:40 · 3619 阅读 · 0 评论