前端学习(十）初识js（笔记）

js事件(公有属性) onclick="" 当点击...时! onmouseover="" 当鼠标移入...时!onmouseout="" 当鼠标移出...时! alert(1) ---可以弹出一个1! 注意:css用双引号,js用单引! 总结: 1.点击谁,就给谁添加事件! 比如说点击div,就给div添加事件 <div onclick=“”></div> 2.让谁改变就给它起id名! docume…

前端学习(十八）js的json（笔记）

json: 数组: 1.有序 var arr=[2,1,3,4] arr[0]; 2.有length 3.普通for 4.下标数字 5.添加删除 splice json: 1.无序 var json={b:2,a:1,c:3} json.a 2.没有length 3.for in 4.字符串 5.添加删除: json.name=1 delete json.name --------------------------------------…

前端学习(十四）js回顾和定时器（笔记）

回顾知识点: 作用域: 1.全局变量:在任何位置都可以使用的变量 2.局部变量:只能在函数内部使用的变量 3.闭包:子函数可以使用父函数的局部变量 -------------------------------------------var a=12;function show(){ var a=23; alert(a);---23(变量的遮蔽)} show();alert(a)--12 =================…

前端学习(十二）js数据类型（笔记）

选项卡: for循环 for(初始值,条件,自增){} for(var i=0; i<9;i++){} 几个按钮对应相同个内容!!! ------------------------------ 若干个按钮对应一个内容!!! ---------------------------------------------------- 字符串: ***只要在网页中js里面出现带引号的都是字符串! 1.汉字必须是字符串! 2.单词不带引号,也没报错,它是变量 3.不…

前端学习(十九）jquery（笔记）

jquery:库,框架 js,别人封装成的js 官网:http://jquery.com/ -----------------------------------1.7 ----------jq 1.X 兼容ie6jq 2.x 兼容ie9+ 怎么来选择库: 基于需求!--------------------------------- 稳定版本! 准备: 库: 帮助手册: -------------------------------------------------原…

前端学习(十三）js运算符（笔记）

类型转换: 1.强制类型转换:(数字字符串转数字) parseInt() parseFloat() Number()--严格转换 NaN: 不是一个数字,但是它属于number类型 2.隐私转换: 加法转换:(数字转换成字符串) a++: 减法:(字符串转换数字) 属于严格类型转换! ====================================================1.oBtn.onclick=function(){ …

前端学习(十七）js数组（笔记）

数组: 1. var arr=[1,2,3,4]; 2. var arr=new Array(1,2,3,4,5); 区别: 1.写法不一样,选择第一种(好写) 2.选择第一种! ----------------------------------关于数组方法: 1.push(要添加的值);往里添加一个! var arr=[1,2,3,4] arr.push(888); 默认是往后面添加一个!-------------------…

前端学习之touch.js与swiper学习

Touch.js是移动设备上的手势识别与事件库,改框架基于原生js,操作简单,主要分drag,swipe,rotate,scale,tab,hold,touch操作. swiper是一个移动端触摸滑动插件,经常用于移动端的滑动触摸操作.内容较多,以后继续学习.今日不做描述.=..=…

前端学习－使用JS库Leaflet.js生成世界地图并获取标注地址经纬度。

介绍:Leaflet是一个开源的JavaScript库,对移动端友好且对地图有很好的交互性. 大小仅仅只有 33 KB, 同时具有大多数地图所需要的特点. Leaflet设计的非常简单易懂, 同时具有很好的性能和易用性. 它在桌面端和移动端都工作的相当高效,并有大量的插件用于扩张Leaflet的功能.微信公众号:673399718嘻嘻demo图如下: 使用leaflet.js生成世界地图非常方便,配置参数记录下,有兴趣的可以看看本例中引入jquery操作dom.首先:在页面的头部引入css文件c…

salesforce lightning零基础学习(十) Aura Js 浅谈三: $A、Action、Util篇

前两篇分别介绍了Component类以及Event类,此篇将会说一下 $A , Action以及 Util. 一. Action Action类通常用于和apex后台交互,设置参数,调用后台以及对结果进行处理.可以通过component.get("c.functionName")创建一个action类的变量,functionName对应后台@AuraEnabled声明的方法.通过$A.enqueueAction可以将action加入队列中等待执行. 常用方法如下: 1.setPara…

前端学习资源（js）

JavaScript JavaScript | MDN JavaScript 秘密花园 JavaScript 标准参考教程(alpha) 给 JavaScript 初心者的 ES2015 实战 Collections for JavaScript JavaScript中文网 ES6 手册 ES6中Arguments和Parameters用法解析 ES6 ECMAScript 6入门 JavaScript Promise 迷你书 Babel-handbook 函数式编程&柯里化 Functiona…

前端学习数据库MYSQL

这篇文章主要写了 1.数据库MYSQL 2.基本上会遇到的所有SQL语句数据库可视化软件------Navicat 数据库里边存放的是表,表与表之间是有关联的,而且可以对表进行相关操作(增,删,改,查): 表格的行代表记录(一条数据) 列代表字段或属性主键能唯一的代表某一条记录的列(或者叫字段)主键不能重复外键:表中的某一列的值是别的表的主键的值,该列就叫外键 ( 设置外键时要注意2个表的这俩列,必须类型保持一致,且一张表外键的值,必须在另一张表里有) MySQL常用的俩种表格类型 M…

vue—你必须知道的 js数据类型前端学习 CSS 居中事件委托和this 让js调试更简单—console AMD && CMD 模式识别课程笔记（一） web攻击 web安全之XSS JSONP && CORS css 定位 react小结

vue—你必须知道的目录更多总结猛戳这里属性与方法语法计算属性特殊属性 vue 样式绑定 vue事件处理器表单控件绑定父子组件通信过渡效果 vue经验总结 javascript 经验总结更多总结猛戳这里属性与方法不要在实例属性或者回调函数中(例如,vm.$watch('a', newVal => this.myMethod())使用箭头函数.因为箭头函数会绑定父级上下文,所以 this 不会按照预期指向 Vue 实例,然后 this.myMethod 将是未定义.…

前端学习:JS(面向对象)代码笔记

前端学习:JS(面向对象)代码笔记前端学习:JS面向对象知识学习(图解) 创建类和对象创建对象方式1调用Object函数 <body> </body> <script type="text/javascript"> //新建英雄:刘备 var hero=new Object(); hero.name='刘备'; hero.blood=100; hero.weapon='双股剑'; hero.attack=function(){ return th…

前端学习:学习笔记(JS部分）

前端学习:学习笔记(JS部分) 前端学习:JS学习总结(图解) JS的简介 JS基本语法 JS内置对象 JS的函数 JS的事件 JS的BOM JS的DOM JS的简介新建步骤 <body> 1.新建Dynamic Web Project 2.在WebContent中Folder新建一个JS目录(文件夹) 3.新建HTML文件 </body> JS基本语法内嵌JS代码 <body> <input type="button" value=…

每天成长一点---WEB前端学习入门笔记

WEB前端学习入门笔记从今天开始,本人就要学习WEB前端了. 经过老师的建议,说到他每天都会记录下来新的知识点,每天都是在围绕着这些问题来度过,很有必要每天抽出半个小时来写一个知识总结,及时对一天工作的一个小结,也是对自己知识的一个梳理,之前特别喜欢记在本子上,不过长期的不用,就会发现记在本子上很容易就忘,所以后面开始写博客.首先,它并不单单是对自己的一些技术心得的总结亦或是一些技术讨论,更重要的是对自己不断学习提高的一种要求和检验,一种技术沉淀.其次,通过技术博客我们可以彼此分享一些技术经验…

【前端】Web前端学习笔记【1】

... [2015.12.02-2016.02.22]期间的学习笔记. 相关博客: Web前端学习笔记[2] 1. JS中的: (1)continue 语句 (带有或不带标签引用)只能用在循环中. (2)break 语句 (不带标签引用),只能用在循环或 switch 中. (通过标签引用),break 语句可用于跳出任何 JavaScript 代码块: =======================================================================…

前端学习：JS面向对象知识学习（图解）

前端学习:JS面向对象知识学习(图解) 前端学习:JS(面向对象)代码笔记 JS面向对象图解知识全览创建类和对象方式1:使用Object()函数方式2:使用自变量方式3:使用工厂函数创建多个对象方式4:构造函数静态成员和实例成员静态成员实例成员原型构造函数的原型内存图方式一方式二方式三对象的原型打印对象的原型构造函数和原型中同时存在方法的时候对象__proto__和构造函数的prototype 三角关系:构造函数原型对象对象/实例属性查找规则注意点…

前端学习：JS学习总结（图解）

前端学习:JS学习总结(图解) JS的代码笔记 JS比HTML和CSS的知识点要多的多,下面分几段来介绍其内容... 为了能让大家更好的检索,前面的图解是整个JS的概括,后面的才是知识点... 旁边就是目录,建议用目录来观看本博客...... JS的知识体系 JS的简介 JS基本语法 JS内置对象 JS的函数 JS的事件 JS的BOM JS的DOM JS的简介 JS是什么? JS能做什么? JS的历史及组成 JS的引入方式 JS基本语法变量原始数据类型引入数据类型运算符逻辑语句 JS…

前端学习：学习笔记（HTML部分）

前端学习:学习笔记(HTML部分) HTML学习总结(图解) HTML简介 1.HTML是什么? 超文本标记语言超文本:文字/图片/音频/视频.... 标记/标签 2.HTML的用途? 是用来编写静态网页的. 搭建整个网页的. 3.区分正斜杠和反斜杠? / 正斜杠 \ 反斜杠 4.开始标签和结束标签 <html> <body> <div> </div> <div> </div> </BODY> </html>…

Vue学习笔记-vue-element-admin 前端学习

一使用环境开发系统: windows 后端IDE: PyCharm 前端IDE: VSCode 数据库: msyql,navicat 编程语言: python3.7 (Windows x86-64 executable installer) 虚拟环境: virtualenvwrapper 开发框架: Django 2.2 二 Vue学习笔记-vue-element-admin 前端学习官网: https://panjiachen.gitee.io/vue-element-admin-…

web前端学习之旅笔记01--HTML

web前端学习之旅笔记01--HTML HTML最容易上手,但也易忘,实际开发中有时需要查阅官方文档,小伙伴们别忘了哟! HTML 教程 (w3school.com.cn) HTML是网页的骨架负责页面的结构,css负责表现,js负责行为 HTML概述: HyperText Mark-up Language 意思是超文本标记语言,超文本指超链接,标记指标签,这个扩展名为.html或.htm的文本文件使用浏览器打开,被浏览器按标签描述渲染成网页,显示的网页可以跳转到对应的网页. HTML基本结构:…

【前端】Web前端学习笔记【2】

[2016.02.22至今]的学习笔记. 相关博客: Web前端学习笔记[1] 1. this在 JavaScript 中主要有以下五种使用场景在全局函数调用中,this 绑定全局对象,浏览器环境全局对象为 window . 作为对象方法使用,this 绑定到该对象. 在对象a的方法b内部的函数c中,this 也绑定全局对象,应该绑定到方法b对应的对象a上.这是 JavaScript的缺陷,解决方法:用that捕捉. 在构造函数中,this 绑定到新创建的对象. 使用apply或call调用函…

Web前端学习笔记(001)

....编号 ........类别 ............条目 ................明细....................时间一.Web前端学习笔记 2016年6月15日10:38:53 /****************************************************************begin******************************…

web前端学习笔记

web前端学习笔记(CSS盒子的定位) 相对定位使用相对定位的盒子的位置常以标准流的排版方式为基础,然后使盒子相对于它在原本的标准位置偏移指定的距离.相对定位的盒子仍在标准流中,它后面的盒子仍以标准流方式对待它. 使用relative,即相对定位,除了将position属性设置为relative之外,还需要指定一定的偏移量,水平方向通过left或者right属性来指定,竖直方向通过top和bottom来指定.以下为后面实验的基准代码. <html xmlns="http://w…

前端学习之——js解析json数组

** 前端学习之——js解析json数组** 解析json数组即对JSONArray的遍历一.对于标准的json数组如: var result=[{"flag":1,"macId":"2","mbId":0,"userName":"XXX"},{"flag":1,"macId":"1","mbId":1,&…

前端学习：学习笔记（CSS部分）

前端学习:学习笔记(CSS部分) CSS的学习总结(图解) CSS的引入方式和书写规范 CSS的插入方式_内嵌样式 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body>  <div style="…

值得H5前端学习的60个JS插件(含DEMO演示)

下面也可以说是H5前端学习的js插件大全.基本包含了大部分的前端最前沿的js插件和库. 布局 SuperEmbed.js- 是一个Javascript库,可检测出网页上的内嵌视频并使他们能够变成响应式元素.demo ScrollReveal- ScrollReveal插件使用户能够无比轻松地创建桌面和移动浏览器的网页滚动动画.demo Bricks.js- 是一款超快的用于固定宽度元素的“砖石”布局生成器.demo ————————————————————————————————————————…

前端学习（十五）：了解 Javascript

进击のpython ***** 前端学习--了解JavaScript Javascript是一种运行在浏览器中的解释型的编程语言还记得我们在说python的时候提过解释型和编译型的区别在解释型语言中,代码自上而下运行,且实时返回运行结果.代码在执行前,无需由浏览器将其转化为其他形式. 与此同时,编译型语言代码能够运行之前需要先转化(编译)成另一种形式.比如 C/C++ 先被编译成汇编语言,然后才能由计算机运行. 那为什么我们要学习JavaScript呢?答案是,没有选择! 因为在web中只有…

大前端学习笔记整理【一】CSS盒模型与基于盒模型的6种元素居中方案

概览 CSS盒模型,规定了元素框来处理元素的内容.内边距.边框和外边距的方式元素部分是指内容部分,也是最实际的内容,包围内容的称之为内边距,内边距外围是边框,边框外围就是外边距:且外边距是透明的,所以并不会阻挡其后的元素 * { margin: 0; padding: 0; } 这是在CSS中最常见的初始化CSS的代码,用于覆盖浏览器的默认样式浏览器兼容性大多数浏览器都会按照上面的图示来呈现内容.然而 IE 5 和 6 的呈现却是不正确的.根据 W3C 的规范,元素内容占据的空间是由 w…

【前端学习(十）初识js（笔记）】的更多相关文章