
javascript
文章平均质量分 71
JavaScript各项技术知识
阿来小同学
记性不好!
展开
-
【jQuery】jQuery官方基本教程的学习笔记8-界面库jQuery UI
一、Getting Started with jQuery UIhttp://jqueryui.com/demos/——UI Demos1.Build Your Custom jQuery UI Download 构建jQuery UI1)下载自己需要的组件http://jqueryui.com/download/2)选择主题3)选择jQuery UI版本4)点击下载2原创 2017-12-26 17:14:54 · 753 阅读 · 0 评论 -
【jQuery】jQuery官方基本教程的学习笔记7-代码组织Code Organization
一、Code Organization Conceptes代码组织概念http://requirejs.org/---------RequireJS管理和构建系统1.Key Concepts关键概念1)封装。封装成单元模块,避免全部卸载$(document).ready()里面2)继承。使用继承技术避免重复代码3)核心主要是DOM,但不是全部4)函数功能应该低耦合2...原创 2017-12-26 14:11:43 · 344 阅读 · 0 评论 -
【jQuery】jQuery官方基本教程的学习笔记6-性能Performance
一、Append Outside of loops在循坏外添加https://jsperf.com/性能测试test1.bad$.each( myArray, function( i, item ) { var newListItem = "" + item + ""; $( "#ballers" ).append( newListItem ); });原创 2017-12-26 10:29:09 · 245 阅读 · 0 评论 -
【jQuery】jQuery官方基本教程的学习笔记5-插件Plugins
一、How to create a basic plugin1.创建基本插件$.fn.greenify = function() { this.css( "color", "green" );}; $( "a" ).greenify(); // Makes all the links green.2.创建可链插件$.fn.greenify = function() {原创 2017-12-25 16:55:26 · 299 阅读 · 0 评论 -
【jQuery】jQuery官方基本教程的学习笔记4-异步Ajax
摘要:Ajax(Asynchornous JavaScript and XML)主要API -----XMLHttpRequest不同浏览器Ajax API不同 (jQuery帮助解决了)不可跨域访问,但出现了一个技术CORS一、Key Concepts 关键概念1.GET和POST最常用的两种提交到服务器方法(还要其他五种,delete。。。不记得了)GET:地址...原创 2017-12-23 10:24:58 · 334 阅读 · 0 评论 -
【jQuery】jQuery官方基本教程的学习笔记3-动画效果Effects
动画效果详细事件api:http://api.jquery.com/category/effects/一、Introduction to Effects---介绍动画效果1.showing and Hiding Content(显示和隐藏效果)1).show()和.hide()方法// Instantaneously hide all paragraphs$( "p" ).hid原创 2017-12-22 18:09:53 · 331 阅读 · 0 评论 -
【jQuery】jQuery官方基本教程的学习笔记2-事件Events
Events ,详细教程http://api.jquery.com/category/events/一、jQuery Event Basics jQ基本事件1.给DOM元素设置响应事件方法.click(),.blur(),.change(),.focus()............................. ,也可简便的使用on$( "p" ).click(functi...原创 2017-12-22 16:56:02 · 333 阅读 · 0 评论 -
【jQuery】jQuery官方基本教程的学习笔记1-核心Core
前言:基本概念就不介绍了原创 2017-12-21 16:00:44 · 921 阅读 · 0 评论 -
【html】关于div布局
1.两个div顶部对齐:设置各个div的样式属性:div{display:inline-block;vertical-align: top}原创 2020-03-11 16:00:18 · 315 阅读 · 0 评论 -
More than one module matches. Use skip-import option to skip importing the component into the closes
有时使用angular 如下命令创建组件的时候报错如下:ng generate component dashboard2 Error: More than one module matches. Use skip-import option to skip importing the component into the closest module.More than...原创 2018-04-18 20:49:30 · 4131 阅读 · 3 评论 -
【JS-Bug集合】Uncaught SyntaxError: Illegal break statement
下面是出现错误的代码:1.function getSum(arr) { var sum=0; arr.forEach(a=>{ sum+=a; }) if(sum>10) break; return sum}arr = [1,2,3,4,5,6];sum = getSum(arr)...原创 2018-04-13 20:19:00 · 4264 阅读 · 0 评论 -
【JS】左键按下鼠标拖动元素div
这个是之前看到的例子,不知道出处了,源代码如下: New Document /*模块拖拽*/ .drag{position:absolute;width:100px;height:100px;border:1px solid #ddd;background:#FBF2BD;text-align:center;padding:5px;top原创 2017-12-18 09:02:47 · 4990 阅读 · 0 评论 -
【JS】js学习笔记之把一个div拖动到另一个div上面
js学习笔记之把一个div拖动到另一个div上面,这也是之前看到的例子,不知道出处了无标题文档这个可以拖动到上面绿色的div里面function allowDrop(ev){ev.preventDefault();}function drag(ev){ev.dataTransfer.setData("Text",ev.target.id);}f原创 2017-12-18 09:06:30 · 4296 阅读 · 0 评论 -
【JS】js学习笔记之用js实现定时器倒数跳转至指定网页或首页
js学习笔记之用js实现定时器倒数跳转至指定网页或首页:直接上源码:无标题文档 success! 5s后跳转至首页,若没有跳转,请点击这里 var beginTime = 5; var timer = setInterval(function(){ var time = document.getElementById('showTime'); begi原创 2017-12-18 09:26:06 · 543 阅读 · 0 评论 -
【JS】js学习笔记之canvas基本绘图
ctx.beginPath(); ctx.moveTo(135,135); ctx.lineTo(150,150); ctx.lineTo(135,165); ctx.fill();准备工作:①首先得在html加一个canvas标签,如:②在js中得到画布canvas:var canvas = document.getElementById('preview_canvas'原创 2017-12-14 14:38:12 · 398 阅读 · 0 评论 -
【JS】用js实现二维数组里面的元素排列组合一个小demo
用js实现二维数组里面的元素排列组合一个小demo;源码:无标题文档 var arrays = [["a0","a1","a2","a3"],["b0","b1","b2","b3"],["c0","c1","c2","c3"],["d0","d1","d2","d3"]]; var array = getArrayByArrays(arrays); doc原创 2017-12-18 09:56:16 · 2962 阅读 · 0 评论 -
【JS】使用canvas绘制动画-旋转风车加速减速启动停止
使用canvas绘制动画-旋转风车加速减速启动停止。结果截图详见如下:源码如下:风车 div{ text-align:center; } var internal = 0;//初始化间隔 var internal_Max = 60; //最大间隔 var rotation_a原创 2017-12-19 16:07:30 · 2464 阅读 · 0 评论 -
【JS】js学习笔记之用canvas制作打砖块小游戏(未完成)
Break the Bricks #layer_background{ z-index:0; background-color:#CACACA; }; #layer_ui{ z-index:1; }; #box{ width: 400px; height: 500px; position: relative; border: 2px solid black;原创 2018-01-03 09:14:55 · 772 阅读 · 0 评论 -
【JavaScript】jquery右键点击事件和js禁用右键事件代码
jQuery鼠标点击事件函数//jQuery鼠标左击、右击和中击事件$('div').mousedown(function(e){ if(e.which == 3){ alert('这是右键单击事件'); }else if(e.which == 1){ alert('这是左键单击事件'); } else if(e.which == 2){ ...原创 2018-03-01 11:03:58 · 5483 阅读 · 0 评论 -
【JS】用js动态设置元素标签之间的换行
1.首先创建一个换行的div,如下:var brDiv = document.createElement('br');brDiv.innerHTML = "";2.然后每次在添加一个标签的后面追加该元素rMenu.appendChild(updateButton); //追加修改按钮rMenu.appendChild(brDiv);//追加换行 每增加一个右键菜单按原创 2017-12-12 10:00:24 · 9766 阅读 · 0 评论