![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js基础笔记
认真学前端
这个作者很懒,什么都没留下…
展开
-
Typescript入门关键几点
最近公司项目开始统一使用Typescript了,所以自己也是开始认真的学习了一下typescript,还是很有收获的!下面分享给大家基础知识基础let isDone: boolean = false;let decimal: number = 6;let color: string = "blue";// 数组,有两种写法let list: number[] = [1,...转载 2020-01-06 12:23:22 · 226 阅读 · 0 评论 -
JQ中的attr和prop方法
啥也不说了,注意坑,如果你在使用attr的时候发现明明在行间已经加上了该属性但实际却无法生效那就尝试一下prop吧!贴一张官方推荐的是使用attr还是prop的表格:Attribute/Property.attr().prop()accesskey√ align√ async√√auto原创 2016-07-26 18:04:25 · 752 阅读 · 0 评论 -
angularjs自定义指令
AngularJS支持用户自定义标签属性,在不需要使用DOM节点操作的情况下,添加自定义的内容。我们知道AngularJS的四大特性: 1 MVC 2 模块化 3 指令 4 双向数据绑定下面将会介绍如下的内容: 1 如何自定义指令 2 自定义指令的使用 3 自定义指令的内嵌使用如何自定义指令:原创 2016-07-23 16:24:49 · 348 阅读 · 0 评论 -
AngularJs服务
服务:其作用就是对外提供某个特定的功能,如消息服务,文件压缩服务等,是一个独立的模块。ng的服务是这样定义的:Angular services are singletons objects or functions that carry out specific tasks common to web apps.它是一个单例对象或函数,对外提供特定的功能。原创 2016-07-23 10:24:22 · 223 阅读 · 0 评论 -
文件读取
* { margin: 0; padding: 0; list-style: none; } #div1{ width: 200px; hei原创 2016-07-09 17:56:59 · 227 阅读 · 0 评论 -
JQ插件开发
基本方法先看一下它的基本格式:$.fn.pluginName = function() { //your code goes here} 基本上就是往$.fn上面添加一个方法,名字是我们的插件名称。然后我们的插件代码在这个方法里面展开。比如我们将页面上所有链接颜色转成红色,则可以这样写这个插件:$.fn.myPlugin = function() {原创 2016-06-26 14:03:58 · 475 阅读 · 0 评论 -
jQuery 3.0 的变化
1、简化了 show/hide之前的 show/hide 是大兼容,比如 show, 无论元素的 display 是写在style,stylesheet里都能显示出来。3.0 则不同了,写在 stylesheet 里的 display:none 调用 show 后仍然隐藏。 3.0 建议采用 class 方式去显示隐藏,或者完全采用 hide 先隐藏(不使用css代码),再调用 show转载 2016-06-25 18:13:43 · 354 阅读 · 0 评论 -
js正则难点突破--惰性匹配和贪婪匹配
在讲贪婪模式和惰性模式之前,先回顾一下JS正则基础:写法基础:①不需要双引号,直接用//包含 => /wehfwue123123/.test();②反斜杠\表示转义 =>/\.jpg$/③用法基础:.test(str);语法:①锚点类/^a/=>以"a"开头/\.jpg$/=>以".jpg"结尾②字符类[abc]:a或b或c[0-9]:一个数字[原创 2016-06-24 18:27:44 · 2303 阅读 · 0 评论 -
行内元素与块级元素比较全面的区别和转换
一、行内元素与块级元素块级元素列表定义地址定义表格标题定义列表中定义条目定义文档中的分区或节定义列表定义列表中的项目定义一个框架集创建 HTML 表单定义最大的标题转载 2016-01-14 11:10:26 · 692 阅读 · 1 评论 -
jsonp跨域中后台返回的不是回调函数形式
在常用的jsonp跨域请求时后台返回的是一个回调函数,然而当后台传的不是以函数形式返回的,实际返回的是一个变量,那么原生js封装的jsonp就不能使用了,那么我们该如何拿到后台传过来的数据呢?其实原理不变,我们依然是利用script标签的src属性没有跨域限制,在这个标签里面使用返回的变量,但要注意请求是需要时间的 只能在这个script标签加载完毕后才能使用返回的变量;贴一下代码:原创 2016-06-20 17:09:12 · 4441 阅读 · 0 评论 -
JQ滚屏插件--fullPage.js
fullPage.js是一个基于jQuery的全屏滚动插件,它能够很方便、很轻松的制作出全屏网站。主要功能支持鼠标滚动支持前进后退和键盘控制多个回调函数支持手机、平板触摸事件支持 CSS3 动画支持窗口缩放窗口缩放时自动调整可设置滚动宽度、背景颜色、滚动速度、循环选项、回调、文本对齐方式等等兼容性fullPage.js 支持 IE8+ 及其他现代浏览原创 2016-07-27 16:46:51 · 955 阅读 · 0 评论 -
angularjs表单验证
为了界面显示的更加完美,这里也引入了bootstrap;index.html: .wrapper{ width: 200px; margin: 30px auto; } input.error{ border: 1px solid #a10; } .error{ color: #a10; } /*p.error原创 2016-08-06 10:03:34 · 3026 阅读 · 0 评论 -
ES6中export及export default的区别
本文原创地址链接:http://blog.csdn.net/zhou_xiao_cheng/article/details/52759632,未经博主允许不得转载。 相信很多人都使用过export、export default、import,然而它们到底有什么区别呢? 在JavaScript ES6中,export与export default均可用于导出常量、函数、文件、模块等,你可以在转载 2017-01-02 16:25:18 · 7970 阅读 · 0 评论 -
移动端日历
只是一个初步的简单的日历,有是否显示上月和下月部分的选项 移动端日历 table{ width: 100%; border-collapse: collapse; } td { padding: 0; margin: 0; vertical-align: middle; text-align: ce原创 2016-11-09 14:33:02 · 1212 阅读 · 0 评论 -
FormData对象
最近在做图片上传的时候用到了这个,但是还是不是很清楚,就在网上百度百度,特意做下总结,以便经常来看看,下次再做的时候忘了可以回头看看。想得到一个FormData对象,很简单:var formdata = new FormData();但一个空的FormData对象对我们没有意义,因此W3c草案提供了三种方案来获原创 2016-09-30 17:52:49 · 600 阅读 · 0 评论 -
移动端页面在苹果手机中需要主要的问题
遇到一个问题写一个:1、在IOS5以上版本(不包含IOS5)中的Safari浏览器能正确解释出Javascript中的 new Date('2013-10-21') 的日期对象。 但是在IOS5版本里面的Safari解释new Date('2013-10-21') 就不正确,在IOS5的Safari中返回的永远是"Invalid Date"。 后来我在网上原创 2016-09-29 17:30:27 · 903 阅读 · 0 评论 -
对ajax使用的一些感想
自从用了别人封好的ajax,用起来确实很方便,但是总是感觉有一层不确定的东西挡在自己前面,也有很多不明白的地方,最近就开始看了看了源码,然后自己也动手封装简单的ajax框架,然后也看了cookie 的,感觉用到了大量的回调函数的思想,对于这个思维的转变过程确实有点麻烦;自己在理解这个的过程中做了很多小栗子,也结合生活中的很多情况比较,虽然现在有一点点的深入,但是还是感觉有些欠缺,希望有一天能够顿悟原创 2016-06-19 14:04:01 · 461 阅读 · 0 评论 -
es6中的set
SetSet 是 ES6 新增的有序列表集合,它不会包含重复项。之前我们通常用对象(Object)或者数组(Array)来实现没有重复项的集合。但对象会对 key 进行 toString() 操作,这会导致某些 key 会意外覆盖之前的数据;如果 key 本身是一个对象,toString() 也得不到想要的结果,如下:JSvar o = {};var key1 = 2;var k原创 2016-09-28 10:53:20 · 3996 阅读 · 0 评论 -
jq中的prveObjec对象
在使用谷歌的调试工具的时候,可能会发现prevObject 这个对象,但又不知道他是什么,jquery选择器在遍历的过程中都会找到一组元素(一个jQuery对象),然后jQuery会把这组元素推入到栈中。而每个jQuery对象都有三个属性:context、selector和prevObject,其中的prevObject属性就指向这个对象栈中的前一个对象,而通过这个属性可以回溯到最初的DOM元素集原创 2016-09-20 18:32:30 · 3063 阅读 · 0 评论 -
JS 函数学习
函数:具有完成一个功能的一系列代码的集合;函数的创建方式有三种:1、利用关键字function:function fun([参数1],[参数2]...){};2,以字面量的形式创建函数:var t=function([参数1],[参数2]...){};3,以对象的形式创建new:var t=new Function([参数1],[参数2]...,"函数体“)//[]括起来的表示可有可无;在函数原创 2015-11-18 10:58:42 · 359 阅读 · 0 评论 -
JS中对样式的操作!
今天 先复习了下函数的封装和继承:函数的封装:1、function dianshi (color,size,brand) { var Tv={};Tv.color=color;Tv.size=size;Tv.brand=brand;Tv.look=function () { alert("看电视");}Tv.play=function () {原创 2015-11-25 21:59:36 · 465 阅读 · 1 评论 -
7个JQ最佳实践
在这篇文章中,我会给大家介绍在编写、调试和审查JavaScript代码的时候一些好的实践(至少我是这么认为的)。事实上,我选择了其中7个最常见的场景。 1、使用CDN及其回退地址(fallback) CDN代表内容传递网络(Content Delivery Network),是一个缓存了JavaScript文件的服务器。使用CDN之后,每当一个新用户发起请求的时候,你的应用程序可转载 2016-01-13 11:29:14 · 334 阅读 · 0 评论 -
从$('li').filter(':even').css('background-color', 'red');说起
filter() 方法将匹配元素集合缩减为匹配指定选择器的元素。 list item 1 list item 2 list item 3 list item 4 list item 5 list item 6$('li').filter(':even').css('background-colo原创 2016-01-13 10:43:17 · 1348 阅读 · 0 评论 -
canvas绘图基础
一、从线条开始:创建canvas画布:HTMLJSvar canvas=document.getElementById("canvas")var context=canvas.getContext("2d")//获得上下文的绘图环境,使用context进行绘制对于canvas这个接口来说我们通常使用才就是以下三个属性:canvas.widthcanvas.hei原创 2016-01-01 22:43:27 · 363 阅读 · 0 评论 -
js中 aaa.style 和 aaa.getAttribute('style') 等价吗,有无区别?
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。作者:alaki链接:https://www.zhihu.com/question/38750336/answer/78416508来源:知乎有区别首先区分property和attribute,两个翻译成中文都可以作为属性,但是在实际上是有区别的。在html标签里的自定义属性称为proper转载 2015-12-31 10:53:28 · 1435 阅读 · 3 评论 -
css3学习
css3-2015.12.14学习css3模块css3被划分为模块。其中最重要的css3模块包括:选择器框模型背景和边框文本效果2D/3D转换动画多列布局用户界面 css3边框通过css3,您能够创建圆角边框,向矩形添加阴影,使用图片来绘制边框-并且不需要使用设计软件border-radiusbox-shasowbor原创 2015-12-15 21:47:48 · 510 阅读 · 0 评论 -
JQ的学习
JQ学习-2015.12.07:JQ是一个JS库,极大地简化了js的编程!1、JQ库位于一个js文件中,其中包含了所有的JQ函数。2、通过下面的标记将JQ添加到网页中: //注意JQ的引用一定在head部分!!!!3、基础语法:$(selector).action()$定义了JQ选择符(selector)"查询"和"查找"HTML元素J原创 2015-12-14 21:12:21 · 566 阅读 · 0 评论 -
JS递归函数和函数的callee属性
递归函数:就是在函数体中自己调用自己!例如阶乘;举例代码:function fun(a){if (areturn 1}else{return a*fun(a-1)};};alert(fun(3));弹出的结果是6;使用函数的callee属性,callee属性:就是函数本身的引用;举例代码:function cc(a){if (areturn 1原创 2015-11-18 19:27:13 · 1101 阅读 · 0 评论 -
JS中隐式数据类型转换
我们知道,运算符有 6大类:1,数学运算符2,关系运算符也称比较运算符3,赋值运算符4,逻辑运算符5,一元运算符(typeof()等)6,三元运算符(var 变量=布尔表达式值?为真的情况执行的语句:为假的情况执行的语句;那么在运用这些运算符时总是会涉及到变量的类型,例如1,数学运算符如果用一个字符串来进行数学运算会发生什么呢?代码如下:var t="a原创 2015-11-18 20:26:39 · 951 阅读 · 0 评论 -
JSWindow对象
一:获取浏览器距离屏幕的距离:IE:screenTop;screenLeft;FF:screenY;screenX;特别提醒:FF中获取的高度是屏幕顶到浏览器顶部的高度,而IE中获取的高度是屏幕顶到文档顶部的高度;二:获取浏览器本身的宽高:IE:innerWidth,innerHeight;全部兼容:document.documentElement.clientWi原创 2015-11-21 21:25:58 · 521 阅读 · 2 评论 -
JS字符串对象
本节主要内容:找到指定位置的字符:mystring.charAt(num);返回指定位置的字符串的编码:mystring.charCodeAt(num);找到指定字符第一次出现的位置:mystring.indexOf();找到指定字符最后一次出现的位置:mystring.lastIndexOf();检索字符串中是否有该值:mystring.match();替换其中的一些原创 2015-11-21 16:55:13 · 405 阅读 · 0 评论 -
用CSS实现三角形
#sanjiao{width: 0;height: 0;overflow: hidden;border-width: 10px;border-color: transparent transparent red transparent; //将transparent改为其他颜色会很轻松的看到其形成过程!border-style: dashed dashe原创 2016-01-02 22:47:28 · 247 阅读 · 0 评论 -
流体布局CSS3中 calc()的使用 顺带box-sizing
平时在制作页面的时候,总会碰到有的元素是100%的宽度。众所周知,如果元素宽度为100%时,其自身不带其他盒模型属性设置还好,要是有别的,那将导致盒子撑破。比如说,有一个边框,或者说有margin和padding,这些都会让你的盒子撑破。我们换句话来说,如果你的元素宽度是100%时,只要你在元素中添加了border,padding,margin任何一值,都将会把元素盒子撑破(标准模式下,除IE怪异原创 2016-01-03 21:22:33 · 584 阅读 · 0 评论 -
子元素浮动后,父元素自动撑开的办法,一般都是高度
一,子元素最后加上二,父元素中设置overflow:hidden;属性原创 2016-01-03 22:05:20 · 4316 阅读 · 0 评论 -
CSS中margin-top属性失效问题解决
CSS属性有很多值得学习的地方,你对CSS中margin-top属性失效的解决方法是否熟悉,这里和大家分享一下,相信通过本文的介绍你对margin-top属性失效的解决方法一定会有深刻的认识。关于margin-top属性失效的解决方法常出现两种情况:(一)margin-top失效先看下面代码:div> divclassdivclass="box1">float:转载 2016-01-28 11:19:53 · 1002 阅读 · 0 评论 -
h5拖动
HTML5允许对页面元素进行拖动,只要在元素的属性中加上draggable="true",就可以拖动了。在拖动的同时,必须记录被拖动的元素,通过在元素上注册事件ondragstart即可实现,比如规定了一个img元素可以拖动,代码如下:function drag(event){event.dataTransfer.setData("Text",ev.targ转载 2015-12-26 09:02:40 · 2382 阅读 · 0 评论 -
HTML5 <label> 标签
标签为 input 元素定义标注(标记)。label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。 标签的 for 属性应当与相关元素的 id 属性相同。 Male Female原创 2016-01-09 20:45:02 · 1069 阅读 · 0 评论 -
div中的文字上下左右居中
如何将div层中的文字上下左右居中对齐?如何将div层中的文字上下左右居中对齐?------解决方案--------------------其实用两个值就可以了text-align:center;//这是让文字左右居中line-height:100px;//这是让文字垂直居中vertical-align:middle;//这个属性不能原创 2015-12-23 22:03:00 · 8176 阅读 · 0 评论 -
每一个css样式写完都要写分号!!!
每一个css样式写完都要写分号!!!原创 2016-01-23 21:04:25 · 1656 阅读 · 0 评论 -
prototype/call
//call()//调用一个对象的一个方法,以另一个对象替换当前对象。//call([thisObj[,arg1[, arg2[, [,.argN]]]]])//参数//thisObj//可选项。将被用作当前对象的对象。//arg1, arg2, , argN //可选项。将被传递方法参数序列。//说明转载 2015-12-03 23:00:43 · 367 阅读 · 0 评论