- 博客(48)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 react实现留言板功能（发布删除留言）
emmmm先看一下效果图（移动端）1.开始吧！先来看看render方法返回哪些数据渲染到页面上2.看完返回的数据，就来看看state里面有些什么东西（content、list、date）3.然后看一下点击发布的submit函数是怎么执行的（注意使用箭头函数submit=()=>{}，还有每一次更新state数据，都必须this.setState()）4.再看看删除函数dele...
2019-08-15 11:12:20
1362
原创 eclipse导入项目报错：basePath cannot be resolved to a variable
1.jsp页面头部加上代码：<%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%>
2019-07-15 23:16:53
7437
原创 eclipse导入项目报错：javax.servlet.jsp.JspException cannot be resolved to a typ
1.原因：工程中少了 jsp-api.jar2.解决方法：项目右键 -> Build Path -> Configure Build Path -> Java Build Path -> Libraries -> Add External JARs -> 选择jsp-api.jar包（Tomcat -> lib -> jsp-api.jar）...
2019-07-15 23:07:59
867
1
原创 eclipse导入项目报错：httpservletrequest cannot be resolved to a type
1.鼠标右键项目工程 -> properties -> Java Build Path -> Libraries -> Add External JREs -> 添加 servlet-api.jarPS：我用的服务器是Tomcat，servlet-api.jar是在 Tomcat -> lib 目录下...
2019-07-15 22:43:40
1081
原创 eclipse中导入一个java项目
1.点击 File -> Import2.选择General -> Existing Projects into Workspace，点击next3.点击Browse，选择要导入的项目路径，点击finish4.导入之后可以看到项目代码...
2019-07-15 22:18:17
528
原创 Sublime Text全局搜索
可以用快捷键 ctrl+shift+F 或者以下步骤1.菜单栏的查找 - > 在文件中查找 （find in files）2.填写好Find - > 点击Find3.Find Results文件显示要查找内容的所有位置 - > 双击可进入具体页面...
2019-04-29 12:44:17
8692
原创 vue中使用element-ui组件中的el-button时，@click事件点击无效
1.使用element-ui组件中的el-button时，@click点击无效2.在@click后面加上 .native即可【@click.native】
2019-03-25 15:18:24
63806
7
原创 vue中引入iconfont阿里巴巴矢量图标
1.访问iconfont阿里巴巴矢量图标图官网，把需要的图标添加入库2.去到购物车，把需要的图标添加到项目【若没有项目，可新建】3.在我的项目中，把图标代码下载到本地4.在vue项目中的src -> assets文件夹下新建iconfont文件夹，把刚才下载的代码包里的iconfont.css、iconfont.eto、iconfont.svg、iconfont.ttf、ic...
2019-03-24 22:00:33
546
原创 微信小程序中使用腾讯地图，导航到目的地
1.效果图如下：（点击地图可导航，从用户当前位置到目的地）2. wxml文件中（1）目标地址location<!-- 地址 --><view class='loc'> <view> <text class='iconfont icon-location'></text> </view> &l...
2018-12-18 15:57:15
24487
17
原创 微信小程序中获取微信用户绑定的手机号getPhoneNumber
调用getPhoneNumber之前先调用wx.login接口，获取登录凭证（code），通过凭证进而获取用户登录态信息（包括openid及session_key）1.js文件中（1）在getPhoneNumber里面，先调用微信登录接口wx.login，获取登录凭证code，请求后台接口（参数为encryptedData，iv，code），请求成功，后台会返回phoneNumber，appi...
2018-12-18 11:16:51
5582
3
原创 前端代码上传到阿里云服务器上（OSS）
1.登录阿里云服务器–点击控制台–点击左侧栏的对象存储OSS2.点击对象存储OSS–新建Bucket（新建Bucket–填写Bucket名称–选择区域–选择存储类型–选择读写权限）3.点击对象存储OSS–选择刚新建的Bucket–概览–复制Bucket域名发给后台，后台添加子域名4.点击CDN–域名管理–点击后台已添加的域名进行配置：CNAME、类型、地址（Bucket 域名）、回...
2018-12-13 18:16:09
15034
5
原创 微信小程序wx:if控制元素显示隐藏
1.在 .js 页面中，定义consume（人均消费）2.在 .wxml 页面中，使用wx:if="{{advantage.consume != ‘’}}"判断人均消费consume是否为空，若不为空，则该元素显示3.在 .wxss 页面中4.consume不为空的效果图如下：5.若consume为空，则该元素隐藏6.consume为空的效果图如下：（整个view元素都隐藏）...
2018-11-26 15:47:42
21480
原创 微信小程序中实现五星评价（后台评分小程序显示）
1.在.js页面中，定义一个num，代表评分星星颗数2.在.js页面中，定义setData（）函数，one_1表示黄色星星颗数，two_1表示灰色星星颗数setData（）函数：用于将逻辑层数据发送到视图层，同时对应的改变this.data的值。setData（）参数格式：接受一个对象，以键（key）值（value）的方式改变值。3.在.wxml页面中，循环渲染黄灰星星颗数（星星为图片...
2018-11-26 15:07:38
7078
1
原创 显示和隐藏效果
1.显示和隐藏控制显示：选择标签.show()隐藏：选择标签.hide()切换：选择标签.toggle()选择标签.show/hide/toggle(时间(slow/fast/具体数值)，function(){ 动画执行完毕之后，执行的代码})2.滑动显示和隐藏滑动显示：选择标签.slideDown()隐藏：选择标签.slideUp()切换：选择标签.slideToggle...
2018-11-18 15:55:07
286
原创 transform转换模块
1、transform: rotate(30deg);/* 旋转，正值顺时针，负值逆时针 */2、transform: translate(100px, 100px);/* 位移，第一个值：水平，第二个值：垂直 */3、transform: scale(0.6);/* 缩放，0-1缩小 大于1放大 */4、transform:rotate(60deg) translate(100px,...
2018-11-18 15:45:54
414
原创 变量类型转换
1、数值型 + 字符串型 = 字符串类型2、parseInt()把字符串转化为数值类型。只能转化以数字开头的，转化结果只能是整数，否则得到的结果是NaN。可以转化小数为整数3、parseFloat()把字符串转化为数值类型。只能转化以数字开头的，否则得到的结果是NaN4、NaN数值类型。和任何数值都不相等，包含自身。isNaN(a)判断a是否为NaN ，如果是结果为true，否则为false...
2018-11-18 15:41:18
236
原创 JavaScript变量类型
1.五种基本数据类型 Number:数值类型。 String:字符串类型，一段话，一段文字。最直观的用引号括起来。单引号和双引号用法一模一样(只能交叉嵌套，单引号只能放置双引号) Boolean:布尔类型：true false Undefined:未定义或者未赋值 Null:空类型。标准错误，检测不出来。检出出来是Object.2.复杂数据类型object3.声明变量类型： ...
2018-11-18 15:37:06
149
原创 外边距塌陷
1.标准流中：父级标签内部有子标签，如果给子标签margin-top父级会跟着下来，外边距塌陷。2.解决办法：给父级加ovflow:hidden; 或者给父级加padding-top
2018-11-18 15:29:00
517
原创 选择器
1.选择器：如何选择一个标签2.选择器分类（选择器权重可以叠加） * ：通配符(选择所有的标签) 标签选择器：通过标签名直接选择标签 div p 类名选择器：.+类名 id选择器：#+id名 交集选择器：h1.title标签名要为h1类名要为title 并集选择器：h1,h2 既选择h1又选择h2 后代选择器：ol li 选择ol的后代标签名为li 子代选择器：ol&amp;gt...
2018-11-18 15:21:48
543
原创 img与background引入图片的区别
1.img占位，一般引入比较重要的图片，能被搜索引擎抓取；background不占位，一般引入装饰性图片，不能被搜索引擎抓取2. 背景图片：background:url(‘t.png’) no-repeat 0 bottom pink;第一个值: 图片路径;第二个值：平铺方式，如果不写，平铺。no-repeat不平铺。 repeat-x水平平铺 repeat-y垂直平铺第三个值：水平坐...
2018-11-18 13:44:56
2143
原创 css三种书写方式
1.嵌入式： &lt; style&gt; &lt; /style&gt;当单个文件需要特别样式时，就可以使用嵌套样式。通过在&lt; head&gt; 部分定义&lt; style&gt;标签书写嵌套样式，在&lt; style&gt;标签中可以使用标签选择器，类选择器，id选择器等去给标签设置属性2.外联样式&lt; lin
2018-11-18 13:32:02
1674
原创 vue中npm install 错误（安装chromedriver失败）
1.npm 安装chromedriver时出现错误npm ERR! [email protected] install: node install.js2.进入项目，使用命令：npm install chromedriver --chromedriver_cdnurl=rl=rl=http://cdn.npm.taobao.org/dist/chromedriver安装成功...
2018-11-09 13:44:48
1883
原创 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 ignore all warnings in a file.2.在build/webpack.bas...
2018-11-09 13:04:32
5137
原创 vue-cli中使用百度地图（根据输入框输入的内容，获取详细地址）
效果图如下：1.申请百度地图密钥（ak）-- http://lbsyun.baidu.com/index.php?title=jspopular（1）百度地图开放平台–开发文档–web开发–JavaScript API–服务介绍–产品简介–申请密钥（ak）（2）查看应用–创建应用–应用名称、应用类型（vue中使用百度地图需要选择浏览器端，因为浏览器端的启用服务包括Javascript...
2018-11-07 18:18:30
6345
1
原创 vue中引入wangEditor富文本编辑器
1.wangEditor —— 轻量级 web 富文本编辑器，配置方便，使用简单。支持 IE10+ 浏览器。下载wangEditor：npm install wangeditor（英文小写）官网：www.wangEditor.com文档：www.kancloud.cn/wangfupeng/wangeditor3/332599源码：github.com/wangfupeng1988/wan...
2018-11-06 17:39:36
11806
6
原创 vue中同时使用element组件的upload上传图片和wangEditor富文本编辑器
1.wangEditor —— 轻量级 web 富文本编辑器，配置方便，使用简单。支持 IE10+ 浏览器。官网：www.wangEditor.com文档：www.kancloud.cn/wangfupeng/wangeditor3/332599源码：github.com/wangfupeng1988/wangEditor （欢迎 star）下载wangEditor：npm install...
2018-11-06 15:56:00
4324
原创 vue中使用element组件的Layout布局和Button按钮实现分页
1.安装elementUI：npm i element-ui -S2.引入elementUI组件（main.js文件中）import Element from 'element-ui'import 'element-ui/lib/theme-chalk/index.css'Vue.use(Element, { size: 'small' })3.访问Element官网【组件–Layo...
2018-11-06 11:35:27
6333
原创 vue+axios请求时设置请求头（带上token）
1.在vue中，向后台发送请求，不管是get或post，url要带上userId，headers要带上token值PS：登录成功后，后台会返回token和userId，存储在本地。但是跳转到其他页面时没有token，会报错undefined，所以每次请求都要带上token值。（每次跳页面, 都要获取新路由对应的html页面, 这时候可以用axios的http拦截每次路由跳转, 都先让后台验证一下...
2018-11-06 09:57:21
71018
7
原创 vue+axios登录时获取token和userId
1.登录成功后，存储后台返回的token值和userIdPS：把username和password，post请求发送到后台，若username和password正确，后台返回token和userId。若本地存储有token，localStorage.getItem(‘token’)，则路由跳转到index页面，否则跳转到login；若username和password有其一错误，则登录不成功...
2018-11-05 18:17:39
6370
原创 vue的路由嵌套
1.需要在 Router 的参数中使用 children 配置：PS：登录成功后跳转到action组件，action组件包括多个子组件，渲染左边的导航栏（fixed）和默认渲染index的内容。相当于只有登录和action两个页面2.登录成功后的效果图如下3.路由跳转都是在action/后面...
2018-11-05 17:55:10
159
原创 vue的路由拦截器
1.index.js文件PS：route，是一条路由；routes 是一组路由；router 是一个机制，相当于一个管理者，它来管理路由import Vue from 'vue';import Router from 'vue-router';// 要告诉 vue 使用 RouterVue.use(Router)// route是一个对象，多个route组成一个routescon...
2018-11-05 16:51:37
17403
5
原创 vue中axios拦截器的使用
1.拦截器分为request请求拦截器和response响应拦截器PS：request请求拦截器：发送请求前统一处理，如：设置请求头headers、应用的版本号、终端类型等。response响应拦截器：有时候我们要根据响应的状态码来进行下一步操作，例如：由于当前的token过期，接口返回401未授权，那我们就要进行重新登录的操作。2.main.js文件中（先安装axios）import ...
2018-11-05 15:11:44
27895
3
原创 基于vue-cli（vue脚手架）搭建项目
1.安装node.js，安装包及源码下载地址（https://nodejs.org/en/download/）。通过【node -v】来检查node.js是否安装成功，若出现版本号即成功2.node.js自带npm，npm其实是Node.js的包管理工具（package manager）。通过【npm -v】来检查npm是否安装成功，若出现版本号即成功3.全局安装vue-cli：npm i...
2018-11-05 11:57:30
316
原创 vue中刷新页面定位导航栏（解决刷新页面导航栏自动定位到首页的问题+路由传参）
1.页面刷新时，判断URL地址与左边导航栏定位是否相符PS1：window.location.hash返回从井号#开始的地址，例如http://aaa.com/#/action/aboutUs，window.location.hash获取的是#/action/aboutUsPS2：Location对象属性2.刷新页面，定位到相当于的导航栏...
2018-11-02 17:02:50
7379
原创 vue中的导航栏动态添加class（三目运算符）
1.三目运算符，:class=&amp;amp;amp;quot; isActive==‘aaa’ ? ‘isActive’ : ‘’ &amp;amp;amp;quot;，@click=“toggle(‘aaa’)”。判断isActive是否等于aaa，等于 -&amp;amp;amp;amp;gt; class=“isActive”，不等 -&amp;amp;amp;amp;gt; class=’ '，点击的时候带上实际的参数2.scr
2018-11-02 15:41:27
19196
1
原创 vue中使用elementUI组件的Upload 上传图片
1.访问Element官网【组件–Upload上传】&amp;amp;amp;amp;amp;lt;el-upload action=&amp;amp;amp;amp;quot;https://jsonplaceholder.typicode.com/posts/&amp;amp;amp;amp;quot; list-type=&amp;amp;amp;amp;quot;picture-card&amp;amp;am
2018-11-02 14:39:04
28756
17
原创 微信小程序中内嵌h5页面，添加拨打电话功能
1.内嵌的h5页面head里面添加meta标签PS：name=&quot;format-detection&quot;为格式检测，telephone=yes为手机号码显示为拨号的超链接&amp;lt;meta name=&quot;format-detection&quot; content=&quot;telephone=yes&quot;/&amp;gt;2.html
2018-11-02 11:56:42
13532
2
原创 微信小程序中内嵌一个h5页面
1.写好要嵌入的html页面PS：我是用sublime编辑器编写的html页面，从后台服务器上面读取数据（富文本的内容），追加到body里面，再上传到前端服务器上面2.把h5文件夹（包括多个需要内嵌到小程序里面的html文件）上传到服务器上面PS：可使用Xftp6破解版，新建会话，填写主机、用户名和密码。去到自己的目录下，例如/home/xxx，把文件直接拖拽到/xxx目录下，可自动上传）...
2018-11-02 10:15:01
10864
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人