- 博客(52)
- 收藏
- 关注
RSS订阅
原创 Vue创建项目步骤
Vue框架使用vue简介MVVM的介绍vue项目步骤vue项目目录详解运行vue可以自动打开浏览器如何使用less写样式vue简介Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。...
2019-09-23 10:41:36
83100
13
原创 数组引用类型与基本类型的区别
数组引用类型引用类型和基本类型的区别引用类型和基本类型的区别引用类型：赋值，传递的是地址 里面的值都指向了同一个空间，都在堆内存中基本类型：变量赋值，传递的是值在栈内存保存数据，在堆内存中的地址引用；栈内存用的是堆内存里面的地址区别引用类型和基本类型的区别：<script type="text/javascript"> var arr=[90,80];...
2019-04-20 16:49:56
2313
原创 字符串与数组的异同点
字符串与数组异同点共同点不同点例题共同点都可以遍历都有length都可以通过索引取值 str[索引] arr[索引]不同点遍历方式不同：数组：for、for in、forEach 字符串：for字符串不能修改，数组可以修改类型不同：数组：赋值的是地址字符串： 赋值的是值例题返回一个只包含数字类型的数组(nsjgds312jiehks645jdesgv978)...
2019-04-20 16:32:03
1841
1
原创 数组内置方法 排序方法
数组内置方法 排序方法排序方法排序方法排序方法： 修改了原数组sort: 排序(不是升序降序) 默认是按照字符串排序 sort返回值:对数组的引用。请注意，数组在原数组上进行排序，不生成副本。reverse: 倒叙 元素位置颠倒(第一个跑到最后一个，最后跑到第一个)该方法会改变原来的数组，而不会创建新的数组。sort例题：创建一个数组，并按照...
2019-04-20 15:27:27
1518
原创 3D正方体旋转
3D正方体旋转3D正方体旋转，当点击正方体时，正方体停止旋转3D正方体旋转，当点击正方体时，正方体停止旋转<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>正方体</title> <style> *{ ma...
2019-04-20 14:28:30
2897
原创 JavaScript图片轮播图
轮播图四张图片每隔2秒换下一张四张图片每隔2秒换下一张<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> *{padding: 0;...
2019-04-20 13:40:18
1584
原创 js实现表格结构
js实现表格使用js和函数实现表格使用js和函数实现表格1.用js代码实现以上结构2.用函数实现(封装)3.思考题：点击‘删除’按钮，删除该行<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title>...
2019-04-16 20:41:07
1774
原创 异常处理语句
异常处理语句throw语句catchfinally 语句try...catch..finally语句try 语句测试代码块的错误。catch 语句处理错误。throw 语句创建自定义错误。finally 语句在 try 和 catch 语句之后，无论是否有触发异常，该语句都会执行。throw语句throw语句的作用是抛出一个异常。所谓的抛出异常就是用信号通知系统发生了异常情况或错误...
2019-03-30 15:26:18
3096
原创 if条件语句
JavaScript基本语句条件语句if语句if...else语句条件语句所谓条件控制语句就是对语句中不同条件的值进行判断，进而根据不同的条件执行不同的语句。条件的控制语句主要有两类：一类是if语句以及该语句的各种变种：另一类是switch多分支语句。if语句if语句是最基本，最常用的条件控制语句，通过判断条件表达式的值为true或者false,来确定是否执行某一条语句。if(expre...
2019-03-30 11:05:03
7624
原创 Animation.css动画效果属性
Animation.css动画效果属性安装使用写法规则animation.css支持的动画种类支持延时效果（delay效果延时执行）和加速（speed效果执行所花费的时间）使用示例安装npm install animate.css --save 或者 yarn add animate.css 或者直接下载使用<head> <link rel="stylesheet"...
2020-01-06 17:17:24
11332
原创 box-shadow:阴影效果和属性
box-shadow:阴影效果和属性语法下面有几张图，可以清晰的了解使用css代码也来理解一下一些阴影效果单边阴影效果双边阴影及多重阴影效果其他一些有意思的阴影其他效果CSS3 box-shadow 属性用来描述一个元素的一个或多个阴影效果;语法/* offset-x | offset-y | color */box-shadow: 60px -16px teal; /* offs...
2020-01-06 14:25:02
8338
原创 移动端页面性能优化方案
移动端页面性能优化方案加载优化使用首屏加载按需加载预加载压缩图片减少Cookie异步加载第三方资源脚本执行优化CSS优化JavaScript执行优化渲染优化如何优化HTML5在移动设置上的性能表现，首先我们需要明确以下几个原则：PC优化手段在Mobile侧同样适用。在Mobile侧我们提出三秒种渲染完成首屏指标。基于第二点，首屏加载3秒完成或使用Loading。基于联通3G网络平均33...
2019-12-13 16:25:05
9064
原创 链接跳转:在本页面跳转
链接跳转:在本页面跳转为什么要使用`href=”javascript:void(0);”`？`href=”javascript:void(0);”`与`href=”#"`的区别：使用javascript的方法href=”javascript:void(0);”这个的含义是，让超链接去执行一个js函数，而不是去跳转到一个地址，而void(0)表示一个空的方法，也就是不执行js函数。为什么要...
2019-12-12 15:16:50
14228
原创 图片、图标、代码资源网站
图片、图标、代码资源网站程序员必备的相关资源网站一、网页设计篇二、图片篇（1）三、图片篇（2）四、图片素材网址汇总篇五、免费图片网站六、web前端开发篇七、图标篇八、代码网站篇网站地址网站设计篇DOOOOR创客贴图帮主懒设计拼图软件ColorHuntSiteInspireCollectUIlogopond图片篇LibrestockStockSnapiphone6papers500pxUnsplas...
2019-12-11 16:44:41
10175
原创 Git命令
Git命令主要的几个命令创建版本库修改和提交查看提交历史撤销分支与标签合并与衍合远程操作master：默认开发分支； origin：默认远程版本库； Head：默认开发分支；主要的几个命令git add # 将工作区的修改提交到暂存区git commit # 将暂存区的修改提交到当前分支git reset # 回退到某一个版本git stash # 保存某次修改git pull # ...
2019-11-06 13:52:07
727
原创 Chrome浏览器安装vue调试工具
Chrome浏览器安装vue调试工具Chrome浏览器安装vue调试工具步骤：Chrome浏览器安装vue调试工具步骤：在Github官网下载vue-devtools压缩包：https://github.com/vuejs/vue-devtools解压压缩包，然后进入到vue-devtools-master文件夹中；输入npm install命令进行下载安装；安装完之后...
2019-11-05 10:26:57
1481
原创 国内淘宝镜像
国内淘宝镜像临时使用淘宝镜像持久使用淘宝镜像验证是否成功查看目录使用取消淘宝镜像我们通过npm命令下载node模块时，因为访问的是国外网站，所以可能会出现下载很缓慢或者是直接下载失败的状况，我们可以通过配置国内镜像来解决，一般我们配置的是淘宝镜像 npm镜像；npm下载东西的时候就是会比较慢，一般我们会使用淘宝镜像可以提高下载速度；临时使用淘宝镜像npm --registry https:...
2019-11-01 15:03:21
872
原创 nodejs环境变量配置
nodejs环境变量配置一、下载node.js配置环境变量最后进行测试一、下载node.js打开官网下载链接：https://nodejs.org/en/download/开始安装点击【Next】按钮勾选复选框，点击【Next】按钮修改好目录后，点击【Next】按钮安装完后点击【Finish】按钮完成安装至此Node.js已经安装完成，可以先进行下简单的测试安装是否...
2019-11-01 14:29:34
1092
原创 Windows下如何查看端口被谁占用
Windows下如何查看端口被谁占用命令行方法命令行方法*Win+R 调出命令行窗口，输入netstat -aon|findstr "输入要查询的端口号(这里以8081为例)"找到指定行最后一列的数字(PID)，我们这里的是 9548;输入tasklist|findstr "9548"，发现是 javaw.exe占用了8081端口；再次输入 taskkill /F /T /im...
2019-10-12 10:33:25
801
原创 Vuex使用
Vuex使用简介为什么要用vuexVuex 应用场景单向数据流理念Vuex 有五种属性：State、Getter、Mutation、Action、ModuleVuex 核心流程不用Vuex会带来什么问题?简介Vuex 是一个专门为Vue.js应用程序开发的状态管理模式；也其实就是一个仓库管理着应用里面所有组件的状态。为什么要用vuex有的时候项目较大时，组件嵌套过多的时候，多组件共享同一个...
2019-09-26 17:54:44
766
原创 Ajax使用
Ajax简介应用场景使用方法readyStateAjax遵循HTTP协议GET请求POST请求同步和异步xhr.open() 方法XMLHttpRequest API 总结响应数据格式XML 被淘汰JSON缓存问题缓存问题解决方案URL加戳 (推荐使用）服务端设置响应头兼容方案AJAX请求封装jQuery中的AJAX简介Ajax 就是浏览器提供的一套API，可以通过JavaScript调用...
2019-09-26 13:34:08
845
原创 Vue登录
Vue登录登录实现步骤一、在components创建一个Login.vue文件二、先搭建一个单页面组件的框架给form和两个input框绑定数据，给表单控件绑定用v-model表单验证请求远程服务器登录登录错误处理跳转处理跨域，在config/index.js中的dev对象加上设置cookie登录实现步骤一、在components创建一个Login.vue文件二、先搭建一个单页面组件的框架...
2019-09-25 18:13:51
900
原创 正则
正则什么是正则表达式正则测试工具正则表达式的特点常见的正则元字符身份证空行换行邮箱邮编网址日期一年的12个月（01-09和1-12）一个月的31天（01-09和1-31）中文域名密码常用函数什么是正则表达式正则表达式是对字符串操作的一种逻辑公式，能够让计算机读懂的字符串匹配规则。正则测试工具http://www.bejson.com/othertools/regex_create/ht...
2019-09-25 16:20:10
752
原创 jQuery简易小游戏之“贪吃蛇”
jQuery简易小游戏之“贪吃蛇”html代码片段html代码片段<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><style type="text/css"...
2019-09-25 13:58:10
906
原创 jQuery效果之“满天星”
jQuery效果之“满天星”html代码片段js代码片段css代码片段引入的是jquery-1.11.1.js 文档html代码片段<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <l...
2019-09-25 13:55:21
1021
原创 jQuery效果之“日出日落”
jQuery效果之“日出日落”html代码片段js代码片段css代码片段html代码片段<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" h...
2019-09-25 13:51:08
1235
原创 跨域解决方案总结
跨域概念同源策略跨域跨域解决方案方法一、JSONP总结JSONP弊端jQuery 中对JSONP 支持方法二、CORS概念同源策略同源策略是浏览器的一种安全策略，所谓同源是指域名、协议、端口完全相同，只有在同源的地址才可以相互通过AJAX的方式请求。跨域就是当协议、域名、端口任意一个不相同时，都算是不同域，不同域之间相互请求资源，就是“跨域”。跨域解决方案方法一、JSONPJSON...
2019-09-25 13:45:17
1124
原创 Vue常用UI库
Vue常用UI库常用的UI组件库Mint UIElementAnt Design of VueAnt Design of Vue 按需加载Vant UIRem适配PostCss配置Lay UI常用lay ui属性表单元素初始化值监听事件表单验证（表单验证要写在表单提交之前，在提交时会自动验证）表单提交分页器layui表格常用的UI组件库Mint UI主页：https://mint-ui.gi...
2019-09-24 15:18:59
1249
原创 webpack使用
webpackwebpack概述四个核心概念安装webpackwebapck配置webpack概述1、webpack 是一个现代JavaScript应用程序的模块打包器（特点：module、 bundler）2、webpack 是一个模块化方案 （预编译）3、webpack 获取具有依赖关系的模块，病生成表示这些模块的静态资源；4、webpack 将带有依赖的各个模块打包处理后，变成了...
2019-09-24 15:18:49
775
原创 vue组件和组件之间的通讯
vue组件和组件之间的通讯组件简介全局组件局部组件动态组件异步组件组件之间通讯组件简介组件系统是vue的一个重要的概念，它允许我们使用小型、独立和通常可复用的组件构建大型应用。创建组件的两种方式：1、全局组件 2、局部组件1、全局组件通常使用 Vue.component(tagName,{option})的格式注册；2、局部组件在实例中的components中注册；注意：1、要确...
2019-09-23 17:24:44
855
原创 vue生命周期
vue生命周期生命周期简介生命周期简介简单来说：就是一个组件从开始到销毁所经历的各种状态，就是一个组件的生命周期；生命周期钩子函数的定义：从组件被创建，到组件挂载到页面上运行，再到页面关闭组件被卸载，这三个阶段由很多事件组成然后被统称为组件的生命周期函数；注意：vue在执行过程中会自动调用 “生命周期钩子函数” ，我们只需要提供这些钩子函数即可；钩子函数的名称都是vue规定好的；...
2019-09-23 15:29:56
767
原创 Vue指令和事件修饰符
Vue指令和事件修饰符vue指令事件修饰符vue指令解释：指令是带有**v-**前缀的特殊属性作用：当表达式的值改变时，将其产生的连带影响v-text解释：操作元素中的纯文本栗子1：栗子2：注意：用{{}}的弊端：当网速很慢或者下面的JavaScript写错时，会直接将{{message}}渲染到页面而使用v-text="message" 如果出错是不显示的所以在实际...
2019-09-23 14:07:03
901
原创 JavaScript join() 方法
JavaScript join方法join() 方法join() 方法join: 将数组转化为字符串join(sp); 使用指定字符串将数组元素拼接为字符串语法： array.join(separator)；join返回值:返回一个字符串。该字符串是通过把 array 的每个元素转换为字符串，然后把这些字符串连接起来，在两个元素之间插入 separator 字符串而生成的。...
2019-04-20 16:24:30
941
原创 数组内置方法数组操作方法
数组内置方法数组操作方法数组操作方法concat() 方法unshift() 方法slice() 方法splice()数组操作方法concat() 方法用于连接两个或多个数组。语法：arra.concat(arrayX,arrayX,......,arrayX)；该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。concat返回值:返回一个新的数组。该数组是通过把所有 ...
2019-04-20 16:00:35
1151
原创 数组内置方法 队列方法
数组内置方法 队列方法队列方法队列方法队首 ------- 队尾队列：先进先出 修改了原数组push(): 在数组末尾追加元素shift(): 删除数组中第一个元素创建一个数组，并删除数组的第一个元素<script type="text/javascript">var arr = new Array(3)arr[0] =...
2019-04-20 15:14:35
735
原创 数组内置方法 栈方法
数组内置方法 栈方法栈方法栈方法栈方法：先进后出 修改了数组push(多个参数) 在数组末尾添加元素pop() 删除数组末尾元素<script type="text/javascript"> var arr=[]; arr.push(20); arr.push(30); arr.pop(); //输出...
2019-04-20 14:53:43
823
原创 两墙之间小球滚动
两墙之间小球滚动当点击开始的时候小球在两墙之间滚动，点击停止的时候小球停止当点击开始的时候小球在两墙之间滚动，点击停止的时候小球停止<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <st...
2019-04-20 14:21:38
909
原创 图片跟着鼠标移动
图片跟着鼠标移动例题：无论鼠标移动到哪儿，图片始终跟着鼠标<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> img{width: 5...
2019-04-16 20:45:24
726
原创 w3c事件
W3c事件添加事件移除事件点击切换事件添加事件addEventListener(事件名,事件函数,false)移除事件removeEventListener(事件名，事件函数,false)注意：删除事件时，保证删除的事件处理函数与添加时保持一致实例：<body> <button id="btn1">按钮</button> <button...
2019-04-16 20:34:04
842
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人