- 博客(37)
- 资源 (2)
- 收藏
- 关注
原创 vue-组件
文章目录1.组件使用1.1 组件创建1.2 组件注册(局部和全局)1.组件使用1.1 组件创建创建所需的vue文件即可,可放在创建的类似component文件夹下。1.2 组件注册(局部和全局)1.局部注册如何注册组件:在需要挂载的父组件内部直接引入子组件(1)引入子组件文件//设置的文件名异同都可。import topnav from './component/topnav';import leftmenu from './component/leftmenu';import
2021-04-08 15:31:58 320
原创 vue-基础语法
文章目录1.书写用户代码2.1.书写用户代码主文件设置用户代码片段(1)打开管理小图标,选中用户代码片段。(2)搜索vue.josn文件创建代码片段:(如下图实例)(3)通过以上方式,便可在vue文件中使用 template显示出设置的代码块(便捷)2....
2021-01-24 23:10:06 395 1
原创 Git使用
文章目录1.Git 配置2.Git 工作流程3.使用 GitGit 是一个开源的分布式版本控制系统,用于敏捷高效地处理任何或小或大的项目。1.Git 配置查看配置信息 $ git config --list配置个人信息$ git config --global user.name "xxx"$ git config --global user.email xx@xxx.com2.Git 工作流程克隆 Git 资源作为工作目录。在克隆的资源上添加或修改文件。如果其他人修改了,你
2020-07-27 18:33:30 327
原创 关于ES6--变量的解构赋值
文章目录1.数组的解构赋值- 完全解构/不完全解构- 允许指定默认值2.对象的解构赋值ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring)。1.数组的解构赋值//es5var a=1;//直接指定值var b=2;var c=3;//es6 模式匹配let [a, b, c] = [1, 2, 3];- 完全解构/不...
2020-04-20 21:51:08 239
原创 关于ES6--let/const命令
文章目录1.let和const命令(1)let :声明变量(2)constECMAScript 2015(简称 ES2015)这个词,也是经常可以看到的。它与 ES6 的区别是:ES6 的第一个版本,就这样在 2015 年 6 月发布了,正式名称就是《ECMAScript 2015 标准》(简称 ES2015)。2016 年 6 月,小幅修订的《ECMAScript 2016 标准》(简称 E...
2020-04-20 18:46:20 230
原创 mysql
文章目录mysql的操作:1.数据库操作2.mysql的数据类型3.数据表操作MySQL 是最流行的关系型数据库管理系统,在 WEB 应用方面 MySQL 是最好的 RDBMS(Relational Database Management System:关系数据库管理系统)应用软件之一。数据库(Database)是按照数据结构来组织、存储和管理数据的仓库。mysql的操作:(写完语...
2020-04-15 15:45:11 325
原创 Bootstrap框架--Less
文章目录1.变量(Variables)2.运算(Operations)3.混合(Mixins)4.嵌套(Nesting)5.转义(Escaping)6.函数(Functions)7.映射(Maps)Less (Leaner Style Sheets 的缩写) 是一门向后兼容的 CSS 扩展语言。LESS 为 CSS 赋予了动态语言的特性,如变量、继承、运算、函数。LESS 既可以在客户端上运行...
2020-04-05 10:46:30 289
原创 Bootstrap框架--全局CSS样式
文章目录1.概括2.栅格系统3.排版4.代码5.表格6.表单7.按钮8.图片9.辅助类Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架,使得 Web 开发更加快捷。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。在201...
2020-04-04 19:57:36 775
原创 js数据类型
文章目录1.ECMAScript中的5种基本数据类型:2. JS 的8种数据类型1.ECMAScript中的5种基本数据类型: Null UndefinedNull和Undefined的区别:null表示"没有对象",即该处不应该有值。typeof null ->"object"典型用法是:(1) 作为函数的参数,表示该函数的参数不是对象。(2) 作为对...
2020-03-25 12:36:48 173
原创 原生js实现Ajax方法
文章目录1.Ajax简述2.实现Ajax关键:XMLHttpRequest 对象步骤:1.Ajax简述AJAX是“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。2.实现Ajax关键:XMLHttpRequest 对象所有的异步交互都是通过XMLHttpRequest对象实现的。它用于幕后与服...
2020-03-14 19:59:48 477
原创 正则表达式
文章目录一、验证方法二、正则表达式三、常用正则表达式许多程序设计语言都支持正则表达式进行字符串操作一、验证方法RegExp (正则表达式)对象方法test() 方法用于检测一个字符串是否匹配某个模式,返回值为 true / false var tel = "15189469911";//字符串 var reg = new RegExp(/1[3578][0-9]{9...
2020-02-23 17:32:32 147
原创 关于jQuery--效果 动画
1. 基本<!--测试文本 1 2 3--><button class="btn">点击</button><div class="block" style="width: 200px;height: 200px;background:red;"></div>成比例缩放(1) show([s,[e],[fn]]) 显示$...
2020-02-20 15:32:05 158
原创 关于jQuery--筛选
文章目录1.过滤2.查找3.串联1.过滤<!--测试文本--><ul> <li></li> <li></li> <li class="l3"> <span></span> </li> <li></li...
2020-02-17 15:31:59 185
原创 关于jQuery--事件对象
事件对象 eve.currentTarget // 在事件冒泡阶段中的当前DOM元素 ,当前点击的目标元素 eve.data //事件传递的数据 eve.delegateTarget1.7+ //在事件委托中 获取委托的元素 eve.isDefaultPrevented() //返回值true/false 是否使用过preventDefault eve.i...
2020-02-17 13:47:25 169
原创 关于jQuery--事件
文章目录1.页面载入2.事件处理3.事件切换4.事件1.页面载入ready(fn)$(document).ready(function(){});2.事件处理<!--测试文本--><button class="btn">提交</button><ul> <li></li> <li class=...
2020-02-17 12:54:26 193
原创 关于jQuery--文档处理
文章目录1.内部插入2.外部插入3.包裹4.替换5.删除6.复制测试代码,可在编辑器中查看效果。1.内部插入<!--测试文本--><!--1.内部插入 2.外部插入--><div class="par"> <div class="child"></div></div><div class="sm...
2020-02-17 10:48:25 224 1
原创 关于jQuery--css部分
文章目录1.css2. 位置3.尺寸1.csscss(name|pro|[,val|fn])1.9* ( 操作元素css样式)获取(参数:name):$("button").css("width");设值:(1) 单个样式(参数:name,val):$("button").css("height","200px");(2) 多个样式(参数:pro):$("button").css...
2020-02-15 23:22:37 151
原创 关于jQuery--属性操作
文章目录1.属性2.CSS 类3.HTML代码/文本/值1.属性<!--测试代码--><input type="text" value="1"><input type="text" value="2">(1) attr(name|pro|key,val|fn)获取元素属性 $("input:text").attr("value");设置元...
2020-02-14 17:29:48 171
原创 关于jQuery--选择器
文章目录1.基本选择器2.层次选择器3.基本筛选器4.内容选择器5.可见性选择器6.属性选择器7.子元素选择器8.表单元素选择器9.表单对象属性选择器10.混淆选择器jquery的选择器使用的是cs1-cs3 所有选择器。如下演示:jquery如何通过选择器进行对dom元素的获取?1.基本选择器<!--html测试文本--><button id="b" class=...
2020-02-14 15:08:27 251
原创 关于jQuery--简介
jQuery是一个JavaScript库(框架),极大的简化了JavaScript编程。它设计的宗旨就在于“write Less,Do More”,通过对JavaScript常用的功能代码进行封装,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。同时也处理了浏览器之间的兼容性。jQuery框架如何引入到网页里面?引入位置:在<...
2020-02-14 10:33:40 191
原创 如何用js检测一个元素是显示还是隐藏
js 判断元素是显示还是隐藏<head> <meta charset="UTF-8"> <title>Title</title> <style> div{ width: 100px; height: 20px; border:...
2020-01-08 14:05:33 1208
原创 事件委托的实现机制?实例?
文章目录事件的委托是什么?事件代理?1)委托的原理2)委托怎么用?(1) 固定节点的事件委托(2) 动态增加节点的事件委托事件的委托是什么?事件代理?前面总结了事件监听(addEventListener)的使用方法,其实用它直接绑定新的元素可能会报dom不存在的错误。先不说它是为什么会出现这种情况;重点是我们要解决:未来不清楚会创建多少个节点,没办法实现给它们注册事件的这个难题,就要用到事...
2019-12-25 16:22:38 974
原创 关于JavaScript--HTML DOM之事件绑定
文章目录1.元素的事件绑定方法一:在DOM元素的行内直接绑定事件方法二:直接动态绑定事件2. 事件的监听(事件类型不带on)谈谈回调函数是什么❓冒泡还是捕获1) 冒泡2)捕获1.元素的事件绑定HTML DOM可以让JavaScript对HTML事件做出反应。 dom 元素的常用事件有哪些:(下图为菜鸟教程官网内容,仅供个人整理和学习)了解了常用事件之后,就可以去进行元素的事件...
2019-12-24 14:53:05 325
原创 关于JavaScript -- HTML DOM之元素(节点)的获取 、操作
文章目录获取HTML元素(节点)1. 动态获取方式2. 固定获取方式在了解了HTML DOM的含义和理念之后,本文就HTML DOM如何获取文档内容进行探讨。获取HTML元素(节点)访问HTML元素也是访问节点。以下总结三种获取方法:1. 动态获取方式以获取元素button的内容为例: <button class="btn" name="but" id="btn_1">按钮...
2019-12-23 15:14:43 3323
原创 关于JavaScript--HTML DOM之定义文档
文章目录HTML DOM是什么?HTML DOM是什么?DOM 的全称是Document Object Model,指文档对象模型。是W3C制定的标准接口规范,是一种处理HTML和XML文件的标准API。作为DOM标准的一大部分,HTML DOM提供了对整个文档的访问模型,将文档作为一个树形结构,树的每个节点表示了一个HTML标签或标签内的文本项。DOM树结构精确地描述了HTM...
2019-12-23 12:44:57 193
原创 关于JavaScript--选择结构 循环结构
文章目录条件语句1. if2. if...else3. if...else if...else4. if嵌套无论学习某一门编程语言,都是建立在顺序、选择、循环结构三大流程控制语句的基础上。本文针对JavaScript的条件语句、循环语句进行总结和整理。条件语句 属于逻辑运算,只有true或者false两种结果。条件为true时,语句才执行。 boolean类型值(在条件语句中):0(...
2019-12-20 18:43:19 256
原创 关于JavaScript--函数
文章目录1. 常规函数2. 匿名函数3. 自执行函数函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。以下总结三种定义函数:常规函数 匿名函数 自执行函数1. 常规函数注:和变量一样,常规函数也会声明提前 。1)无参无返回值类型//为了验证常规函数的声明提前,将方法的执行放在前面 test(); function test(){ consol...
2019-12-19 00:07:11 169
原创 关于JavaScript--基础
文章目录1. 注释2. 使用方法3. 输出4. 变量5. 数据类型6. 作用域7. 运算符学了定义网页内容的 HTML 和 描述网页布局的 CSS 之后,紧接着来学习一下实现网页行为的 JavaScript 吧!JavaScript 是轻量型的脚本语言,且注意:区分大小写。1. 注释JavaScript 的注释方法是:单行://多行:/* */2. 使用方法1)内嵌可以在H...
2019-12-17 21:19:39 214
原创 关于HTML5
文章目录1.新的特殊内容元素2. 音频 / 视频在学习过HTML的基础上,继续来学习HTML5(目前HTML最新的修订版本),它增添了很多有趣的新特性。1.新的特殊内容元素之前在做网页时,都是用的标签<div>。往往给它定义为一个id="“或class=”"的块,并且为之添加样式,所以说标签本身是无意义的,是通过我们定义样式而有了特定的含义。比如说;<div id="...
2019-12-03 20:11:33 175
原创 关于CSS--选择器
本文包含CSS1&2和CSS3所有的选择器介绍。文章目录CSS选择器1. 类选择器2. 标签选择器(又称元素 / 类型选择器)3. ID选择器4. 伪类选择器5. 关系选择器(1)后代选择器(又称包含选择器)(2)父子选择器(3)相邻兄弟选择器(4)兄弟选择器8. 选择器分组 / 通用选择器8. 派生选择器9. 属性选择器CSS选择器了解各种选择器的使用,我们就可以更好地去完成...
2019-11-21 23:59:42 181
原创 如何下载及使用网页制作中的 iconfont 矢量字体图标?
谈到iconfont直译是字体图标,没错它就是。只要做过网页的筒靴们肯定知道它是什么,上图说: 文字前面有颜色的小图标就是iconfont,那肯定有人好奇那,它为什么这样称呼,和一般图标又有什么区别?它该怎么下载和使用呢?别急别急,一步一步解答:1.关于定义由来之所以叫字体图标,就因为我们可以把这样的图标当做字体一样设置样式。2. 关...
2019-11-13 17:00:59 1331 2
原创 在制作网页中,该如何解决z-index属性的失效情况?
在制作网页中,该如何正确使用z-index属性呢?请注意:本文重在讨论z-index问题,所以没有编辑关于具体的样式呈现代码。关于z-index属性,我在前面的博客里总结了它的使用方法。不过,在实操中对它又有了不同的认识。以某东购物车为例:我们需要实现当它hover的时候,下面出现二级框:那我们要实现它呢,在z-index方面: 要是以平时,大框嵌套二级框,作为它的父元素,用...
2019-11-13 15:52:58 298 2
原创 CSS样式小技巧
文章目录1. 设置一个元素的边框和轮廓2. 使用标签的次序3. 设置margin 值4. box-shadow (阴影)5. 设置框中溢出的文字为省略号6. 渐变(Gradients)(1) 线性渐变(linear-gradient)做网页时,注重每一个小细节,精益求精。1. 设置一个元素的边框和轮廓当在制作网页的时候,有时默认存在的边框线,点击元素浏览器会出现轮廓是很不美观的。比如说...
2019-11-06 19:31:18 216
原创 关于CSS--定位属性
文章目录1. CSS 定位(1). position 属性(2). 水平居中2. 实例(1). 如何设置鼠标图标成手状(2).如何区分定义列表(表单)的元素1. CSS 定位 简而言之,CSS定位属性允许对元素进行定位。CSS 有三种基本的定位机制:普通流、浮动和绝对定位。一般处于普通流,通过设置可以改变为浮动流和绝对定位。(1). position 属性-----static...
2019-10-29 23:43:46 269
原创 关于CSS--基础样式、盒子模型和颜色
文章目录CSS1.样式表的引用方法2.属性对HTML的基础内容有一定了解后,我继续进入CSS的学习。CSS 层叠样式表(Cascading Style Sheets), 是一种可以用来表现HTML等文件样式的计算机语言。1.样式表的引用方法注意:其中例子中的标签可以是任何标签(1). 行内样式表(在标签内...
2019-10-23 18:13:26 1831 1
原创 关于HTML
Web全栈在过去的一两个月里,我也曾为自己该选择哪个方向而迷茫过。可能出于对前端的莫名欢喜,我最终决定学习它,努力进阶Web全栈。新的开始在拥有持之以恒的信念的前提下,就应该切入正题了。对前端有过一些了解的同学,都听说过“三剑客”,没错,HTML,CSS,Javascript.全新的界面设计 ,将会带来全新的写作体验;在创作中心设置你喜爱的代码高亮样式,Markdown 将代码片显示...
2019-10-16 19:34:20 423 1
原创 Web全栈_决定了就去做吧
Web全栈在过去的一两个月里,我也曾为自己该选择哪个方向而迷茫过。可能出于对前端的莫名欢喜,我最终决定学习它,努力进阶Web全栈。新的开始在拥有持之以恒的信念的前提下,就应该切入正题了。我将记录每一次的学习总结,在巩固基础的同时,也希望能带给大家一些帮助。学习工具在进入学习之前,还是需要下载一些好用的工具。1.关于浏览器:(兼容性较好)(1) 谷歌浏览器 (直接去官网下载就好了)...
2019-10-14 17:12:21 298 1
Wish电商平台.zip
2020-04-23
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人