自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 react实现留言板功能(发布删除留言)

emmmm先看一下效果图(移动端) 1.开始吧!先来看看render方法返回哪些数据渲染到页面上 2.看完返回的数据,就来看看state里面有些什么东西(content、list、date) 3.然后看一下点击发布的submit函数是怎么执行的(注意使用箭头函数submit=()=>{...

2019-08-15 11:12:20 297 0

原创 eclipse导入项目报错:basePath cannot be resolved to a variable

1.jsp页面头部加上代码: <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":&qu...

2019-07-15 23:16:53 2435 0

原创 eclipse导入项目报错:javax.servlet.jsp.JspException cannot be resolved to a typ

1.原因:工程中少了 jsp-api.jar 2.解决方法:项目右键 -> Build Path -> Configure Build Path -> Java Build Path -> Libraries -> Add External JARs -> 选...

2019-07-15 23:07:59 106 0

原创 eclipse导入项目报错:httpservletrequest cannot be resolved to a type

1.鼠标右键项目工程 -> properties -> Java Build Path -> Libraries -> Add External JREs -> 添加 servlet-api.jar PS:我用的服务器是Tomcat,servlet-api.jar是在...

2019-07-15 22:43:40 230 0

原创 eclipse中导入一个java项目

1.点击 File -> Import 2.选择General -> Existing Projects into Workspace,点击next 3.点击Browse,选择要导入的项目路径,点击finish 4.导入之后可以看到项目代码 ...

2019-07-15 22:18:17 89 0

原创 Sublime Text全局搜索

可以用快捷键 ctrl+shift+F 或者以下步骤 1.菜单栏的查找 - > 在文件中查找 (find in files) 2.填写好Find - > 点击Find 3.Find Results文件显示要查找内容的所有位置 - > 双击可进入具体页面 ...

2019-04-29 12:44:17 2350 0

原创 vue中使用element-ui组件中的el-button时,@click事件点击无效

1.使用element-ui组件中的el-button时,@click点击无效 2.在@click后面加上 .native即可 【@click.native】

2019-03-25 15:18:24 19694 4

原创 vue中引入iconfont阿里巴巴矢量图标

1.访问iconfont阿里巴巴矢量图标图官网,把需要的图标添加入库 2.去到购物车,把需要的图标添加到项目 【若没有项目,可新建】 3.在我的项目中,把图标代码下载到本地 4.在vue项目中的src -> assets文件夹下新建iconfont文件夹,把刚才下载的代码包里的ico...

2019-03-24 22:00:33 186 0

原创 微信小程序中使用腾讯地图,导航到目的地

1.效果图如下:(点击地图可导航,从用户当前位置到目的地) 2. wxml文件中 (1)目标地址location &lt;!-- 地址 --&gt; &lt;view class='loc'&gt; &lt;view&...

2018-12-18 15:57:15 8119 16

原创 微信小程序中获取微信用户绑定的手机号getPhoneNumber

调用getPhoneNumber之前先调用wx.login接口,获取登录凭证(code),通过凭证进而获取用户登录态信息(包括openid及session_key) 1.js文件中 (1)在getPhoneNumber里面,先调用微信登录接口wx.login,获取登录凭证code,请求后台接口(参...

2018-12-18 11:16:51 1361 3

原创 前端代码上传到阿里云服务器上(OSS)

1.登录阿里云服务器–点击控制台–点击左侧栏的对象存储OSS 2.点击对象存储OSS–新建Bucket (新建Bucket–填写Bucket名称–选择区域–选择存储类型–选择读写权限) 3.点击对象存储OSS–选择刚新建的Bucket–概览–复制Bucket域名发给后台,后台添加子域名 4...

2018-12-13 18:16:09 6020 3

原创 微信小程序wx:if控制元素显示隐藏

1.在 .js 页面中,定义consume(人均消费) 2.在 .wxml 页面中,使用wx:if=&quot;{{advantage.consume != ‘’}}&quot;判断人均消费consume是否为空,若不为空,则该元素显示 3.在 .wxss 页面中 4.con...

2018-11-26 15:47:42 9609 0

原创 微信小程序中实现五星评价(后台评分小程序显示)

1.在.js页面中,定义一个num,代表评分星星颗数 2.在.js页面中,定义setData()函数,one_1表示黄色星星颗数,two_1表示灰色星星颗数 setData()函数:用于将逻辑层数据发送到视图层,同时对应的改变this.data的值。 setData()参数格式:接受一个对象,以...

2018-11-26 15:07:38 3322 1

原创 显示和隐藏效果

1.显示和隐藏 控制显示:选择标签.show() 隐藏:选择标签.hide() 切换:选择标签.toggle() 选择标签.show/hide/toggle(时间(slow/fast/具体数值),function(){ 动画执行完毕之后,执行的代码 }) 2.滑动显示和隐藏 滑动显示:选择标...

2018-11-18 15:55:07 116 0

原创 transition过渡模块

transition: all 2s; /中间变化过程可见,all代表所有的样式;第二个值:时间/

2018-11-18 15:47:46 149 0

原创 transform转换模块

1、transform: rotate(30deg); /* 旋转,正值顺时针,负值逆时针 */ 2、transform: translate(100px, 100px); /* 位移,第一个值:水平,第二个值:垂直 */ 3、transform: scale(0.6); /* 缩放,0-1缩小 ...

2018-11-18 15:45:54 103 0

原创 变量类型转换

1、数值型 + 字符串型 = 字符串类型 2、parseInt()把字符串转化为数值类型。只能转化以数字开头的,转化结果只能是整数,否则得到的结果是NaN。可以转化小数为整数 3、parseFloat()把字符串转化为数值类型。只能转化以数字开头的,否则得到的结果是NaN 4、NaN数值类型。和任...

2018-11-18 15:41:18 73 0

原创 JavaScript变量类型

1.五种基本数据类型 Number:数值类型。 String:字符串类型,一段话,一段文字。最直观的用引号括起来。单引号和双引号用法一模一样(只能交叉嵌套,单引号只能放置双引号) Boolean:布尔类型:true false Undefined:未定义或者未赋值 Null:空类型。标...

2018-11-18 15:37:06 65 0

原创 外边距塌陷

1.标准流中:父级标签内部有子标签,如果给子标签margin-top父级会跟着下来,外边距塌陷。 2.解决办法:给父级加ovflow:hidden; 或者给父级加padding-top

2018-11-18 15:29:00 165 0

原创 解决留白问题

可以给margin负值,或者float浮动

2018-11-18 15:27:22 114 0

原创 选择器

1.选择器:如何选择一个标签 2.选择器分类(选择器权重可以叠加) * :通配符(选择所有的标签) 标签选择器:通过标签名直接选择标签 div p 类名选择器:.+类名 id选择器:#+id名 交集选择器:h1.title标签名要为h1类名要为title 并集选择器:h1,h2 既...

2018-11-18 15:21:48 491 0

原创 img与background引入图片的区别

1.img占位,一般引入比较重要的图片,能被搜索引擎抓取;background不占位,一般引入装饰性图片,不能被搜索引擎抓取 2. 背景图片:background:url(‘t.png’) no-repeat 0 bottom pink; 第一个值: 图片路径; 第二个值:平铺方式,如果不写,平铺...

2018-11-18 13:44:56 703 0

原创 css三种书写方式

1.嵌入式: &amp;lt; style&amp;gt; &amp;lt; /style&amp;gt; 当单个文件需要特别样式时,就可以使用嵌套样式。通过在&amp;lt; head&amp;gt; 部分定义&amp;lt; style&...

2018-11-18 13:32:02 311 0

原创 vue中npm install 错误(安装chromedriver失败)

1.npm 安装chromedriver时出现错误 npm ERR! chromedriver@2.43.1 install: node install.js 2.进入项目,使用命令:npm install chromedriver --chromedriver_cdnurl=rl=rl=http...

2018-11-09 13:44:48 1029 0

原创 vue中npm run dev 报错(eslint规则)

1.报错了。。。 You may use special comments to disable some warnings. Use // eslint-disable-next-line to ignore the next line. Use /* eslint-disable */ to ...

2018-11-09 13:04:32 1975 0

原创 vue-cli中使用百度地图(根据输入框输入的内容,获取详细地址)

效果图如下: 1.申请百度地图密钥(ak)-- http://lbsyun.baidu.com/index.php?title=jspopular (1)百度地图开放平台–开发文档–web开发–JavaScript API–服务介绍–产品简介–申请密钥(ak) (2)查看应用–创建应用–应...

2018-11-07 18:18:30 3741 1

原创 vue中引入wangEditor富文本编辑器

1.wangEditor —— 轻量级 web 富文本编辑器,配置方便,使用简单。支持 IE10+ 浏览器。 下载wangEditor:npm install wangeditor(英文小写) 官网:www.wangEditor.com 文档:www.kancloud.cn/wangfupeng/...

2018-11-06 17:39:36 5582 3

原创 vue中同时使用element组件的upload上传图片和wangEditor富文本编辑器

1.wangEditor —— 轻量级 web 富文本编辑器,配置方便,使用简单。支持 IE10+ 浏览器。 官网:www.wangEditor.com 文档:www.kancloud.cn/wangfupeng/wangeditor3/332599 源码:github.com/wangfupen...

2018-11-06 15:56:00 3062 0

原创 vue中使用element组件的Layout布局和Button按钮实现分页

1.安装elementUI:npm i element-ui -S 2.引入elementUI组件(main.js文件中) import Element from 'element-ui' import 'element-ui/lib/theme-chalk/inde...

2018-11-06 11:35:27 2678 0

原创 vue+axios请求时设置请求头(带上token)

1.在vue中,向后台发送请求,不管是get或post,url要带上userId,headers要带上token值 PS:登录成功后,后台会返回token和userId,存储在本地。但是跳转到其他页面时没有token,会报错undefined,所以每次请求都要带上token值。(每次跳页面, 都要...

2018-11-06 09:57:21 44947 6

原创 vue+axios登录时获取token和userId

1.登录成功后,存储后台返回的token值和userId PS:把username和password,post请求发送到后台,若username和password正确,后台返回token和userId。若本地存储有token,localStorage.getItem(‘token’),则路由跳转到...

2018-11-05 18:17:39 3947 0

原创 vue的路由嵌套

1.需要在 Router 的参数中使用 children 配置: PS:登录成功后跳转到action组件,action组件包括多个子组件,渲染左边的导航栏(fixed)和默认渲染index的内容。相当于只有登录和action两个页面 2.登录成功后的效果图如下 3.路由跳转都是在action/...

2018-11-05 17:55:10 76 0

原创 vue的路由拦截器

1.index.js文件 PS:route,是一条路由;routes 是一组路由;router 是一个机制,相当于一个管理者,它来管理路由 import Vue from 'vue'; import Router from 'vue-router'; //...

2018-11-05 16:51:37 6316 0

原创 vue中axios拦截器的使用

1.拦截器分为request请求拦截器和response响应拦截器 PS:request请求拦截器:发送请求前统一处理,如:设置请求头headers、应用的版本号、终端类型等。 response响应拦截器:有时候我们要根据响应的状态码来进行下一步操作,例如:由于当前的token过期,接口返回401...

2018-11-05 15:11:44 14133 0

原创 基于vue-cli(vue脚手架)搭建项目

1.安装node.js,安装包及源码下载地址(https://nodejs.org/en/download/)。通过【node -v】来检查node.js是否安装成功,若出现版本号即成功 2.node.js自带npm,npm其实是Node.js的包管理工具(package manager)。通过...

2018-11-05 11:57:30 88 0

原创 vue中刷新页面定位导航栏(解决刷新页面导航栏自动定位到首页的问题+路由传参)

1.页面刷新时,判断URL地址与左边导航栏定位是否相符 PS1:window.location.hash返回从井号#开始的地址,例如http://aaa.com/#/action/aboutUs,window.location.hash获取的是#/action/aboutUs PS2:Lo...

2018-11-02 17:02:50 3857 0

原创 vue中的导航栏动态添加class(三目运算符)

1.三目运算符,:class=&amp;amp;amp;amp;quot; isActive==‘aaa’ ? ‘isActive’ : ‘’ &amp;amp;amp;amp;quot;,@click=“toggle(‘aaa’)”。判断isActive是否等于aaa,等于 -&...

2018-11-02 15:41:27 10691 0

原创 vue中使用elementUI组件的Upload 上传图片

1.访问Element官网【组件–Upload上传】 &amp;amp;amp;amp;amp;amp;lt;el-upload action=&amp;amp;amp;amp;amp;quot;https://jsonplaceholder.typicode.com/pos...

2018-11-02 14:39:04 15600 13

原创 微信小程序中内嵌h5页面,添加拨打电话功能

1.内嵌的h5页面head里面添加meta标签 PS:name=&amp;quot;format-detection&amp;quot;为格式检测,telephone=yes为手机号码显示为拨号的超链接 &amp;amp;lt;meta name=&amp;quot...

2018-11-02 11:56:42 5683 0

原创 微信小程序中内嵌一个h5页面

1.写好要嵌入的html页面 PS:我是用sublime编辑器编写的html页面,从后台服务器上面读取数据(富文本的内容),追加到body里面,再上传到前端服务器上面 2.把h5文件夹(包括多个需要内嵌到小程序里面的html文件)上传到服务器上面 PS:可使用Xftp6破解版,新建会话,填写主机...

2018-11-02 10:15:01 5197 0

提示
确定要删除当前文章?
取消 删除