- 博客(36)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 微信小程序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
21635
原创 微信小程序中实现五星评价（后台评分小程序显示）
1.在.js页面中，定义一个num，代表评分星星颗数2.在.js页面中，定义setData（）函数，one_1表示黄色星星颗数，two_1表示灰色星星颗数setData（）函数：用于将逻辑层数据发送到视图层，同时对应的改变this.data的值。setData（）参数格式：接受一个对象，以键（key）值（value）的方式改变值。3.在.wxml页面中，循环渲染黄灰星星颗数（星星为图片...
2018-11-26 15:07:38
7163
1
原创 显示和隐藏效果
1.显示和隐藏控制显示：选择标签.show()隐藏：选择标签.hide()切换：选择标签.toggle()选择标签.show/hide/toggle(时间(slow/fast/具体数值)，function(){ 动画执行完毕之后，执行的代码})2.滑动显示和隐藏滑动显示：选择标签.slideDown()隐藏：选择标签.slideUp()切换：选择标签.slideToggle...
2018-11-18 15:55:07
313
原创 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
461
原创 变量类型转换
1、数值型 + 字符串型 = 字符串类型2、parseInt()把字符串转化为数值类型。只能转化以数字开头的，转化结果只能是整数，否则得到的结果是NaN。可以转化小数为整数3、parseFloat()把字符串转化为数值类型。只能转化以数字开头的，否则得到的结果是NaN4、NaN数值类型。和任何数值都不相等，包含自身。isNaN(a)判断a是否为NaN ，如果是结果为true，否则为false...
2018-11-18 15:41:18
259
原创 JavaScript变量类型
1.五种基本数据类型 Number:数值类型。 String:字符串类型，一段话，一段文字。最直观的用引号括起来。单引号和双引号用法一模一样(只能交叉嵌套，单引号只能放置双引号) Boolean:布尔类型：true false Undefined:未定义或者未赋值 Null:空类型。标准错误，检测不出来。检出出来是Object.2.复杂数据类型object3.声明变量类型： ...
2018-11-18 15:37:06
159
原创 外边距塌陷
1.标准流中：父级标签内部有子标签，如果给子标签margin-top父级会跟着下来，外边距塌陷。2.解决办法：给父级加ovflow:hidden; 或者给父级加padding-top
2018-11-18 15:29:00
547
原创 选择器
1.选择器：如何选择一个标签2.选择器分类（选择器权重可以叠加） * ：通配符(选择所有的标签) 标签选择器：通过标签名直接选择标签 div p 类名选择器：.+类名 id选择器：#+id名 交集选择器：h1.title标签名要为h1类名要为title 并集选择器：h1,h2 既选择h1又选择h2 后代选择器：ol li 选择ol的后代标签名为li 子代选择器：ol&gt...
2018-11-18 15:21:48
550
原创 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
2178
原创 css三种书写方式
1.嵌入式： < style> < /style>当单个文件需要特别样式时，就可以使用嵌套样式。通过在< head> 部分定义< style>标签书写嵌套样式，在< style>标签中可以使用标签选择器，类选择器，id选择器等去给标签设置属性2.外联样式< lin
2018-11-18 13:32:02
1703
原创 vue中npm install 错误（安装chromedriver失败）
1.npm 安装chromedriver时出现错误npm ERR! chromedriver@2.43.1 install: node install.js2.进入项目，使用命令：npm install chromedriver --chromedriver_cdnurl=rl=rl=http://cdn.npm.taobao.org/dist/chromedriver安装成功...
2018-11-09 13:44:48
1945
原创 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
5225
原创 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
6384
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
11862
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
4399
原创 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
6405
原创 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
71208
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
6419
原创 vue的路由嵌套
1.需要在 Router 的参数中使用 children 配置：PS：登录成功后跳转到action组件，action组件包括多个子组件，渲染左边的导航栏（fixed）和默认渲染index的内容。相当于只有登录和action两个页面2.登录成功后的效果图如下3.路由跳转都是在action/后面...
2018-11-05 17:55:10
173
原创 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
17514
5
原创 vue中axios拦截器的使用
1.拦截器分为request请求拦截器和response响应拦截器PS：request请求拦截器：发送请求前统一处理，如：设置请求头headers、应用的版本号、终端类型等。response响应拦截器：有时候我们要根据响应的状态码来进行下一步操作，例如：由于当前的token过期，接口返回401未授权，那我们就要进行重新登录的操作。2.main.js文件中（先安装axios）import ...
2018-11-05 15:11:44
28023
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
333
原创 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
7449
原创 vue中的导航栏动态添加class（三目运算符）
1.三目运算符，:class=" isActive==‘aaa’ ? ‘isActive’ : ‘’ "，@click=“toggle(‘aaa’)”。判断isActive是否等于aaa，等于 -> class=“isActive”，不等 -> class=’ '，点击的时候带上实际的参数2.scr
2018-11-02 15:41:27
19246
1
原创 vue中使用elementUI组件的Upload 上传图片
1.访问Element官网【组件–Upload上传】<el-upload action="https://jsonplaceholder.typicode.com/posts/" list-type="picture-card&am
2018-11-02 14:39:04
28979
17
原创 微信小程序中内嵌h5页面，添加拨打电话功能
1.内嵌的h5页面head里面添加meta标签PS：name="format-detection"为格式检测，telephone=yes为手机号码显示为拨号的超链接<meta name="format-detection" content="telephone=yes"/>2.html
2018-11-02 11:56:42
13970
2
原创 微信小程序中内嵌一个h5页面
1.写好要嵌入的html页面PS：我是用sublime编辑器编写的html页面，从后台服务器上面读取数据（富文本的内容），追加到body里面，再上传到前端服务器上面2.把h5文件夹（包括多个需要内嵌到小程序里面的html文件）上传到服务器上面PS：可使用Xftp6破解版，新建会话，填写主机、用户名和密码。去到自己的目录下，例如/home/xxx，把文件直接拖拽到/xxx目录下，可自动上传）...
2018-11-02 10:15:01
10978
原创 微信小程序的一键拨打电话，wx.makePhoneCall接口
1.在 .wxml文件中添加点击事件 bindtap=‘to_call’ <view class='right' bindtap='to_call'> <text class='iconfont icon-phone'>拨打</text> </view>2.在 .js文件中处理Page({ data: { ...
2018-11-01 17:02:40
15923
3
原创 微信小程序的轮播图，swiper组件
1.访问微信公众平台–小程序开发–组件–swiper2.在 .wxml文件中使用该组件&amp;lt;swiper class=&quot;slide-image&quot; indicator-dots=&quot;{{indicatorDots}}&quot; autoplay=&quot;{{autoplay}}&quot; interval=&quot;{{in
2018-11-01 16:29:37
693
原创 微信小程序的转发分享功能
1.在 .js 文件中添加函数，点击小程序右上角…可转发分享 /** * 用户点击右上角分享 */ onShareAppMessage: function () { }2.开发版小程序的效果图如下：3.手机浏览小程序的效果图如下：...
2018-11-01 15:40:25
894
原创 小程序报错404，xxx.css或xxx.js找不到，服务器缓存问题
小程序报错如下：1.小程序报404错误，xxx.css或xxx.js文件找不到，是服务器缓存问题。服务器需要清理缓存，不然会出现小程序后台管理系统内容已经更新，可是访问不了2.我是用vue框架写的小程序后台管理系统，npm run build之后把dist里面的static和index文件放到服务器上面，所以要去阿里云服务器上面清缓存【登录–管理控制台–CDN–刷新缓存–URL–刷新】。...
2018-11-01 13:36:14
1767
原创 微信小程序代码上传，审核发布小程序
1.打开微信开发者工具管理员扫码 -&gt; 填写好小程序的项目目录、AppID（必须是客户已注册好的AppID）、项目名称2.在app.js中修改id（客户登录后台管理系统的id），app.json中修改页面导航栏标题navigationBarTitleText|3.配置合法域名（工具 -&gt; 项目详情 -&gt; 域名信息）4.如果域名还没有配置，请前往微信公众平台 ，登录...
2018-11-01 11:38:33
23056
7
原创 文字超出隐藏，显示省略号...
1.文字超出给定的宽度，让内容隐藏起来，并出现省略号…（要确定具体的宽度） table tr .td_pic{ height: 50px; width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; margin: 0px auto; ...
2018-11-01 09:45:56
3607
原创 微信小程序中引入iconfont阿里巴巴矢量图标
1.访问iconfont阿里巴巴矢量图标库（http://www.iconfont.cn/）2.搜索自己想找的图标（输入拼音，中文或英文都可以）3.把自己想找的图标“添加入库”4.点击购物车，添加至项目（若无项目，可新建）5.查看在线链接6.点击复制代码7.在微信小程序utils中新建 .wxss文件（iconfont.wxss）。。。8.在app.wxss中导入该文件（...
2018-11-01 09:26:40
2310
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人