- 博客(28)
- 收藏
- 关注
RSS订阅原创 vue环境搭建与部分基本语法
一、环境搭建二、部分基本语法一、环境搭建1.安装nodejs检测node是否安装成功，在cmd（开始>搜索>cmd）中输入命令，node -v,返回结果应为所安装nodejs的版本号。注：nodejs自带npm（vue集成开发环境需借助npm远程下载包，国内使用cnpm）2.安装cnpm搜索淘宝镜像：在cmd中输入上述截图中的指令（注意：不带$符...
2019-08-12 01:01:59
196
原创 Bootstrap基础入门
一、Bootstrap简介二、排版属性三、布局模式四、媒体查询五、栅格系统一、Bootstrap简介 bootstrap:全球最受欢迎前端组件库，用于开发响应式布局，移动设备优先的WEB项目。 bootstrap是一套用于HTML、CSS和JS开发的工具集。利用我们提供的Sass变量和大量mixin、响应式栅格系统、可扩展的预制组件、基于j...
2019-07-23 01:36:11
232
原创 jquery——dom元素
一、jquery简介 Jquery：是一个轻量级的js函数库，是开源的框架库。1.所需基础知识：HTML和css2.包括功能：（1）html元素选取 （2）html元素操作 （3）html事件函数 （4）html DOM遍历和修改 ...
2019-07-13 00:55:56
288
原创 canvas
一、canvas简介Canvas API(画布)是在HTML5中新增的标签用于在网页实时生成图像，并且可以操作图像内容，基本上它是一个可以用JavaScript操作的位图(bitmap)。Canvas 对象表示一个 HTML 画布元素 -<canvas>。它没有自己的行为，但是定义了一个API支持脚本化客户端绘图操作。二、canvas使用1.canvas元素...
2019-07-06 00:46:43
163
原创 js继承
解释：js继承就是当设置一个父类方法时，子类可以不用再另外设置与父类相同的属性，而是直接继承父类的属性。作用：做面向对象的开发以及框架库的封装。一、定义父类：// 定义一个动物类function Animal (name) {// 属性this.name = name || 'Animal';// 实例方法this.sleep = function(...
2019-06-30 16:51:42
140
1
原创 AJAX——异步请求
一、简介1.功能简介ajax:全称“Asynchronous JavaScript and XML”（异步JavaScript和XML），是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。主要用来做半动态项目，用来连接前后端，达到更良好的用户体验。2.优势传统web交互缺点：流量损耗大；缓存过多。ajax：局部刷新...
2019-06-20 22:44:55
680
原创 正则表达式
一、定义 正则表达式是一种字符串的语法规则，也是一种可以用于模式匹配和替换的规则，主要用来处理文本和字符串。一个正则表达式是由普通的字符（如字符a到z）以及特殊字符（元字符）组成的文字模式，用以描述在查找文字主体时待匹配的一个或多个字符串。二、常用元字符元字符 在正则表达式中的写法 意义 . 代表任何一个字符 \d \\d 代...
2019-06-13 22:27:04
188
原创 闭包
一、闭包的概念闭包就是能够读取其他函数内部变量的函数。由于在javascript中，只有函数内部的子函数才能读取局部变量，所以说，闭包可以简单理解成“定义在一个函数内部的函数“。所以，在本质上，闭包是将函数内部和函数外部连接起来的桥梁。二、闭包的用途闭包可以用在许多地方。它的最大用处有两个，1.一个是可以读取函数内部的变量。2.另一个就是让这些变量的值始终保持在内存中，...
2019-06-06 16:12:09
100
原创 枚举
一、枚举1.实例var meiju={}; meiju.name="小七"; meiju.sex="男"; meiju.eat=function (){ return "正在吃饭！" } console.log(meiju); console.log(meiju.eat());输出结果：1.object2.正在吃...
2019-06-06 15:43:18
120
原创 JS里常用内置对象——Date、Array、Math、String
一、Date最主要的作用就是用来处理时间和日期。1.创建Date1.new Date()2.var a=new DATE()2.Date对象方法（常用）.toUTCString() 根据世界时，将Date对象转化为字符串 toDateString() 把Date的日期部分换为字符串 toISOString() 根据ISO标准返回字符串的日期格式 ...
2019-05-30 14:15:39
463
原创 JS计时事件——setInterval、setTimeout
一、计时事件的两个关键方法是：setInterval、setTimeout优点：可以设置时间缺点：切换到其他页面或缩小窗口时不能停止计时1.setInterval:间隔指定的毫秒数不停地执行指定的代码语法：window.setInterval("javascript 函数",毫秒数);实例：1）一次性延时器（只能执行一次）setTimeout(function (...
2019-05-30 14:15:05
365
原创 js--dom元素
一、dom元素的事件1.键盘事件onkeydown(键盘按下) onkeyup(键盘抬起) onkeypress(按键事件)2.表单事件onfocus(获得焦点) onblur（失去焦点）3.鼠标事件onclick（单击） ondbclick （双击） onmouseleave(水平离开) onmouseout（离开） onmousemov...
2019-05-22 21:15:38
182
原创 数组的冒泡排序和选择排序
1.冒泡排序冒泡排序(BubbleSort)的基本概念是:依次比较相邻的两个数，将小数放在前面，大数放在后面。即首先比较第1个和第2个数，将小数放前，大数放后。然后比较第2个数和第3个数，将小数放前，大数放后，如此继续，直至比较最后两个数，将小数放前，大数放后。重复以上过程，仍从第一对数开始比较(因为可能由于第2个数和第3个数的交换，使得第1个数不再小于第2个数)，将小数放前，大数...
2019-05-22 21:14:55
292
原创 css3 box弹性布局
1.弹性布局（1）属性display:flex; 把容器转化为弹性布局flex-direction: 规定里面的元素按照什么方式来布局row 项目水平显示 row-reverse 以相反的顺序水平显示 column 项目垂直显示 colummn-reverse 以相反的方向垂直显示 align-items 子元素在y 轴上对其的方式 ...
2019-05-09 14:52:58
166
原创 css3 渐变、文本效果与滤镜
1.渐变语法：background: linear-gradient (direction, color-stop1, color-stop2, ...);线性渐变（横向）<body><div class="b"></div></body><style>.b { width: 200px; ...
2019-05-09 14:52:37
350
原创 css3 里面的动画——帧动画
1.属性解释动画名称：animation-name: 起个名字;动画执行时间：animation-duration: 写个时间;动画执行方式：animation-timing-functionlinear 匀速 ease 开始时慢，然后加快，在结束前再次变慢 ease-in 以低速开始 ease-out 以低速结束 ease-in-ou...
2019-05-09 14:52:18
385
原创 css3 里的动画——过渡动画
1.属性：transition需要规定内容：（1）指定要添加效果的CSS属性（2）指定效果的持续时间。注意：如果未指定的期限，transition将没有任何效果，因为默认值是0。属性解释：transition-delay 动画的延迟transition-delay:1s;transition-duration 动画的执行时间transition-duration: ...
2019-05-09 14:51:56
175
原创 css3 里面的动画——2d、3d动画
1.2d 动画属性：transform 适用于2D或3D转换的元素 transform-origin 允许更改转换元素位置 转换方法：matrix(n,n,n,n,n,n) 定义 2D 转换，使用六个值的矩阵。 translate(x,y) 定义 2D 转换，沿着 X 和 Y 轴移动元素。 translateX(n) 定义 2D 转换，沿着...
2019-05-09 14:51:24
263
原创 css3里的边框与背景
1.css3 边框 border-radius 创建边框圆角 box-shadow 添加盒子阴影 border-image 使用图像创建一个边框 用法举例：（1）边框圆角<div class="box"></div><style> .box{ widt...
2019-05-09 14:51:03
143
原创 html5 标签
一.html 5新添元素标签 描述 <canvas> 标签定义图形，比如图标和其他图像。 <audio> 定义视频（video 或者 movie） <source> 定义多媒体资源 <video> 和 <...
2019-05-09 14:50:35
152
原创 CSS中的三大样式
1.行内样式复合样式 border: 1px solid silver border-left:1px solid silver border-left-style:solid border-left-color:silver border-left-width:1px; border-right:1px solid silver border-top:1px ...
2019-04-18 12:46:12
447
原创 网页中的表格
网页中的表格，现在我们来做一个四行四列的表格，代码如下：<body><table width="500" cellspacing="0" border="1"> <tr> <td>1</td> <td>2</td> <td>3</td...
2019-04-18 12:45:58
2403
原创 盒子容器（block）
做两个盒子容器，body部分代码如下：<body> <div class="block_left"> 我是盒子 </div> <div class="block_right"> </div></body>现在来设置通用样式： *{ margin: 0; ...
2019-04-18 12:45:42
497
原创 伪类
锚伪类：a:link {color: #ff000} /*未访问的链接*/a:visited {color: #ff000} /*已访问的链接*/a:hover {color: #ff000} /*鼠标移动到链接上*/a:active {color: #ff000} /*选定的链接*/body 部分代码如下：<body><a href="#">...
2019-04-18 12:45:26
110
原创 头菜单
1.写出主体部分，body代码如下（ul>li,清除li文字样式的点）<body><ul class="menu"> <li class="menu_li">首页</li> <li class="menu_li">薪资要求</li> <li class="menu_li">职位...
2019-04-18 12:45:12
135
原创 横向下拉菜单
1.设置body部分（block>ul.menu>li>span）<body><div class="block"> <ul class="menu"> <li> <span>卡一</span> </li> &...
2019-04-18 12:44:56
655
原创 新手入——常用HTML元素大纲及基本知识
1.常用元素列表<!--...--> 定义注释 <!DOCTYPE> 定义文档类型 <a> 定义锚 <body> 定义文档的主体 <br> 定义简单的折行 <button> 定义按钮 <caption> 定义表格标题 <center&g...
2019-04-18 12:44:34
221
原创 选项卡
1.body部分代码来了~~<body> <div class="block"> <div class="block_left"> <ul class="left_menu"> <li><a href="#">家用电器</a> ...
2019-04-18 12:43:58
124
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人