- 博客(29)
- 收藏
- 关注
RSS订阅原创 css实现页面一键置灰
css 实现页面一键置灰，只需要设置一个属性就可以了，在全局样式里设置style="filter:grayscale(100%)"
2022-12-06 11:05:37
534
1
原创 Vue3项目运行时报错，提示Use // eslint-disable-next-line to ignore the next line.
Use // eslint-disable-next-line to ignore the next line. Use /* eslint-disable */ to ignore all warnings in a file
2022-10-10 14:39:58
632
原创 使用vue3创建项目
随着尤大大的不懈努力，vue3逐渐开始被使用，使用vue3创建项目的步骤如下：1.要保证电脑里@vue/cli的版本在4.5.0以上，使用以下命令查看：vue -V 或者 vue -version如果版本小于4.5.0则执行以下命令，否则执行2npm install -g @vue/cli2.创建项目的命令如下：vue create projectname3.创建完成之后，会出现如下界面：按照指示，输入命令即可运行项目。出现如下界面，那么恭喜你，已经迈出了使用vue3
2021-11-04 16:07:04
4557
原创 弹性布局左右滑动
弹性布局用起来是真的方便，但是今天老板要实现左右滑动的效果，这可为难我了，翻阅资料，终于找到方法了，上代码。<view class="content"> <view v-for=" i in 6" :key="i" class="btn"> 按钮{{i}} </view></view>.content{ display: flex; overflow-x: auto; } .btn { width: 100rpx
2021-04-22 12:58:44
1625
原创 uni-app实现扫码
uni-app在逐步的完善，用这个框架来做app还是挺方便的，由于客户需求，需要做扫码的功能，去uni-app的官网上搜了一下，还真有这个功能。主要用的就是uni.scanCode({})这个函数，直接拿过来用就可以了，但是要注意不能在H5上用，app上用用还是很方便的。先上图看看运行结果：关键代码在这：scan1() { let t...
2019-12-31 12:13:09
23038
6
原创 wordpress建站
闲不住的我又要开始折腾啦！今天研究了一下wordpress建站，打算入坑个人博客，各位大朋友、小朋友们，有空常来捧场呦（手动微笑脸）！wordpress建站，之前我以为很难，但是真的做了之后才发现，奏是那么简单，总共分四步：1.要有服务器，配置一下PHP环境（配置步骤可自行百度）,要有自己的域名哦。2.从官网下载wordpress的包,并解压到web服务器的根目录,喏，就是这个地址 h...
2019-12-26 14:28:58
204
原创 改变element中table某一行的字体颜色
最近用vue+element写管理平台的时候，领导要求某一行值大于多少的时候，字体变为红色，费了点功夫解决了，和大家分享一下，嘻嘻～1.首先，el-table的标签里要加点东西,就是这个 :row-class-name="tableRowClassName"<el-table :data="tableData" border class="table" ref="multipleT...
2019-10-16 15:37:32
11764
8
原创 uniapp 子组件向父组件传值
使用组件可以减少代码的重复率，提高写代码的效率，改起来也方便。最近在使用uni-app做项目，一套代码多端实现，做些简单的项目还是可以的。废话少说，说说子组件向父组件传值。子组件获取到值的时候，使用$emit传给父组件：this.$emit("getChild1",this.list);父组件首先引入子组件：import child1 from './child1'注册...
2019-07-27 12:58:17
20907
7
原创 关于uniapp获取应用版本号
最近在研究uni-app,用hbuilderx来编辑。昨天要写app的版本升级，没有找到获取versionCode的方法，也是钻了牛角尖，找了半天发现根本没有这个方法，那怎么办呢。其实可以这样，手动把版本号与版本名称对应，比如，应用版本名称是1.0.0,版本号就写成100,1.0.1就对应101，对应的在hbuilderx里如下：用plus.runtime.version就可以获取到版本名...
2019-01-11 13:55:10
29113
4
转载 element表格改变头部颜色，头部添加星号
1.element表格有一个属性：header-cell-style，修改头部的背景色可以这样：2.项目中要求给表格头部添加星号，效果如图：可以使用element的header-cell-class-name属性，must函数的实现为：must(obj) { console.log(obj.columnIndex); if(obj.columnIndex ==...
2018-10-09 14:25:23
10778
转载 vue中全局使用scss
在vue中全局使用scss需要先安装 sass-resources-loader，使用npm install sass-resources-loader --save-dev 命令安装。然后在util.js文件夹里修改：return { css: generateLoaders(), postcss: generateLoaders(), less: generateLoad...
2018-10-09 13:55:23
1275
1
原创 vue实现slide过渡效果
直接上代码： <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=n
2018-09-14 16:59:58
4792
转载 在移动端显示滚动条
在移动端，滚动条会自动隐藏，如果想显示要怎么办呢？.left{width: pxTorem(170px);overflow: hidden;overflow-y: auto;}.left::-webkit-scrollbar-track-piece {background-color: rgba(0, 0, 0, 0);border-left: pxTorem(1p...
2018-09-03 18:19:32
4030
原创 cordova调用相机并预览照片
首先要有平台环境，我这里用的是安卓的环境，安装相机插件，在控制台运行cordova plugin add cordova-plugin-camera安装完成之后，在index.html插入如下代码： <button id="imageCapture" style="width:200px;height:40px;background: orange;">take pho...
2018-09-03 18:13:46
2520
5
原创 css英文数字自动换行，汉字正常对齐
要实现英文和数字自动换行，汉字正常对齐，可以使用3个属性：text-align: justify;／*实现两端对齐*／text-justify: newspaper;／*通过增加或减少字或字母之间的空格对齐文本*／word-break: break-all;/*允许在单词内换行*/...
2018-09-02 18:16:37
2156
原创 cordova打包vue项目成webapp
今天尝试了用cordova把vue项目打包成apk,可以参考w3c文档，期间也是踩了不少坑，既然打包的是vue，首先要准备一个能运行的vue项目。1.修改vue项目中main.js。document.addEventListener('deviceready', function() { new Vue({ el: '#app', router, components: {...
2018-08-30 15:13:03
1172
1
原创 css实现隐藏滚动条
css实现隐藏滚动条关键代码如下：//样式 .hide-bar{ width:100px; height:100px; border:1px solid #ccc; overflow-x: hidden; overflow-y: scroll; } ::-webkit-scrollbar { ...
2018-08-24 13:18:33
1354
原创 vue-router实现路由跳转
用了一个多月的vue了，发现路由跳转的方式还挺多，现在上干货：1.返回上个页面(不带参数)this.$router.go(-1);2.指定跳转的地址(不带参数)this.$router.replace('/menu'); // '／'后为页面的地址,3.跳转指定路由的名字下（不带参数）this.$router.replace({name,'menuLink'});...
2018-07-28 15:35:25
2201
原创 常用正则表达式
（下面是一些常用的正则表达试，欢迎路过的朋友积极补充）一、校验数字的表达式数字：^[0-9]*$n位的数字：^\d{n}$至少n位的数字：^\d{n,}$m-n位的数字：^\d{m,n}$零和非零开头的数字：^(0|[1-9][0-9]*)$非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2})?$带1-2位小数的正数或负数：^(\-)?\d+...
2018-07-20 07:26:29
157
原创 vue监听input输入
想用vue监听input的输入，但是又懒得引入jquery，去网上查了资料，才找到方法。实现方法如下。用v-on来绑定，然后就可以动态获取input的值了。
2018-07-19 21:13:18
19453
原创 茫茫tp3.2.3之路 day2（配置）
继续研读ThinkPHP3.2.3完全开发手册，ThinkPHP默认所有配置文件的定义格式均采用返回PHP数组的方式，格式为：／／项目配置文件return array( 'DEFAULT_MODULE' =>'Index',//默认模块 'URL_MODEL' =>'2',//URL模式、 'SESSION_AUTO_START' =...
2018-07-04 12:48:34
333
原创 茫茫tp3.2.3之路 day1
今天我要开启thinkphp3.2.3的学习之路了，路过的朋友请多多指教！首先，从ThinkPHP官网下载所需的版本，我下的是完整版。解压放在web目录下，项目名字我改为了tp323，目录结构如图：在地址栏中输入localhost:8888/tp323，显示如图，则表示tp安装成功，且环境适宜：默认的欢迎页面其实就是访问的Home模块下面的Index控制器类的index操作方法 我们修改默认的in...
2018-07-04 10:44:36
210
原创 对mpvue的一点心得
1.登录并获取用户信息小程序官方做了一些调整，需要用户主动授权，我用了一个按钮来让用户点击授权。页面上为：data里定义一些变量：在methods里定义获取用户信息的函数：然后就可以在mounted里面调用了。2.新增页面的时候，要注意，main.js里的东西不要动，新增页面之后，要执行 npm run dev ，重新运行一下代码。3.请求接口，我用的是flyio，现在我也不明白为什么，看网上很多...
2018-06-25 18:01:52
5227
2
原创 利用Hbuilder把webapp打包为apk
搞了一下午的打包，把该踩的坑都踩了，终于成功打包了。我试验了两个，下面来分别介绍。1.打包原生的webapp准备工作：右击项目包名，转换成移动app。转换完成之后，会出现一个名为manifest.json的文件，点开可以进行配置。1)准备一个写完能运行的webapp,右击->发行->云打包-打原生安装包，然后按照 以下步骤：这里我选的是左边的，只...
2018-06-20 18:16:26
9491
1
原创 centos下安装mysql
1.切换源（通常情况下默认的源装不了）wget http://repo.mysql.com/mysql-community-release-el7-5.noarch.rpmrpm -ivh mysql-community-release-el7-5.noarch.rpm2.现在可以开始安装啦sudo yum install mysqlsudo yum install mysql-serversud...
2018-06-18 17:37:14
146
原创 微信小程序点击激活类
闲暇之余研究了一下微信小程序，想做一个点击切换的效果，如下所示：点击之后可以激活相应的类，效果如图：没有头绪的时候觉得很难，写完之后才发现真的超级简单。只需要三个步骤。1.为要激活的元素添加自定义属性、激活类的判断、绑定点击事件：2.在data里为判断条件设初始值：3.写点击事件：这里如果不清楚的话，可以先把e打印出来，结构如下图：这样就ok了！...
2018-06-08 18:00:44
1730
2
原创 vue页面刷新，定位导航栏
项目还没结束，vue的踩坑之路就不能停（酸爽），我发现用vue-router,每次刷新页面，导航栏就会自动定位到首页，像这样，用户体验真的是相当差。思来想去，想不到什么好办法，去网上查资料，发现路由被激活了之后，生成的a链接里面会有一个类，喏，就是下面这个：有了这个类就好办了，我个给每一个小菜单加一个自定义属性，属于同一个大菜单的就加相同的属性，敲黑板了，这里很关键了，在mounted里，获取拥有...
2018-06-08 08:39:44
7077
原创 vue脚手架搭建
vue脚手架是个好东西，能够快速搭建vue单页面应用，vue是基于node环境的，所以要先安装node,去官网下载安装就可以。进入某个文件夹的命令为：查看node版本：搭建步骤为：出现下图说明搭建成功：按照提示输入：如果出现下图说明运行成功：在浏览器中按照指示输入：运行结果为：...
2018-06-05 15:34:32
320
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人