- 博客(81)
- 收藏
- 关注
RSS订阅原创 vue中同时监听多个参数
data中定义一个对象：data(){ return{ obj:{ name:'tom', age:24, gender:'男' } }}例如现在我想要监听obj中的name和age属性,那么此时,首先在计算属性中,筛出一个新的对象computed:{ 'newObj':function(){ const {name,age} = this.obj
2020-10-20 15:07:30
537
原创 304,301,302状态码的分析
1.304服务器可以设置缓存机制，这个功能是为了提高网站的访问速度，当你发出一个GET请求的时候服务器会从缓存中调用你要访问的内容，这个时候服务器就可以判断这个页面是不是更新过了，如果未更新过那么他会给你返回一个304状态码。2.301,302301，302都是HTTP状态的编码，都代表着某个URL发生了转移，不同之处在于：301redirect:301代表永久性转移(PermanentlyMoved)。302redirect:302代表暂时性转移(Temporar...
2020-10-20 14:58:21
1205
2
原创 在linux系统下安装配置mysql
在linux系统下安装配置mysql，并且在本地使用navicat连接mysql一、安装mysql在普通用户下使用如下命令下载mysql$ sudo apt-get install mysql-server根据提示输入用户名、密码即可（都设置成root方便记忆）安装完成二、配置mysql使用如下命令行，并根据提示输入密码，登录进入mysql$ mysql -uroot -p在mysql中分别执行代码GRANT ALL PRIVILEGES ON *.* TO
2020-10-19 11:05:58
567
原创 nodeJS中http模块
http模块用来创建服务器,内部编写服务器端的代码,处理前端发送的请求,并且给出响应具体步骤如下: 1.创建服务器,返回服务器对象 let serve = createServer((req,res)=>{ }) 此处req指的是请求,res指的是响应. 我们可以通过res.write()将数据返回给我们的页面,res.end()表示返回数据结束,具体的案例如下:let urlObj = url.parse...
2020-06-28 16:57:05
585
原创 小程序中 页面给方法传参 页面给页面传参
对于小程序来说,如果有vue或者react这些框架基础的话,学起来很容易上手. 但是要重点说一说的是小程序中的传参方式, 这篇博客主要从以下两个方面来说说传参1.页面给方法传参 比如现在想通过页面给方法传一个id值, .wxml文件中代码如下:<view bindtap='getData' data-id='1'></view> .js文件中代码如下: getData(e){ let id = e.currentTarget.data...
2020-06-28 16:42:07
1002
原创 小程序中的页面跳转redirectTo,switchTab,navigateTo,reLaunch
在小程序中页面跳转的方式有很多,但是可能很多人还是搞不清他们之间的区别,那这篇博客就是来讲一讲,小程序中这几个页面跳转也就是路由跳转的区别 1.navigeteTo 保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用wx.navigateBack可以返回到原页面。小程序中 页面栈最多十层 这个跳转方式是我们最常用到的,它在使用的时候触发的生命周期是onHide 指的是隐藏了之前的页面,所以我们可以使用nav...
2020-06-28 16:26:11
1689
2
原创 vue项目中使用multipart/form-data进行提交数据, 上传文件,upload,elementui
在前面的博文里我说到了提交文件到文件服务器, 也说到了以base64格式上传文件,那么本文就讲下以文件流的形式提交文件数据 在我们的原生表单中,提交文件很简单, 只需要将 enctype设置为multipart/form-data就可以实现提交了,但是在vue项目中,使用elementui中的表单组件,就不能够通过设置enctype来实现了. 首先看一下我们的表单代码,如下: <el-form :rules="rules" ref="form...
2020-05-20 09:40:47
19123
7
原创 vue中使用base64编码上传文件或者图片,以及base64编码的图片在img标签中使用
在我们开发的过程中,总会遇到上传的问题,如果不使用文件服务器的话,那么就需要我们对文件进行编码,然后发送给后台. 当然,后台也会给我们传送base64编码的文件或者是图片.最近的项目中就用到了base64编码,也是第一次写, 做为经验分享给你们. 那下面我们就来说一下base64编码在vue项目中的使用吧 html代码,此处用的是element-ui中的上传组件: ...
2020-04-22 10:56:45
2138
1
原创 vue项目中 使用百度地图 轨迹动画
在上篇博客中,介绍了如何在vue项目中集成百度地图,这篇博客主要是说如何在vue项目中使用轨迹动画 在项目开发过程中,比如你需要实时的观察一个人的行走路线,行走过程. 这个时候我们就需要在地图上使用轨迹动画了,根据不同的坐标点来设置人物或者车辆的行走轨迹. 具体代码如下:<template> <div class="patrol_area"...
2020-04-09 16:55:08
9510
19
原创 在vue中使用 百度地图
本篇文章主要讲述, 如何在vue项目中集成百度地图 1.首先找到你项目底下的index.html入口文件,这个根据不同的版本,所以存在的位置是不同的,具体如下: a.路径如下: 项目名/public/index.html b.路径如下: 项目名/index.html 找到index文件后,导入百度地...
2020-04-09 16:39:05
1400
原创 html+css实现呼吸灯效果
实现呼吸灯效果如下图所示: 具体代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> *{ box-sizing: border-bo...
2020-03-09 17:49:50
1045
原创 vue-element-template框架的登录问题
在我们使用vue-element-template框架开发的过程中, 肯定会遇到框架的登录问题 1.项目打包后默认登录有问题,登录不了 因为框架的数据是其自身的mock模拟出来的,而mock是部署在9527端口上的,而项目打包之后就不会运行在9527端口上了,所以打包后会出现登录不了这个问题 解决方式:第一，修改前端中登录的代码，实现不登录也能跳转主页。...
2020-03-09 15:38:18
3123
2
原创 vue项目element-ui组件打包后组件显示方框解决方式
在我们对vue项目进行打包的时候,会遇到一些组件问题,比如说分页组件的箭头,下拉框组件的箭头打包完成后会出现方框显示的问题.具体解决办法如下:1.找到项目底下build/utils.js文件2.添加 publicPath: '../../'完成后再进行项目打包就可以了...
2020-03-05 14:25:55
2623
1
原创 购买阿里云 与 安装ssh连接工具 xshell
购买阿里云 与 安装ssh连接工具一.阿里云阿里云购买链接https://www.aliyun.com/activity/promotion/campus2018?accounttraceid=786cec2a5858422ba9caaaf2495e837csfgn登录后选择购买”轻量级应用服务器”具体配置如下: 买完后找到自己的控制台,里面会有你刚刚购买的...
2020-02-19 16:28:17
1045
原创 javascript异步操作同步化
在javascript中,比如我们在请求数据的时候,举个例子,查询所有的文章列表, 接着拿到文章列表再去查询文章详情.这是两个请求,但是查询文章详情必然要拿到该文章的id,也就是查询文章详情的接口,需要在查询文章列表后来执行,否则就会拿不到文章的id.那如何保证先查询文章列表,再查文章详情呢???? 这就是异步操作的同步化, 以下是解决方案: 若查询文...
2020-01-09 11:22:01
1888
原创 Generator函数和async函数
一.Generator函数 1.定义 Generator函数是ES6提供的一种异步编程解决方案 , 语法上可以把Generator函数理解为一个状态机,封装了多个内部状态 2.语法 a. function关键字和函数名之间有个* b.函数体内部使用yield表达式,定义不同的内部状态 eg....
2020-01-09 10:47:22
670
原创 javascript中for in和for of的用法和区别
在js中循环遍历的方式有很多, 但是仍然有很多人搞不懂for in和for of的用法,下面加以阐述: var arr=[{name:'tom'},{name:'lucy'}]var obj = {name:'tom',age:12} 1.for in 多用于对象的遍历,若是用来遍历数组, 则拿到的是数组的索引: va...
2020-01-07 11:24:00
3245
1
原创 vue,element-ui中的上传upload组件,使用方法,使用详解
之前写了一个项目,涉及到文档和视频的上传.需求大概是这个样子,拿上传视频举例子吧,首先是将选择的视频上传到文件服务器上,接着文件服务器会返回视频的存储链接还有视频名,在后面保存视频的时候会用到这两个参数的.另外,上传成功的视频名字要显示在左侧,并且是可以修改的.视频上传成功后,还可以给相应的视频添加附件,也就是和视频配对的文档(注意,这里巨恶心).首先是要给当前视频加,其次添加文档的时...
2019-12-11 11:59:17
5393
原创 小程序中实现下拉框功能
不得不吐槽一下,小程序中是没有下拉框这个组件的, 真的好恶心.所以一般使用选择器picker代替下拉框,或者自己手写下拉框.下面就是下拉框的实现代码,可以直接拿去使用 1.wxml中 <view class='top'> ...
2019-12-11 11:05:03
5950
7
原创 画布实现动态太极图, 旋转太极图
代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>太极图</title> <style type="text/css"> canvas{ /*border: 1px solid red;*/...
2019-09-19 17:16:03
1979
原创 linux，服务器上安装node，并配置node的环境变量，本地安装node
一、上传node压缩包到家目录，上传方式参考上篇博客https://blog.csdn.net/rolinabc/article/details/99622740 或者下载软件winSCP，将压缩包放到家目录即可二、在自己的家目录下ls，看是否有node的安装包 我这里安装的node版本是8.11.4三、使用命令移动该文件到/opt下sudo mv ./...
2019-08-15 10:39:15
1312
原创 服务器搭建ftp，vsftpd的安装与配置，解决windows上传文件到服务器问题
一、登录自己的服务器查看自己的服务器系统版本号，本方式针对16.04版本的系统，其他版本的系统不保证可以使用哦~查看系统版本号命令如下：cat /etc/issue二、查看自己的服务器上是否已经安装了vsftpd，若有会出现版本号，命令如下：vsftpd -v若没有版本号则表示未安装，此时使用命令sudo apt-get install vsftpd。安装完成后查看其版本号...
2019-08-15 10:25:12
1074
原创 react双向数据绑定，表单
react中双向数据绑定的代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="./js/react.js"></script> &l...
2019-07-18 16:13:26
393
原创 react计时器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="./js/react.js"></script> <script src="./js/r...
2019-07-18 16:09:10
593
原创 笔试，面试常见的58道智力题
1、你让工人为你工作7天，给工人的回报是一根金条。金条平分成相连的7段，你必须在每天结束时给他们一段金条，如果只许你两次把金条弄断，你如何给你的工人付费？2、请把一盒蛋糕切成8份，分给8个人，但蛋糕盒里还必须留有一份。3、小明一家过一座桥，过桥时是黑夜，所以必须有灯。现在小明过桥要1秒，小明的弟弟要3秒，小明的爸爸要6秒，小明的妈妈要8秒，小明的爷爷要12秒。每次此桥最多可...
2019-07-18 16:06:50
4658
原创 react列表渲染
1.react中的列表渲染注意使用以下代码的话，注意包的导入路径<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="./js/react.js"><...
2019-07-18 16:01:28
293
原创 js中的继承关系，详解
在js中继承分为两种：1.伪类继承2.原型链继承1.伪类继承Animal.apply(this,arguments)借用构造函数来使用父类中的属性，方法。不能继承父类的构造函数原型function Animal(name,age) { this.name = name this.age = age } function...
2019-07-18 15:49:38
373
原创 table css个人简历的实现 美观 简洁
主要使用table标签来实现个人简历的表格制作效果图如下：代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initi...
2019-07-18 15:41:26
2125
原创 html，css使用表格制作课程表
本篇文章讲解的是使用html中的表格table来制作课程表完成图如下：1.html的代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wi...
2019-07-18 15:34:41
8886
原创 css3的字体常用属性，背景常用属性，列表常用属性
在css3当中有很多针对字体的样式，然后下面就来总结一下：1.color：颜色2.font-size：字体大小3.font-family：字体型号4.font-style：字体样式（斜体等）5.font-weight：bold字体加粗 / bolder更粗6.text-decoration：underline下划线 / overline上划线 / none / bl...
2019-07-18 15:23:28
400
原创 js的数组中，slice和splice的用法详解
1.slice()不改变原数组 数组切割，可接受一个或者两个参数，即(返回项的起始位置，结束位置)。若一个，即表示从该参数指定的位置开始，到当前数组末尾的所有项。若两个，则表示起始到结束位置之间的所有项，包含起始位置但是不包含结束位置的项。 arr = [1,2,3,4,5] arr.slice(1,3) [2,3] arr = [1,2,3,4,5]...
2019-07-16 16:31:01
836
原创 原生js封装数组API pop, push, reverse, sort，shift，unshift等，前端笔试题
1. 排序sort Array.prototype.sorts=function(){ for(var i=0;i<arr.length;i++){ var min = i; for(var j=i+1;j<arr.length;j++){ ...
2019-07-15 17:17:29
1007
原创 js中构建函数的几种方法，工厂函数模式 ，构造函数模式，构造函数 + 原型模式
1.工厂函数模式 function createPerson(name,age,gender) { var p = { name:name, age:age, gender:gender } retur...
2019-07-15 17:13:45
768
原创 js基础 笔试题 水仙花数 素数 完全数 最大公约数 最小公倍数等
1.分别使用while/do-while/for循环实现10的阶乘（使用递归算法）------------------------------- var sum = 1 for(var i=1;i<=10;i++){ sum = sum*i } console.log(sum) ------------------------------ var sum =...
2019-07-12 09:28:36
553
原创 html元素父子级，兄弟级的外边距合并问题
一、父子级元素 通常，大盒子中嵌套小盒子，如果给小盒子添加margin-top属性，则会出现大盒子和小盒子一起向下移动的现象。 html的 代码如下：<div class="outer"> <div class="inner"></div> </div> css代码如下<s...
2019-06-28 16:03:07
1715
原创 html，css实现呼吸灯效果
1、html+css实现呼吸灯效果，如下图：代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> body{ ...
2019-06-28 15:20:26
2259
3
原创 行内元素，块级元素的垂直居中，水平居中
一、行内元素 1、行内元素的水平居中：给父级元素使用属性text-align：center 2、行内元素的垂直居中：给父级元素使用属性line-hight：父元素盒子的高度二、块级元素 1、块级元素的水平居中：给子级元素使用属性margin：0 auto 2、行内元素的水平垂直居中，有四种方法：html代码如下：<...
2019-06-28 10:04:07
568
1
原创 sublime改变侧边栏字体大小，侧边栏字体样式，侧边栏边距
sublime改变侧边栏字体大小，侧边栏字体样式，侧边栏边距1.首先安装插件PackageResourceViewer，ctrl+shift+p输入install package，安装插件PackageResourceViewer安装成功后继续ctrl+shift+p，直接输入PackageResourceViewer后，打开如下图：打开后继续输入Theme-Default，然后继续输入D...
2019-06-18 15:25:37
1440
原创 sublime侧边栏乱码，出现小方框，解决方案
sublime侧边栏乱码，出现小方框，解决方案如图打开“设置-用户"加上如图所示的一句话：“dpi_scale”: 1.0,保存后重启sublime软件，即可。
2019-06-18 15:13:03
954
原创 sublime的安装，以及package install的安装，插件的安装，插件报错解决方法
sublime的安装，以及package install的安装，插件的安装，插件报错解决方法一 、首先到sublime官网下载sublime软件：http://www.sublimetext.com/二、下载完sublime后双击程序，直接下一步（傻瓜式安装）三、安装好后按 Ctrl+shift+p，接着输入install package，如果出现install package则双击进入，接...
2019-06-14 09:35:07
633
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人