- 博客(74)
- 收藏
- 关注
RSS订阅原创 移动端750px页面适配
更改js中的宽度，如果设计稿是750的就写750，是640的就改为640的，现在大部分是根据iPhone6的宽度来的设计稿，也就是750px的设计图。我们以100px为单位，这样就可以不用执行减半等换算工作，设计稿给多少值，就用多少值/100。Visual Studio Code :PX转rem。中输入cssremroot。
2024-09-30 15:46:02
337
原创 vscode 快速生成vue 格式
输入“Snippets”并选择 Snippets: Configure User Snippets。4.新建一个 vue 文件，输入“vue2”，按下回车键，自动生成模板。1.用快捷Ctrl + Shift + P唤出控制台。vs code自动生成vue.json文件。2.输入vue，选中vue.json。3.在 vue.json 中添加模板。
2024-08-09 15:08:49
586
原创 100个免费可商用图库，一次收藏，众生受益
需要先确认图片下方的「Public Domain」标示，再点选旁边的下载按钮，最终右键保存图片即可免费商用。和Thestocks网站相似，首页左侧栏目提供了更多的分类资源，比如图片、字体、音效、视频、色彩等。支持英文搜索，图片高清、丰富，同时首页左侧栏目还可选择搜索颜色、图标、影片、字体等资源。支持英文搜索，搜集了大量资源，如论文、书籍、音频、图片、电影等。支持英文搜索，个性图片多，分类丰富，还可以邮件订阅图片。支持英文搜索，图片简洁、高质，自然图片和创意图片居多。
2024-08-06 15:25:12
2656
原创 资源 | 33个国内外设计自学网站
站酷旗下除拥有主站设计师互动平台站酷网之外，还重点打磨了一站式正版视觉内容交易平台——站酷海洛、艺术教育平台——站酷高高手，为设计创意从业者在学习、展示、交流、就业、交易、创业各个环节提供了优质的专业服务，为设计师和企业的成长之路提供了高效的版权解决方案和立体的视觉服务。课程更偏向概念和理论，如交互设计、 图形设计、UX设计。一个职业技能高效率自学平台，致力于为学习者提供优质的在线学习服务，课程覆盖了平面设计，室内设计，影视后期，园林景观设计，机械设计5个热门领域，可以自由选择感兴趣的网络课程在线学习。
2024-08-06 15:23:38
1064
原创 uni实现 侧边固定定位图标 滑动隐藏
移动端页面，有时候会出现一些固定定位在底部图标，比如领取购物券 联系客服等。这时候如果滑动页面，图标透明度变低，同时移动到屏幕侧边进行隐藏，效果如下。监听滑动事件，每次滑动时，触发动画。添加定时器，1s后显示该图标。
2023-12-12 15:17:31
539
原创 水平垂直居中深入挖掘
经由上述几个 DEMO 可以看出来，在目前比较常用的水平垂直居中方案当中。flex便捷的水平垂直居中单个元素便捷的水平垂直居中多个元素，无论是横向、竖向，亦或内容超出非常方便控制子元素之间的间距不会改变子元素的宽度当然，美中不足的是，可能相对而言，要敲多几个字符。:flushed:而和grid则或多或少有一些小问题。absolute无法应付多个元素。
2023-12-05 09:51:11
939
原创 vue强制刷新变量
除了$forceUpdate()方法，还有一种方法可以使得Vue中的变量强制刷新，即使用Vue.set()方法。总的来说，在Vue中强制刷新变量的方法很简单。无论是使用$forceUpdate()方法还是Vue.set()方法，都相当容易实现，在开发应用程序时非常有用。在Vue中，变量的强制刷新最常用的方法就是使用$forceUpdate()，它能够强制Vue实例重新渲染。在上述代码中，当调用changeFruits()方法时，Vue.set()方法会修改fruits数组的成员，实现变量的强制刷新。
2023-08-11 15:46:00
869
原创 生命周期详解
此时已经完成了编译模板，把data里面的数据和模板生成html，完成了el和data 初始化，但是此时还没有挂在html到页面上。在数据更新之前被调用，发生在虚拟DOM重新渲染和打补丁之前，可以在该钩子中进一步地更改状态，不会触发附加地重渲染过程。在由于数据更改导致地虚拟DOM重新渲染和打补丁之后调用，调用时，组件DOM已经更新，所以可以执行依赖于DOM的操作。注意：在大多是情况下，应该避免在此期间更改状态，因为这可能会导致更新无限循环，该钩子在服务器端渲染期间不被调用。这一步还可以用this来获取实例。
2022-11-15 10:25:54
135
原创 uniapp使用scroll-view与swiper组件实现tab滑动切换页面
【代码】uniapp使用scroll-view与swiper组件实现tab滑动切换页面。
2022-09-21 15:10:16
888
原创 共享打印机关闭密码?
A：造成是此问题的原因是主机电脑安全级别较高造成的，在主机电脑按照以下方法调整即可解决。1. Windows XP：点击“开始”→“控制面板”→“WINDOWS防火墙”→“列外”，将“文件和打印机共享”选中，点击“确认”退出。Windows 7：打开“控制面板”→“网络和共享中心” →“高级共享设置”：1.启用网络发现。2.启用文件和打印机共享。3.关闭密码保护共享。2. 点击“开始”→“控制面板”→“用户账户”，单击“GUEST账户”选择“启用来宾账户”。3. 点击“开始”→“控制面板”→“管理工具”→“
2022-07-01 14:27:58
4585
原创 HBuilderX配置px自动换为rem
1:打开HBulderX->工具->设置2:点击编辑器配置1:右侧配置区域,向下拉菜单->px转换为rem比例,填写您设置好的比例值(例如,您设置的是100px是1rem,你直接填入100就可以了)
2022-06-23 15:21:20
2691
原创 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
787
原创 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
7168
1
原创 jquery-weui中的datetimePicker格式怎么只显示 年月 或者 年月日？
HTML部分<input type="text" id='datetime-picker'/>JS部分$("#datetime-picker").datetimePicker({ times: function () { return [ ]; }});
2022-03-30 11:21:14
747
原创 js中截取字符串的三个方法 substring()、substr()、slice()
相同点这三个方法都可以对字符串进行截取，并且返回一个新的字符串，也就是不会对原字符串进行修改相同点这三个方法都可以对字符串进行截取，并且返回一个新的字符串，也就是不会对原字符串进行修改//chrome控制台> var a = '0123456789'< undefined> a.substr(1,5)< "12345"> a< "0123456789" //没有发生改变不同点这三个方法的不同之处在于参数不同。substring
2022-03-22 11:08:13
5591
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
864
原创 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
2844
原创 Visual Studio Code 生成vue模板
第一步：右下加找到 “用户代码片段”第二步：输入 “vue” ，单击 “vue.json”第三步：将其中的内容用下面代码替换{ "Print to console": { "prefix": "vue", "body": [ "<template>", " <div>", " $0", " </div>", "</template>..
2021-10-29 13:05:12
197
原创 PHPCMS增加列表页模板(不同的列表页模版)
由于后台添加的内容格式差不多，但是在前台显示的形式可能是多种多样的，这样就导致了需要不能的分类对应不同的模板。PHPCMS已经做好了，相应的处理，依据他的规则来创建文件就行。 首先我们在 /phpcms/templates/default/content/ 目录下面新建一个文件作为列表页的模板，那么需要在命名上依据list_xxx.html的规则。 例如我新建里一个list_news.html 然后你会发现进入后台的界面查看模板，发现系统已经找到了这个文件。后面加上一行
2021-10-03 14:13:04
361
原创 vue项目中更改密码并验证
data() {//此处即表单发送之前验证 let validateNewPassword = (rule, value, callback) => { if (value === this.form.password) { callback(new Error('新密码不能与原密码相同!')) } else { callback()...
2021-09-03 16:03:36
1265
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
140
原创 你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
115
原创 织梦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
203
原创 js方法实现通过出生日期获取周岁年龄
/** * @param strBirthday：指的是出生日期，格式为"1990-01-01" */ //计算年龄 GetAge(strBirthday) { var returnAge, strBirthdayArr = strBirthday.split("-"), birthYear = strBirthdayArr[0], ...
2021-07-03 10:53:02
502
原创 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
643
原创 在数组 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
263
原创 删除数组 arr 第一个元素。不要直接修改数组 arr，结果返回新的数组
function curtail(arr) {var newArr = arr.slice(0);newArr.shift();return newArr;}
2021-06-11 13:46:48
441
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
763
原创 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
251
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人