JS工作积累】的更多相关文章

/* * YYYY-MM-DD类型的字符串日期比较 * */ String.prototype.compareAsDate=function(dateStr){//prototype原型方法 var d1Arr=this.split('-');// this是引用调用此方法的String对象 var d2Arr=dateStr.split('-'); var date1=new Date(d1Arr[0],d1Arr[1],d1Arr[2]).getTime(); var date2=new D…
JS小积累-获取浏览器窗口尺寸 作者: 狐狸家的鱼 GitHub:八至 autodivheight(); function autodivheight() { //函数:获取尺寸 //获取浏览器窗口高度 var winHeight = 0; if (window.innerHeight) winHeight = window.innerHeight; else if ((document.body) && (document.body.clientHeight)) winHeight =…
JS小积累-判断在线离线 作者: 狐狸家的鱼 Github: 八至 if(window.navigator.onLine==true){ console.log('online'); ... } else{ console.log('offline'); ... }…
详情:请见阮一峰老师的日志:http://www.ruanyifeng.com/blog/2012/11/require_js.html: 导入:<script data-main="js/main" src='require.js'></script> 配置:requirejs.config({ baseUrl:'js'       //根目录,所有js存在的文件名 paths:''            //以下文档中,我们称为配置路径 }); 依赖:req…
“哥,你又来啦?”“是啊,我随便逛逛.”“别介啊……给我20分钟,成不?”“5分钟吧,我很忙的.”“不行,20分钟,不然我真很难跟你讲清楚.”“好吧……”“行,那进来吧,咱好好聊聊” 一.我们讲什么? 我们讲两个东西:1.WebGL背后的工作原理是什么?2.以Three.js为例,讲述框架在背后扮演什么样的角色? 二.我们为什么要了解原理? 我们假定你对WebGL已经有一定了解,或者用Three.js做过了一些东西,这个时候,你可能碰到了这样一些问题:1.很多东西还是做不出来,甚至没有任何思路:…
一.我们讲什么? 我们讲两个东西:1.WebGL背后的工作原理是什么?2.以Three.js为例,讲述框架在背后扮演什么样的角色? 二.我们为什么要了解原理? 我们假定你对WebGL已经有一定了解,或者用Three.js做过了一些东西,这个时候,你可能碰到了这样一些问题:1.很多东西还是做不出来,甚至没有任何思路:2.碰到bug无法解决,甚至没有方向:3.性能出现问题,完全不知道如何去优化.这个时候,我们需要了解更多. 三.先了解一个基础概念 1.什么是矩阵?简单说来,矩阵用于坐标变换,如下图:…
转载自起飞网,原文地址:http://www.qeefee.com/extjs-course-2-bootstrap-js ExtJS 4.2 教程-01:Hello ExtJS ExtJS 4.2 教程-02:bootstrap.js 工作方式 ExtJS 4.2 教程-03:使用Ext.define自定义类 ExtJS 4.2 教程-04:数据模型 ExtJS 4.2 教程-05:客户端代理(proxy) ExtJS 4.2 教程-06:服务器代理(proxy) ExtJS 4.2 教程-0…
JS生成随机的由字母数字组合的字符串 Math.random().toString(36).substr(2)…
1.网页图片集左右滑动查看图片,如下样例: jjs效果 var pictures = []; angular.forEach(pitctures,function(k,i){         pictures[i] = k.imgPath; }); $scope.previewPics = function(currentUrl){        if (typeof window.WeixinJSBridge != 'undefined') {            //微信图片集查看    …
1.判断问题 如果type存在就设置type的值为type,否则设置type为0: 原始的写法,使用 if else:if(type){type = type} 使用三元操作符:type : type ? type : 0 使用"或": type : type || 0 · if(a){alert('ok')} 等价于 a && alert('ok') 2. &&  和 || 例子: var a = 2; var b = 3; var andflag =…
设置宽高比 使用padding/margin-top/bottom; 设置出教准确的自适应布局; 用于预加载图片; 关于数据库设置 添加extra对象用于扩展; 添加type类型; 对于字体 使用百分比继承父类 使用media进行适应 @media (max-width: 600px) { html { font-size: @w * 26px; } } @media (max-width: 414px) { html { font-size: @w * 18px; } } @media (ma…
所谓坑, 就是文档中没有标明的特别需要处理的细节, 工作中会被无故的卡住各种令人恼火的问题. 包括系统级的bug和没有文档化的限制. 继Android的各种坑后, 现在做Amazon平台, 遇到的坑很多, 这里记录一下备忘: 先汇总下Android Native下的各种问题, 当然有些限制有明确文档说明,不算坑,但是限制太多还是很不爽: android平台下的某些限制: android下的各种坑 (我的C/C++/汇编/计算机原理博客) OBB的各种bug: OBB的解决方案 arm gcc t…
<script type="text/javascript"> var w; function startWorker() { if (typeof (Worker) !== "undefined") {//当worker 可用的时候 web worker 在后台运行的脚本 if (typeof (w) == "undefined") { w = new Worker("../Scripts/MyjsOne/workers.…
先贴一段C++标准(ISO/IEC 14882:2003): 5.2.1 Subscripting: 1 A postfix expression followed by an expression in square brackets is a postfix expression. One of theexpressions shall have the type “pointer to T” and the other shall have enumeration or integral…
ISO/IEC 14882:2003: 9.6 Bit-fields [class.bit] A member-declarator of the form identifieropt : constant-expression specifies a bit-field; its length is set off from the bit-field name by a colon. The bit-field attribute is not part of the type of the…
对于用户没有定义dctor(包括其所有成员)的类来说, new CLASS[n] 可能会直接请求sizeof(CLASS)*n的空间. 而带有dctor的 类, 因为delete[]的时候要逐个调用析构函数, 要保证调用n次析构. C++标准没有指定如何具体处理这种情况. 而对于很多数编译器来说, 是在请求的内存前面, 保存对象的个数n(放在其头部). sizeof(int)  sizeof(CLASS)  ...       n Object[0] Object[1] Object[2] ..…
在前端编程中总结的习惯不管js还是css 还是后端开发这几点都是必须要做到的做好这几点不管去什么公司都是受到别人的尊重 善用变量,尤其是对DOM结构中的ID以及CLASS 多写注释,自己不熟,前面写后面忘,所以要多谢注释 善用函数,对重复运用的代码写成函数,多处调用 多写分号,很多分号可以省略,但还是写上为好,以免压缩出问题 练习写插件,多写一些插件,可能有人认为是重复造轮子.但是可以搞清楚它的原理 命名清楚,英文或者拼音,但一定要清楚,不能让人云里雾里 外调JS压缩,多处共用且无需修改的JS压…
1.数组转字符串 str.join(',') 2.字符串转数组 arr.split(',') 3.数组排序 function sorb(a,b){return a-b;}; arr.sort(sorb); 4.数组去重 var arr=[1,2,43,45,5,6,7,87,89,90,0,1,2,32,4,5,7],arr1=[]; for(i in arr){ if(arr1.indexOf (arr[i])<0){arr1.push(arr[i])} } 5.js变量提升 函数及变量的声明…
[jQuery]https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js[Vue]https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.3/vue.min.js[Animate.css]https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css[Bootstrap.css]https://cdnjs…
UE4 的渲染分为两个模式1.编辑器是同步绘制的 2.游戏里是FParallelCommandListSet并行派发的. mesh渲染也分两类,static mesh 使用TStaticMeshDrawList 来绘制, skinned mesh是用DrawingPolicyFactory::DrawDynamicMesh来画.这两类绘制不管是异步还是同步都会调用.具体可以参考DepthRendering.cpp 实际上,有在DX12/Vulkan/Metal 这些支持paralle commi…
由于semantic的使用,我们有理由相信 vertex shader的output 和 pixel shader的input是按照semantic来匹配的,而跟传入顺序无关.印象dx9时代是这样. 虽然习惯上使用共用的sruct (VS_OUTPUT)来保证senamtic修改的同步,便于维护,但这个不是必须的. 但是最近工作中,在UE4的dx11上写自定义shader,因为VS和PS分开两文件,所以干脆没有用struct,而是直接写到parameter 里,但是遇到一个诡异的问题:参数的值不…
1.基本问题和相关 Common Techniques to Improve Shadow Depth Maps: https://msdn.microsoft.com/en-us/library/windows/desktop/ee416324(v=vs.85).aspx Cascaded Shadow Maps https://msdn.microsoft.com/en-us/library/windows/desktop/ee416307(v=vs.85).aspx Soft shadow…
1. viewport <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> // width 设置viewport宽度,为一个正整数,或字符串‘device-width’ // device-width 设备宽度 // height 设置viewport高度,…
一 浏览器组成可分两部分:Shell+内核. 浏览器内核又可以分成两部分:渲染引擎(layout engineer或者Rendering Engine)和JS引擎. 渲染引擎功能作用 渲染引擎,负责对网页语法的解释(如HTML.JavaScript)并渲染网页. 所以,通常所谓的浏览器内核也就是浏览器所采用的渲染引擎,渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息.不同的浏览器内核对网页编写语法 的解释也有不同,因此同一网页在不同的内核的浏览器里的渲染(显示)效果也可能不同,这也是网页…
主要内容: 一 浏览器重定向Http请求跨域 二 html select标签 可以设置属性multipe,变为多选 三 document.wirte只应在script标签的顶层代码中使用.不能放在函数的定义中,否则原有文档将被清空. 四 js可以打开一个新窗口,如果符合同源策略要求,可以访问新窗口的window对象.js如果要关闭一个不是通过js打开的窗口,则需要一些特殊的技巧 五 多个窗口(浏览器窗口)和多个iframe窗体之间的原型对象.类都互相独立 一 浏览器重定向Http请求跨域 重定向…
1,js判断进入可视区,参考(亲测不行):https://www.cnblogs.com/Marydon20170307/p/8830069.html 重点学习的话,可参考: js计算元素距离顶部的高度及元素是否在可视区判断:https://www.cnblogs.com/damonFeng/archive/2018/01/30/8378123.html https://www.jb51.net/article/103459.htm $(window).scroll(function() { /…
转载:https://www.cnblogs.com/heguihui/p/10505949.html 如何使用jquery刷新当前页面 下面介绍全页面刷新方法:有时候可能会用到 window.location.reload()刷新当前页面. parent.location.reload()刷新父亲对象(用于框架) opener.location.reload()刷新父窗口对象(用于单开窗口) top.location.reload()刷新最顶端对象(用于多开窗口) 下面再介绍一些javascr…
Linux常用命令之envsubst https://blog.csdn.net/banche163/article/details/101369495 Linux中的EAGAIN含义 https://blog.csdn.net/memo_weiwei/article/details/7691226 Linux中的虚拟设备/dev/null./dev/zero./dev/random和/dev/urandom https://blog.csdn.net/sinat_26058371/articl…
iOS6 中的 apple-itunes-app tag 例子 //iOS6, safari才有效 <meta name="apple-itunes-app" content=" app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL" > IOS判读user-agent if (/xxxx/.test(req.headers['user-agent'])) 返回的状…
移动设备点击时去掉外加的蓝色边框 a, input, button { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; outline:none; } 获取宽高(这里附加了适配) window.gameWidth = window.outerWidth || window.innerWidth || screen.width window.gameHeight = wind…