随笔分类 - 前端
摘要：前端学习(html、css、js、jQuery) Vue学习
阅读全文
摘要：事件操作 常见事件 事件 描述 click() 单击事件 dbclick() 双击事件 hover() 鼠标指针悬停事件和鼠标指针离开事件 focus() 聚焦事件 blur() 失焦事件 绑定方式 // 第一种 $().click(function(){ }) // 第二种 $().on('cli
阅读全文
摘要：标签操作 样式操作 class属性操作 jQuery语法 相当于DOM 描述 addClass() classList.add() 添加class属性值 removeClass() classList.remove() 移除class属性值 hasClass() classList.contains
阅读全文
摘要：查找标签 jQuery中的选择器都是基于CSS选择器的。 基本选择器 基本选择器 描述 $('#id') id选择器 $('.class') class选择器 $('tagName') 标签选择器 例子 描述 $('div#d1') 选择div标签中id值为d1的 $('div,#d1') 同时选择
阅读全文
摘要：jQuery简介 基本介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：“Write less, do mo
阅读全文
摘要：在JS中，事件指的是达到某个条件，自动触发的功能，比如：单击输入框实现某些功能。 常用事件 事件 描述 鼠标事件 onclick 用户单击对象 ondblclick 用户双击对象 onmousedown 鼠标按钮被按下 onmousemove 鼠标被移动 onmouseout 用户从对象上移开鼠标
阅读全文
摘要：运算符 算术运算符 运算符 描述 例子 x 运算结果 + 加法 x=5+2 7 - 减法 x=5-2 3 * 乘法 x=5*2 10 / 除法 x=5/2 2.5 % 取余 x=5%2 1 ++ 在后是先使用后自增1在前是先自增1在使用 x=5++x=++5 56 -- 在后是先使用后自减1在前是先
阅读全文
摘要：JavaScript简介 JavaScript简称JS，也是一门前端的编程语言。 引入方式 1.在script标签直接书写 <script> // 在这里写你的JS代码 </script> 2.外部引入js文件 <script src="myscript.js"></script> 变量与注释 注释
阅读全文
摘要：前端 前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页，简单的来说就是与用户进行交互的界面就是前端。 前端的技术有很多，比如HTML、CSS、JavaScript、JQuery等等，但是如果作为一个后端开发工程师，那么前端只需要学习HTML、CSS、JavaScript这三个技
阅读全文
摘要：HTML HTTP协议与HTML HTML标签 CSS CSS选择器 CSS属性 JS 简介 基本数据类型 运算符与流程控制 函数与对象 BOM操作与DOM操作 事件 jQuery jQuery简介 标签查找 操作标签 事件操作与动画效果 bootstrap框架 bootstrap框架
阅读全文
摘要：bootstrap框架 bootstrap框架内部提供了很多好看的标签样式和功能，我们只需要在编写时给标签加上class属性值就可以使用样式了。 在使用bootstrap框架之前，需要导入css、js，如果要使用动态效果还需要jQuery。 详情：全局 CSS 样式 · Bootstrap v3 中
阅读全文
摘要：BOM操作 BOM（Browser Object Model）是指浏览器对象模型，它使 JavaScript 有能力与浏览器进行“对话”。 Window 对象表示浏览器中打开的窗口，在调用window对象的方法和属性时，可以省略window对象的引用。例如：window.open()可以简写成：op
阅读全文
摘要：函数 JS中function关键字用于定义函数。 无参函数 function f1() { console.log("Hello world!"); } //调用函数 f1() // Hello world! 有参函数 有参函数在调用函数时，参数传少了没传的参数会以undefined传入；参数传多了
阅读全文
摘要：数据类型 typeof可以查看数据的数据类型。 数值(Number) 整数或浮点数 var a = 1 var b = 1.1 var c = 1e5 // 1 * (10 ^5) typeof a // 'number' typeof b // 'number' typeof c // 'numb
阅读全文
摘要：宽和高 属性 描述 width 设置元素宽度 height 设置元素高度 块级标签才能设置宽度，内联标签的宽度由内容来决定。 /*p标签的宽度设为100px，高度设为50px*/ p { width:100px; height:50px; } 字体样式 属性 描述 font-family 设置字体样
阅读全文
摘要：CSS简介 CSS是装饰页面的技术。 语法结构 选择器 { 属性名1:属性值1; 属性名2:属性值2; ... } 语法注释 /*注释内容*/ 引入css的方式 1.head标签中的style标签内部直接编写css代码 2.head标签中的link标签引入外部css文件 3.标签内部通过style属
阅读全文
摘要：head内常见标签 一般的网页中head都会有如下标签 <head> <meta /> <title>Title</title> <link /> <style></style> <script></script> </head> 标签 意义 <title></title> 定义网页标题 <styl
阅读全文
