- 博客(67)
- 收藏
- 关注
原创 uni实现 侧边固定定位图标 滑动隐藏
移动端页面,有时候会出现一些固定定位在底部图标,比如领取购物券 联系客服等。这时候如果滑动页面,图标透明度变低,同时移动到屏幕侧边进行隐藏,效果如下。监听滑动事件,每次滑动时,触发动画。添加定时器,1s后显示该图标。
2023-12-12 15:17:31 439
原创 水平垂直居中深入挖掘
经由上述几个 DEMO 可以看出来,在目前比较常用的水平垂直居中方案当中。flex便捷的水平垂直居中单个元素便捷的水平垂直居中多个元素,无论是横向、竖向,亦或内容超出非常方便控制子元素之间的间距不会改变子元素的宽度当然,美中不足的是,可能相对而言,要敲多几个字符。:flushed:而和grid则或多或少有一些小问题。absolute无法应付多个元素。
2023-12-05 09:51:11 894
原创 vue强制刷新变量
除了$forceUpdate()方法,还有一种方法可以使得Vue中的变量强制刷新,即使用Vue.set()方法。总的来说,在Vue中强制刷新变量的方法很简单。无论是使用$forceUpdate()方法还是Vue.set()方法,都相当容易实现,在开发应用程序时非常有用。在Vue中,变量的强制刷新最常用的方法就是使用$forceUpdate(),它能够强制Vue实例重新渲染。在上述代码中,当调用changeFruits()方法时,Vue.set()方法会修改fruits数组的成员,实现变量的强制刷新。
2023-08-11 15:46:00 614
原创 生命周期详解
此时已经完成了编译模板,把data里面的数据和模板生成html,完成了el和data 初始化,但是此时还没有挂在html到页面上。在数据更新之前被调用,发生在虚拟DOM重新渲染和打补丁之前,可以在该钩子中进一步地更改状态,不会触发附加地重渲染过程。在由于数据更改导致地虚拟DOM重新渲染和打补丁之后调用,调用时,组件DOM已经更新,所以可以执行依赖于DOM的操作。注意:在大多是情况下,应该避免在此期间更改状态,因为这可能会导致更新无限循环,该钩子在服务器端渲染期间不被调用。这一步还可以用this来获取实例。
2022-11-15 10:25:54 100
原创 uniapp使用scroll-view与swiper组件实现tab滑动切换页面
【代码】uniapp使用scroll-view与swiper组件实现tab滑动切换页面。
2022-09-21 15:10:16 744
原创 共享打印机关闭密码?
A:造成是此问题的原因是主机电脑安全级别较高造成的,在主机电脑按照以下方法调整即可解决。1. Windows XP:点击“开始”→“控制面板”→“WINDOWS防火墙”→“列外”,将“文件和打印机共享”选中,点击“确认”退出。Windows 7:打开“控制面板”→“网络和共享中心” →“高级共享设置”:1.启用网络发现。2.启用文件和打印机共享。3.关闭密码保护共享。2. 点击“开始”→“控制面板”→“用户账户”,单击“GUEST账户”选择“启用来宾账户”。3. 点击“开始”→“控制面板”→“管理工具”→“
2022-07-01 14:27:58 4038
原创 HBuilderX配置px自动换为rem
1:打开HBulderX->工具->设置2:点击编辑器配置1:右侧配置区域,向下拉菜单->px转换为rem比例,填写您设置好的比例值(例如,您设置的是100px是1rem,你直接填入100就可以了)
2022-06-23 15:21:20 2372
原创 uniapp导航栏滚动到顶部后固定
<template> <view class="main"> <view class="hand" ref='handHeight'> <!-- 内容块 --> </view> <view class="nav" :class="flag?'fixed':''"> <view class="dataInfo"> <view class="list"> <text.
2022-05-14 14:14:53 682
原创 Vue父组件调用子组件的方法(ref)
vue中如果父组件想调用子组件的方法,可以在子组件中加上ref,然后通过this.$refs.ref.method调用,例如:父组件:<template> <div @click="fatherMethod"> <child ref="child"></child> </div></template><script> import child from '~/components/dam/...
2022-05-12 15:09:47 6984 1
原创 jquery-weui中的datetimePicker格式怎么只显示 年月 或者 年月日?
HTML部分<input type="text" id='datetime-picker'/>JS部分$("#datetime-picker").datetimePicker({ times: function () { return [ ]; }});
2022-03-30 11:21:14 661
原创 js中截取字符串的三个方法 substring()、substr()、slice()
相同点这三个方法都可以对字符串进行截取,并且返回一个新的字符串,也就是不会对原字符串进行修改相同点这三个方法都可以对字符串进行截取,并且返回一个新的字符串,也就是不会对原字符串进行修改//chrome控制台> var a = '0123456789'< undefined> a.substr(1,5)< "12345"> a< "0123456789" //没有发生改变不同点这三个方法的不同之处在于参数不同。substring
2022-03-22 11:08:13 5318 2
原创 bootstrap媒体查询常用写法
@media (max-width: 768px) { /*超小屏幕设备 手机*/}@media (min-width: 768px) and (max-width: 992px) { /*小屏幕设备 平板*/}@media (min-width: 992px) and (max-width: 1200px) { /*中等屏幕设备 桌面*/}@media (min-width: 1200px) { /*大屏幕设备 桌面*/}...
2022-01-06 10:54:31 797
原创 swiper 的左右箭头放到外面 (也可以自定义自己箭头)
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>swi...
2022-01-05 15:30:55 2265
原创 Visual Studio Code 生成vue模板
第一步:右下加找到 “用户代码片段”第二步:输入 “vue” ,单击 “vue.json”第三步:将其中的内容用下面代码替换{ "Print to console": { "prefix": "vue", "body": [ "<template>", " <div>", " $0", " </div>", "</template>..
2021-10-29 13:05:12 150
原创 PHPCMS增加列表页模板(不同的列表页模版)
由于后台添加的内容格式差不多,但是在前台显示的形式可能是多种多样的,这样就导致了需要不能的分类对应不同的模板。PHPCMS已经做好了,相应的处理,依据他的规则来创建文件就行。 首先我们在 /phpcms/templates/default/content/ 目录下面新建一个文件作为列表页的模板,那么需要在命名上依据list_xxx.html的规则。 例如我新建里一个list_news.html 然后你会发现进入后台的界面查看模板,发现系统已经找到了这个文件。后面加上一行
2021-10-03 14:13:04 319
原创 vue项目中更改密码并验证
data() {//此处即表单发送之前验证 let validateNewPassword = (rule, value, callback) => { if (value === this.form.password) { callback(new Error('新密码不能与原密码相同!')) } else { callback()...
2021-09-03 16:03:36 1069 1
原创 邮箱字符串判断
function isAvailableEmail(sEmail) { // var reg = /^([a-zA-Z0-9_.-])+@(([a-zA-Z0-9-])+.)+([a-zA-Z0-9]{2,4})+$/; // 这个通不过,迷惑 var reg = /^[0-9a-zA-Z_.]{1,}@[a-zA-Z0-9_.]{1,}[a-zA-Z0-9]{2,4}$/; // 正解 return reg.test(sEmail);}.
2021-08-31 13:19:09 115
原创 你vscode如何生成Vue的代码片段
按快捷键 ctrl + shift + p 在输入框中输入snippets 如果输入vue.json没有该词条,可以下载一个VueHelper插件4 .将以下代码复制进去{ "Print to console": { "prefix": "vue", "body": [ "<template>", " <div>\n", " </div>", ...
2021-08-24 10:09:11 96
原创 织梦dedecms搜索框写法
<div class="bg_search"> <form id="forms" name="formsearch" action="{dede:global.cfg_cmsurl/}/plus/search.php" method="get"> <div class="kuan"> <input id="search-keyword" name="q" maxlength="30" value="请输入您要查找的..
2021-08-10 09:37:57 168
原创 js方法实现通过出生日期获取周岁年龄
/** * @param strBirthday:指的是出生日期,格式为"1990-01-01" */ //计算年龄 GetAge(strBirthday) { var returnAge, strBirthdayArr = strBirthday.split("-"), birthYear = strBirthdayArr[0], ...
2021-07-03 10:53:02 460
原创 px换算成rem----非常简洁实用 (750的设计稿)
var rootResize=function(){ var baseFontSize = 100; var baseWidth = 750; var minWidth=320; var clientWidth = document.documentElement.clientWidth || window.innerWidth; var inner...
2021-06-16 13:49:41 577
原创 在数组 arr 的 index 处添加元素 item。不要直接修改数组 arr,结果返回新的数组
//使用splice方法插入//splice方法可以增加或删除元素//arr1.splice(2,0,‘z’);------>指的是从arr1数组中的第2个位置删除0个元素,且之前2的位置用‘z’表示//也可以理解,当第二个参数为0时为插入,为1时为替换,大于1则为删除function insert(arr, item, index) {var arr1 = arr.slice(0);//arr1.splice(index,0,item);return arr1;}...
2021-06-11 14:35:51 234
原创 删除数组 arr 第一个元素。不要直接修改数组 arr,结果返回新的数组
function curtail(arr) {var newArr = arr.slice(0);newArr.shift();return newArr;}
2021-06-11 13:46:48 389 1
原创 绝对定位position:absolute,实现居中对齐
<!doctype html><html><head> <meta charset="utf-8"> <title>实现居中对齐</title> <style> .main { position: absolute; width: 700px; height: 500px; background: pink; ...
2021-05-27 11:50:08 650
原创 JavaScript 字符串转json格式
JavaScript 字符串转json格式第一种:浏览器支持的转换方式(Firefox,chrome,opera,safari,ie)等浏览器: JSON.parse(jsonstr); //可以将json字符串转换成json对象 JSON.stringify(jsonobj); //可以将json对象转换成json对符串 第二种:Javascript支持的转换方式: eval('(' + jsonstr + ')'); //可以将json字符串转换成json...
2021-05-21 14:47:11 205
原创 vue-element-admin只有1个二级导航时也要展示
问题: 默认情况下,一级导航下面只有1个二级导航的时候, 一级导航会不做显示, 仅展示二级导航.需求: 一级导航和二级导航都展示, 如下面右图仅需要在路由写上这行就行alwaysShow: true,// 全部是这样{ path: "/management", component: Layout, redirect: "/management/toPayOrder", name: "OrderManagement", ...
2021-04-09 11:21:08 1131
原创 更改vue-element-admin的主题颜色
更改vue-element-admin主题颜色1.安装依赖包cnpm i element-theme -gcnpm i element-theme-chalk -g2:et -i// 将element-variables.scss文件移动到src下在该.sass文件下最后添加代码// 改变icon字体的路径,必须$--font-path:'~element-ui/lib/theme-chalk/fonts';@import "~element-ui/packages/theme-
2021-04-08 08:43:01 793
原创 Vue项目中使用Html+Css使div在页面中居中显示(水平,垂直)
今天突然想改一下自己写的项目中登录页面的样式,于是行动,在加入记住我按钮后,发现input输入框没有居中显示,于是把input 和其他的一些标签整合到一个div层中,但是整个div的样式要居中显示,于是乎找到一些修改的方法,以下内容:1)div使用绝对布局,设置margin:auto;并设置top、left、right、bottom的值相等即可,不一定要都是0。.main{ text-align: center; background-color: #fff; border-radius...
2021-04-07 09:18:07 2370
原创 vsCode 设置vue文件标签内的style智能提示
VS Code 文件-》首选项-》设置搜索:files.associations点击在setting.json中编辑最后一行添加配置:"files.associations": { "*.vue": "html"}其他插件:Visual Studio IntelliCode(微软的AI智能代码推荐提示)目前我使用的一些插件:...
2021-04-06 14:46:27 2050 1
原创 uni中scroll-view简单的滑动
<scroll-view class="scroll-view_H" scroll-x="true" scroll-left="0"> <view class="u-margin-20 listTop"> <text class="u-margin-right-20 act">全部</text> <text class...
2021-01-16 10:03:46 309
原创 如果是北京就跳走
<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script><script> var cityCode=returnCitySN.cname; if (cityCode==='北京市') { window.location.href = '/inde.html'; ...
2021-01-16 09:56:49 62
原创 uni-app结合uView滑动切换页面
<template> <view> <view class="top u-padding-top-10"> <u-tabs :list="list" :is-scroll="false" :current="current" @change="change" active-color="#d4a464"></u-tabs> </view> ...
2021-01-11 14:42:32 3831
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人