前端
关注
分享
扫一扫
文章平均质量分 61
欧皇小德子
这个作者很懒，什么都没留下…
展开
-
前端 -＞ Vue.js 教程
文章目录css预处理器idea安装vue插件vue导包:vue cdn:百度or官网v-bind:指令 绑定v-if,v-else,v-else-if 判断v-for 遍历事件--v-onvue7个常用属性v-model:双向绑定template:组件axios:通信计算属性插槽slot删除splice自定义事件(不懂)vue入门小结安装node.js第一个vue-cli应用安装webpack使用webpackvue-router路由运行
文章目录jQuery基本选择器js选择器(原生选择器)jQuery基本选择器 1. ID选择器 ID选择器#id就是利用DOM元素的id属性值来筛选匹配的元素，并以iQuery包装集的形式返回给对象。 使用公式:$("#id") 示例：$("#box") //获取id属性值为box的元素 <input id='box'/> 2. 元素选择器 元素选择器是根据元原创 2020-11-29 15:16:48 · 12470 阅读 · 3 评论 -
前端 -＞ jQuery 语法
文章目录jQuery 语法详细参考菜鸟教程 jQuery 语法jQuery 语法通过 jQuery，您可以选取（查询，query） HTML 元素，并对它们执行"操作"（actions）。Query 语法jQuery 语法是通过选取 HTML 元素，并对选取的元素执行某些操作。基础语法： $(selector).action()美元符号定义 jQuery选择符（selector）"查询"和"查找" HTML 元素jQuery 的 action() 执行对元素的操作实例:$(th原创 2020-11-29 16:09:00 · 115 阅读 · 0 评论 -
前端 -＞ jQuery 选择器
文章目录jQuery 选择器元素选择器#id 选择器.class 选择器更多选择器详细参考菜鸟教程jQuery 选择器jQuery 选择器jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"（或选择）HTML 元素。它基于已经存在的 CSS 选择器，除此之外，它还有一些自定义的选择器。jQuery 中所有选择器都以美元符号开头：$()。元素选择器jQuery 元素选择器基于元素名选取元素。在页面中转载 2020-11-29 16:16:04 · 163 阅读 · 0 评论 -
前端 -＞ jQuery click() 方法
文章目录jQuery click() 方法详细参考菜鸟教程jQuery click() 方法jQuery click() 方法单击 <p> 元素时警报文本：$("p").click(function(){ alert("段落被点击了。");});定义和用法当单击元素时，发生 click 事件。click() 方法触发 click 事件，或规定当发生 click 事件时运行的函数。语法触发被选元素的 click 事件：$(selector).click(原创 2020-11-29 16:19:17 · 349 阅读 · 0 评论 -
前端 -＞ jQuery - Ajax
文章目录jQuery - AJAX 简介jQuery - AJAX load() 方法jQuery - AJAX get() 和 post() 方法jQuery $.get() 方法jQuery $.post() 方法Ajax 鼠标离开搜索框就弹出消息(失去焦点)Ajax 数据库回传动态刷新数据Ajax 数据库回传动态提示用户名是否错误详细参考菜鸟教程jQuery - AJAX 简介AJAX 是与服务器交换数据的技术，它在不重载全部页面的情况下，实现了对部分网页的更新。什么是 AJAX？AJA原创 2020-11-30 08:36:30 · 319 阅读 · 0 评论 -
前端 -＞ CSS笔记
文章目录css带入方式选择器CSS样式列表样式背景图片渐变:[https://www.grabient.com/](https://www.grabient.com/)盒子模型css带入方式优先级:就近原则,谁离代码近谁优先选择器基本选择器层次选择器:结构伪类选择器属性表达式CSS样式字体文本样式阴影超链接伪类:鼠标悬停改变状态列表样式背景图片渐变:https://www.grabient.com/盒子模型...原创 2020-11-30 08:41:01 · 112 阅读 · 0 评论 -
前端 -＞ 区分一下： ＜br＞, ＜br/＞ 以及 ＜br /＞（带有空格）
<br> 是 HTML 写法。是 XHTML1.1 的写法, 也是 XML 写法。<br/> 是 XHTML 为兼容 HTML 的写法,也是 XML 写法。HTML5 因为兼容 XHTML，所以三种写法都可以使用。早期发布的 HTML 规范当中，<br> 与 <img> 等元素是不用封闭自身的，但是这种元素造成了 HTML 规范的不严谨于是在之后发布的 XHTML 语言中，参考了更为严谨的 XML 规范在这些不用自身封闭的元素后加 / 来表示自行原创 2020-12-03 13:51:39 · 16503 阅读 · 0 评论 -
前端 -＞ JavaScript typeof操作符
typeof 操作符你可以使用 typeof 操作符来检测变量的数据类型。实例typeof "John" // 返回 stringtypeof 3.14 // 返回 numbertypeof false // 返回 booleantypeof [1,2,3,4] // 返回 objecttypeof {name:'John', age:34} // 返回 object原创 2020-12-03 20:19:57 · 154 阅读 · 0 评论 -
前端 -＞ JavaScript 正则表达式
文章目录JavaScript 正则表达式详细参考菜鸟教程JavaScript 正则表达式语法/正则表达式主体/修饰符(可选)其中修饰符是可选的。var patt = /runoob/i实例解析：/runoob/i 是一个正则表达式。runoob 是一个正则表达式主体 (用于检索)。i 是一个修饰符 (搜索不区分大小写)。正则表达式修饰符修饰符 可以在全局搜索中不区分大小写:修饰符 描述i 执行对大小写不敏感的匹配。g 执行全局匹配（查找所有匹配而非在找到第一原创 2020-12-04 09:04:39 · 155 阅读 · 0 评论 -
前端 -＞ JavaScript 表单验证(onsubmit)
表单验证(onsubmit):先验证再提交到action,如果是false就不提交<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <script> function validateForm() { let byId = document.原创 2020-12-04 10:01:33 · 907 阅读 · 0 评论 -
前端 -＞ JavaScript this 关键字
文章目录JavaScript this 关键字详细参考菜鸟教程JavaScript this 关键字this 的多种指向: 1、在对象方法中， this 指向调用它所在方法的对象。 2、单独使用 this，它指向全局(Global)对象。 3、函数使用中，this 指向函数的所属者。 4、严格模式下函数是没有绑定到 this 上，这时候 this 是 undefined。 5、在 HTML 事件句柄中，this 指向了接收事件的 HTML 元素。 6、apply 和 call 允许切换函原创 2020-12-04 10:33:29 · 141 阅读 · 0 评论 -
前端 -＞ JavaScript Promise更加优雅地书写复杂的异步任务,异步函数（async function）
文章目录构造 Promise异步函数（async function）详细查看菜鸟教程构造 Promise现在我们新建一个 Promise 对象：//resolve 和 reject 都是函数，其中调用 resolve 代表一切正常//reject 是出现异常时所调用的：new Promise(function (resolve, reject) { // 要做的事情...});//new一个 promisenew Promise(function (resolve, rejec原创 2020-12-04 11:33:08 · 241 阅读 · 2 评论 -
前端 -＞ JavaScript arguments 对象,内置的对象 arguments 对象
文章目录arguments 对象通过值传递参数通过对象传递参数详细查看菜鸟教程arguments 对象JavaScript 函数有个内置的对象 arguments 对象。argument 对象包含了函数调用的参数数组。通过这种方式你可以很方便的找到最大的一个参数的值：<!DOCTYPE html><html><head><meta charset="utf-8"><title>菜鸟教程(runoob.com)</tit原创 2020-12-04 11:54:24 · 180 阅读 · 0 评论 -
前端 -＞ JavaScript闭包
文章目录JavaScript 闭包详细查看菜鸟教程的笔记JavaScript 闭包<script>var add = (function () { var counter = 0; return function () {return counter += 1;}})();function myFunction(){ document.getElementById("demo").innerHTML = add();}</script>理解原创 2020-12-04 13:22:57 · 148 阅读 · 0 评论 -
前端 -＞ jQuery 遍历
文章目录jQuery 遍历 - 祖先jQuery parentsUntil() 方法jQuery 遍历 - 后代jQuery 遍历 - 同胞(siblings)详细查看菜鸟教程jQuery 遍历 - 祖先向上遍历 DOM 树这些 jQuery 方法很有用，它们用于向上遍历 DOM 树：parent()parents()parentsUntil()jQuery parent() 方法parent() 方法返回被选元素的直接父元素。该方法只会向上一级对 DOM 树进行遍历。下面的例子原创 2020-12-04 16:58:03 · 200 阅读 · 0 评论 -
前端 -＞ Art-template 第一个官方实例
文章目录上结果:目录结构:html:方法上结果:目录结构:html:<!DOCTYPE HTML><html><head> <meta charset="UTF-8"> <title>basic-demo</title> <!-- 引入js文件--> <script src="../../lib/template-web.js"></script>&l原创 2020-12-05 15:42:35 · 215 阅读 · 0 评论 -
前端 -＞ XMLHttpRequest属性简要
0: (Uninitialized) the send( ) method has not yet been invoked. 1: (Loading) the send( ) method has been invoked, request in progress. 2: (Loaded) the send( ) method has completed, entire response received. 3: (Interactive) the response is being pars.原创 2020-12-13 11:42:51 · 248 阅读 · 0 评论 -
前端 -＞ JavaScript 方法, jQuery 方法
文章目录javascript:; 使得href="javascript:; "点击链接后不做任何事情javascript:; 使得href="javascript:; "点击链接后不做任何事情都是执行一个空事件。<a href="####"></a><a href="javascript:;"></a><a href="javascript:void(0)"></a>...原创 2020-12-14 14:47:10 · 256 阅读 · 1 评论 -
前端 -＞ Plupload 一个Web浏览器上的界面友好的文件上传模块
文章目录方法列表：属性集合：事件集合:（up为uploader缩写）方法列表：Uploader(setting)：创建实例的构造方法var uploader = new plupload.Uploader({ runtimes : 'gears,html5,flash',browse_button : 'button_id'});bind(event, function[, scope])：绑定事件uploader.bind('Init', function(up) { alert('原创 2020-12-14 20:48:25 · 472 阅读 · 0 评论 -
前端 -＞ zTree -- jQuery 树插件
文章目录详细参考官方网址:上图setting 配置详解 zTree 方法详解zTree v3.x 入门指南详细参考官方网址:上图setting 配置详解 zTree 方法详解参考:zTree v3.5.46 API 文档zTree v3.x 入门指南蓝奏云css文件下载:你也可以去官方的地方下载考虑到还是会有第一次使用 zTree 的朋友，因此入门指南不能少至少让大家快速明白如何开始制作一棵属于自己的树。步骤 1、文件准备将需要使用的 zTree v3.x 相关的 js、css原创 2020-12-23 11:27:49 · 650 阅读 · 0 评论 -
前端 -＞ JavaScript 查看附件功能(在目录树中查看图片,pdf等附件)
文章目录需要的结果:1.点击触发按钮打开附件窗口2.将URL传入后端,获取的json3.用回调的json创建目录4.点击触发目录节点显示窗口show(因为是在公司做的,所以不会很详细,只是做笔记留用)需要的结果:读取指定路径文件夹下的所有文件,并生成目录树1.点击触发按钮打开附件窗口1.Html节点写好2.监听函数-SelectFuJian()是该功能的主要js类 <li id="SelectFuJian"><a href="#">查看附件</a&原创 2020-12-23 20:05:51 · 1996 阅读 · 0 评论 -
前端 -＞ HTML标签,事件
文章目录HTML ＜html＞,＜head＞,＜title＞,＜body＞,＜p＞,＜h＞标签HTML 实例中文编码HTML ＜table＞,＜tbody＞标签HTML table 标签HTML tbody 标签HTML input 标签HTML script 标签HTML 事件属性全局事件属性窗口事件属性（Window Event Attributes）表单事件(Form Events)键盘事件（Keyboard Events）鼠标事件（Mouse Events）多媒体事件(Media Events)其他原创 2020-12-27 20:07:11 · 1392 阅读 · 0 评论 -
前端 -＞ JavaScript prototype原型对象；原型链
JavaScript prototype原型对象;原型链prototype原型对象:可以看成父类,但是其实不是,字面意思就很清楚,原型是自己可以这样说定义一个函数A,没有new,没实例化虽然没有实例化,但是js会偷偷new一个叫做原型对象的玩意指向它,每个函数都会有一个所以原型对象可以看做实例化的特殊对象,有且只有一个而且以后我们自己new的都会继承这个对象(理解成继承吧)也差不多可以把原型对象看成object类所有的函数自己new的实例都指向 唯一 一个 原型对象,就跟大家都是继原创 2021-01-13 18:24:12 · 209 阅读 · 0 评论 -
前端 -＞ Attribute和property的简单理解
Attribute:属性就简单理解为是Html中才会出现的东西<div id="div1" class="divClass" title="divTitle" title1="divTitle1"></div>id,class,title,title1都是atribute对应的值就是对应的value值用getAttribute(‘id’)的时候就可以获取对应的valueproperty:属性就简单理解为是js等有对象的语言中的属性 var id =原创 2021-01-06 17:59:43 · 698 阅读 · 0 评论