前端开发
微凉薄荷糖
这个作者很懒,什么都没留下…
展开
-
css实现页面一键置灰
css 实现页面一键置灰,只需要设置一个属性就可以了,在全局样式里设置style="filter:grayscale(100%)"原创 2022-12-06 11:05:37 · 520 阅读 · 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 · 623 阅读 · 0 评论 -
使用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 · 4517 阅读 · 0 评论 -
弹性布局左右滑动
弹性布局用起来是真的方便,但是今天老板要实现左右滑动的效果,这可为难我了,翻阅资料,终于找到方法了,上代码。<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 · 1566 阅读 · 0 评论 -
wordpress建站
闲不住的我又要开始折腾啦!今天研究了一下wordpress建站,打算入坑个人博客,各位大朋友、小朋友们,有空常来捧场呦(手动微笑脸)!wordpress建站,之前我以为很难,但是真的做了之后才发现,奏是那么简单,总共分四步:1.要有服务器,配置一下PHP环境(配置步骤可自行百度),要有自己的域名哦。2.从官网下载wordpress的包,并解压到web服务器的根目录,喏,就是这个地址 h...原创 2019-12-26 14:28:58 · 201 阅读 · 0 评论 -
改变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 · 11735 阅读 · 8 评论 -
uniapp 子组件向父组件传值
使用组件可以减少代码的重复率,提高写代码的效率,改起来也方便。最近在使用uni-app做项目,一套代码多端实现,做些简单的项目还是可以的。废话少说,说说子组件向父组件传值。子组件获取到值的时候,使用$emit传给父组件:this.$emit("getChild1",this.list);父组件首先引入子组件:import child1 from './child1'注册...原创 2019-07-27 12:58:17 · 20608 阅读 · 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 · 29020 阅读 · 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 · 10765 阅读 · 0 评论 -
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 · 1271 阅读 · 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 · 4788 阅读 · 0 评论 -
微信小程序点击激活类
闲暇之余研究了一下微信小程序,想做一个点击切换的效果,如下所示:点击之后可以激活相应的类,效果如图:没有头绪的时候觉得很难,写完之后才发现真的超级简单。只需要三个步骤。1.为要激活的元素添加自定义属性、激活类的判断、绑定点击事件:2.在data里为判断条件设初始值:3.写点击事件:这里如果不清楚的话,可以先把e打印出来,结构如下图:这样就ok了!...原创 2018-06-08 18:00:44 · 1707 阅读 · 2 评论 -
对mpvue的一点心得
1.登录并获取用户信息小程序官方做了一些调整,需要用户主动授权,我用了一个按钮来让用户点击授权。页面上为:data里定义一些变量:在methods里定义获取用户信息的函数:然后就可以在mounted里面调用了。2.新增页面的时候,要注意,main.js里的东西不要动,新增页面之后,要执行 npm run dev ,重新运行一下代码。3.请求接口,我用的是flyio,现在我也不明白为什么,看网上很多...原创 2018-06-25 18:01:52 · 5223 阅读 · 2 评论 -
vue监听input输入
想用vue监听input的输入,但是又懒得引入jquery,去网上查了资料,才找到方法。实现方法如下。用v-on来绑定,然后就可以动态获取input的值了。原创 2018-07-19 21:13:18 · 19445 阅读 · 0 评论 -
常用正则表达式
(下面是一些常用的正则表达试,欢迎路过的朋友积极补充)一、校验数字的表达式数字:^[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 · 151 阅读 · 0 评论 -
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 · 1347 阅读 · 0 评论 -
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 · 1162 阅读 · 1 评论 -
css英文数字自动换行,汉字正常对齐
要实现英文和数字自动换行,汉字正常对齐,可以使用3个属性:text-align: justify;/*实现两端对齐*/text-justify: newspaper;/*通过增加或减少字或字母之间的空格对齐文本*/word-break: break-all;/*允许在单词内换行*/...原创 2018-09-02 18:16:37 · 2143 阅读 · 0 评论 -
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 · 2516 阅读 · 5 评论 -
在移动端显示滚动条
在移动端,滚动条会自动隐藏,如果想显示要怎么办呢?.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 · 4026 阅读 · 0 评论 -
利用Hbuilder把webapp打包为apk
搞了一下午的打包,把该踩的坑都踩了,终于成功打包了。我试验了两个,下面来分别介绍。1.打包原生的webapp准备工作:右击项目包名,转换成移动app。转换完成之后,会出现一个名为manifest.json的文件,点开可以进行配置。1)准备一个写完能运行的webapp,右击->发行->云打包-打原生安装包,然后按照 以下步骤:这里我选的是左边的,只...原创 2018-06-20 18:16:26 · 9459 阅读 · 1 评论