- 博客(43)
- 收藏
- 关注
原创 swiper中thumbs缩略图高亮问题
这表示当前轮播图激活的图片的动态样式,其次在style中去对这个class类名去写样式,这是最关键的一点。/* grabCursor: true,//鼠标样式根据浏览器不同而定 */当写好轮播图和缩略图的html结构之后,需要添加。// 获取缩略图dom元素,可加边框等效果。/* 设置每隔3000毫秒切换 *///默认显示第二张图片索引从0开始。// 导航按钮 上一页下一页。-- 分页器 -->//可选选项,自动滑动。
2023-11-24 20:08:02
1328
原创 uni-popup自定义组件弹出输入框
自定义弹出输入框效果:主页面,定义和使用<!-- 引入uni-popup,这个需要插件市场直接引入项目 --><uni-popup ref="showWeight"> <PrintWeight @onClickConfirm="onClickConfirm" @onClickCancel="onClickCancel"></PrintWeight></uni-popup><!--使用--><script&g
2021-10-14 15:12:06
4561
3
原创 uniapp背景音乐api使用方法
// 第一步:在manifest.json中添加"requiredBackgroundModes": ["audio"]。在源码视图中,找到weixin->appid同级添加键值对"mp-weixin" :{ "appid" : "wx03570", "requiredBackgroundModes": ["audio"]}// 第二步:在获取歌曲地址的方法中填写相关 播放属性,只需要添加title+src属性即可getMusicUrl() { // 调用api获取播放改歌曲
2021-09-06 09:26:12
1954
原创 uniapp中git不推送unpackage文件
在项目根目录中新建 .gitignore忽略文件,并如下配置:# 忽略node_modules目录+unpackage目录/node_modules/unpackage/dist注意:unpackage下只有dist文件夹,默认unpackage目录就不会被Git追踪,所以需要在unpackage再建一个 .gitkeep文件夹,这个名称随便起...
2021-08-31 17:48:37
1911
原创 vue基础知识点
标题、个人信息、求职意向、专业技能、工作经验、项目经验、教育背景一、Vue知识点1、基本使用1.1 数据驱动 理念:当数据发生变化的时候,用户界面也会跟随变化,不用去手动修改dom1.2 MVVM框架 MVVM框架主要包括:是一个架构设计模式,由Model、View、ViewModel三部分组成 Model:数据部分 View:视图部分 ViewModel:中间桥梁,连接View和Model(vue的实例) 作用:实现了数据与视图的分离功能,当数据Model发生改变,View
2021-06-24 07:17:30
300
原创 vue基础知识及考点
标题、个人信息、求职意向、专业技能、工作经验、项目经验、教育背景一、Vue知识点1、基本使用1.1 数据驱动 理念:当数据发生变化的时候,用户界面也会跟随变化,不用去手动修改dom1.2 MVVM框架 MVVM框架主要包括:是一个架构设计模式,由Model、View、ViewModel三部分组成 Model:数据部分 View:视图部分 ViewModel:中间桥梁,连接View和Model(vue的实例) 作用:实现了数据与视图的分离功能,当数据Model发生改变,View
2021-06-24 07:15:42
379
原创 js基础面试题
JS变量类型变量类型:Number、String、Undefined、Null、Boolean、Object、Symbol类型判断方法:typeof instanceof值类型和引用类型:值类型按照值传递,引用类型按照指针传递原型链和原型原型所有引用类型(数组、对象、函数)都具有对象特性,可以自由扩展属性所有引用类型(数组、对象、函数)都有一个隐式原型属性__proto__属性,值为普通对象所有函数都有一个显式原型属性 __prototype__属性,值为一个普通对象所有引用类型(
2021-06-24 07:14:53
235
原创 数组与设计思路
1、文字超出部分…显示overflow:hidden;/*超出部分隐藏*/text-overflow:ellipsis;/*超出部分显示...*/white-space:nowrap;/*文本强制一行显示*/2、文字超出部分换行显示flex-wrap:wrap;/*拆行*/white-space:normal;/*文本强制换行*/word-wrap:break-word;/*单词最后不分割*//*换行*//**/word-break:break-all;/* 内容到达宽度自动换行,如果
2021-06-24 07:13:55
263
原创 javascript基础题
二、ES6新特性let和const模板字符串箭头函数解构赋值扩展运算符Set和MapPromiseAsyncJS变量类型变量类型:Number、String、Undefined、Null、Boolean、Object、Symbol类型判断方法:typeof instanceof值类型和引用类型:值类型按照值传递,引用类型按照指针传递原型链和原型原型所有引用类型(数组、对象、函数)都具有对象特性,可以自由扩展属性所有引用类型(数组、对象、函数)都有一个隐式原型属性__p
2021-06-24 07:12:56
202
原创 http状态码
http状态码:2xx:成功3xx:重定向301:永久重定向302:临时重定向303:存在另外一个URL,需要使用get方法重新请求304:服务器允许访问,但是请求条件不满足4xx:客户端问题400:数据格式存在问题403:服务器禁止访问,权限不够404:服务器没有找到资源5xx:服务器问题500:服务器端在请求时候出错503:服务器停机维护,无法使用01.HTTP报文结构起始行 ——在起始行中每两个部分之间用空格隔开,最后一个部分用一个换行请求报文起始行:GET /ho
2021-06-24 07:11:07
488
原创 vue知识回顾
一、Vue知识点1、基本使用1.1 数据驱动 理念:当数据发生变化的时候,用户界面也会跟随变化,不用去手动修改dom1.2 MVVM框架 MVVM框架主要包括:是一个架构设计模式,由Model、View、ViewModel三部分组成 Model:数据部分 View:视图部分 ViewModel:中间桥梁,连接View和Model(vue的实例) 作用:实现了数据与视图的分离功能,当数据Model发生改变,ViewModel会监听到变化并通知View也做出改变,当View视图的事
2021-06-09 08:09:26
110
原创 vue时间过滤器使用
// 过滤器 filter 2020-12-20import Vue from 'vue'Vue.filter('dataTime', value => { const dt = new Date(originVal) const y = dt.getFullYear() const m = (dt.getMonth() + 1 + '').padStart(2, '0') // padStart(2, '0')两位数字不够在前面加0 const d = (dt.getDate() + '
2021-06-07 15:10:12
201
原创 flex-shrink的使用
当使用flex布局时候,设置的子盒子平均占据了容器的空间,如果这时候添加一个div,设置宽度,并不会显示,容器已经没有空间给这个flex管理的div空间,所以需要给它设置 flex-shrink:0;退出flex,这样就会显示宽度...
2021-06-03 14:48:37
936
原创 vue-router子路由的使用
// 引入import Vue from 'vue'import VueRouter from 'vue-router'// 插件Vue.use(VueRouter)const routes = { { path: '/login', name: 'login',//相当于给路径起一个别名,用来跟方便检索,也可以不要 component: () => import('@/views/login') }, { path: '/', component: () =>
2021-06-02 10:52:28
182
原创 vant在项目中自动按需导入
vant项目按需导入组件// 1、创建.babelrc文件{ "plugins": [ ["import", { "libraryName": "vant", "libraryDirectory": "es", "style": true }] ] }// 2、在需要使用的页面按需引入main.js<template> <div id="app"> <router-v
2021-05-31 15:41:15
453
原创 git笔记
0、git config --global user.name ""1、git config --global user.email "" 在C:/Users/yong/用户名文件夹/.gitconfig查看1、git init 初始化会生成一个.git文件2、git status 查看当前状态 git status -s 精简3、git add . 一次性对多个修改的内容进行添加操作至暂存区 clear清理4、git commit -m "对提交的内容进行描述" 提交到本地5、git br
2021-05-30 20:15:35
58
原创 小程序分包配置
在pages同级目录创建subpkg文件在pages.json中与pages同级下声明subPackages 节点,用来包含其分包\"subPackages": [{"root":"subpkg","pages":[]}]在subpkg文件创建分包页面
2021-05-19 11:44:59
93
原创 phpstudy配置本地服务器
Apache版本都可以–2.4.39设置中找到配置文件,记事本打开hosts文件,在最后面添加域名127.0.0.1 www.qmx.com配置完hosts文件之后,创建一个新的网站,域名填写 www.qmx.com 需要与hosts文件内的一致根目录的地址需要与所启动的文件夹的根目录就可以重新启动Apache服务即可,在网站上输入域名既可以在本地服务区运行...
2021-04-27 09:28:17
247
原创 引用模块import,加{}和不加{}的区别
不加{}的情况下// 在user.js文件中,提供export default导出,那么可以不要{}// /store/home.jsimport user from './user'// /store/user.jsexport defaule user添加{}的情况// 在user.js文件中,提供 export 导出的user,那么需要加{}// /store/home.jsimport {user} from './user'// /store/user.jsex.
2021-04-12 16:29:55
556
原创 滚动条的使用
uniapp 左右两条滚动条<template> <view class="nav"> <view class="content"> <scroll-view scroll-y class="left" scroll-top> <view class="text">联系</view> <view class="text">联系</view> <view class="t
2021-04-07 15:20:36
164
原创 jQuery 任意公历转为农历
<!-- 可以将span标签内容中的任何日期改成 农历 --><span class="birday">出生年月:{$res.date}</span><span class="old"></span><span class="birday">出生年月:2012-12-12</span><span class="old"></span> <script> //在获取页面内容时,调用
2021-04-06 15:19:52
1166
3
原创 css常用的文字样式
/* 文字一行显示,超出部分隐藏用...代替 */text-align: justify;text-justify: newspaper;word-break: break-all;/* 文字超出部分换行显示 */flex-wrap: wrap;white-space:normal;word-wrap : break-word;
2021-03-25 15:29:44
91
原创 uniapp使用技巧
生命周期函数执行顺序进入某一个页面onLoad:页面加载onShow:页面显示onReady:页面渲染由该页面跳转进入下一页面onHide:隐藏页面onLoad:加载页面onShow:显示页面onReady:渲染页面下一页面返回该页面onUnload:卸载页面onShow:显示页面知识点模板语法:v-bind–: v-on–@数据绑定条件判断:v-if v-if-else v-else列表渲染基础组件的使用自定义组件的使用基础api的用法条件编译页面
2021-03-23 22:07:53
2399
原创 vuex
vue通信方式props一般属性实现父子通过,函数属性实现子父通信,缺点:隔代组件和兄弟组件通信麻烦vue自定义事件 $emit()绑定监听:<myComp @event='callback'触发事件:this.$emit('event',data)缺点:只适合子父通信兄弟组件之间共享数据:EventBus$on 接收数据的那个组件$emit 发送数据的那个组件消息订阅与发布 :需要引入消息订阅与发布的实现库:如pubsub-js订阅消息:P
2021-03-05 10:38:20
242
1
原创 常用的String和Array对象
JavaScript String对象–常用charAt(index) :返回指定位置的字符,index从0开始var str="Hello world!"console.log(str.charAt(1))//esplit(separator,howmany):把字符串分割为字符串数组,参数1是分割的依据,参数2是返回数组的最大长度//如果是空字符串那么全部分割var str = "get-element-by-id"console.log(str.split("-"))//["g
2021-02-27 07:33:47
143
原创 电商的逻辑
登录-表单绑定数据绑定数据—逻辑:绑定数据绑定在input中,校验规则绑定在form中给外层的form属性model绑定form数据 v-bind给内部input绑定 form对象中name属性值 v-model<el-form :model="loginForm"> <el-form-item> <el-input v-model="loginForm.username"></el-input> </el-form-
2021-02-26 23:00:05
96
原创 电商系统中的方法
数组join()把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。pop()删除并返回数组的最后一个元素push()向数组的末尾添加一个或更多元素,并返回新的长度。reverse()颠倒数组中元素的顺序。shift()删除并返回数组的第一个元素slice()从某个已有的数组返回选定的元素sort()对数组的元素进行排序splice()删除元素,并向数组添加新元素。toSource()返回该对象的源代码。toSt
2021-02-26 22:59:26
127
原创 H5+C3面试题
响应式布局媒体查询:通过窗口大小、屏幕比例来改变页面上显示响应式布局:在不同屏幕下,通过媒体查询来改变布局容器大小,然后改变里面的子元素排列方式和大小,从而实现不同屏幕下,页面布局方式和样式改变@media screen and (max-width:575px){//小于575px .content{width:100%}}@media screen and (min-width:576px){//大于等于576px .content{width:540px}}@media screen
2021-02-26 16:39:18
601
原创 beforeEach 导航守卫的使用
// to:表示访问的路径 from:代表从哪个路径跳转而来 next:是一个函数,表示放行 1.next()放行 2.next('/login) 强制跳转//为路由对象,添加beforeEach 导航守卫 router.beforeEach((to, from,next) => { // 如果用户访问的登录页,直接放行 if(to.path === '/login') return next() // 从sessionStorage中获取到保存的token值
2020-11-13 21:03:36
856
原创 mysql忘记密码
Mysql重置root密码遇到的坑(忘记密码)net stop mysql net start mysql1、原理通过配置参数“skip_grant_tables”在mysql启动时跳过grant_tables(授权表),从而通过命令来充值root帐号的密码2、方式首先需要停止mysql服务(1)在my.ini文件的[mysqld]块下增加“skip_grant_tables”,然后重启mysql服务,再以管理员权限打开cmd执行一些列命令重置密码步骤如下:A、找到my.ini文件(右击
2020-11-12 17:51:00
84
原创 nodejs笔记
Node介绍为什么要学习Node.js企业需求具有服务端开发经验更改front-endback-end全栈开发工程师基本的网站开发能力服务端前端运维部署多人社区[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-GK76wc7M-1602206758683)(C:\Users\A\AppData\Roaming\Typora\typora-user-images\image-20200317114503403.png)]Node.js是什么
2020-10-09 09:26:46
438
原创 JS进制的数字
在js中,如果需要表示16进制的数字,则需要以0x开头如果需要表示8进制的数字,则需要以0开头如果需要表示2进制的数字,则需要以0b开头 var a = 123; a = "070"; a = parseInt(a,16);//可以在parseInt()中传递第二个参数,来指定数字的进制 console.log(typeof a);//number console.log(a);//112...
2020-06-30 14:19:22
429
原创 Number与Boolean类型转换
Number类型转换1、使用Number()函数-字符串转Number1).如果是纯数字的字符串,则直接转为数字2).如果字符串有非数字的内容,则转换NaN3).如果字符串是一个空串,则转换为0-布尔转Numbertrue为1 false为0-Null转Number 0-Undefined—>Number NaN2、这种方式专门对付字符串-parseInt() 把一个字符串转换为一个整数-parseFloat() 把一个字符串转换为一个浮点数a .
2020-06-30 14:15:14
3857
原创 String数据类型转换
JS数据类型转换js一共有6种数据类型String:字符串 typeof-stringNumber:数值 typeof-Number(NaN是一个特殊的数字,表示不是数字)Boolean:布尔值 typeof-BooleanNull:空值 typeof-object(特殊)Undefined:未定义 typeof-UndefinedObject:对象 typeof-object其中前5属于基本数据类型,object属于引用数据类型var a="abc"+"bcd";cons
2020-06-28 20:35:14
253
原创 字体图标的两种方式
第一种字体图标是跟文字紧贴着,鼠标移动到文字,字体图标也会变颜色<head> <!-- 需要先在头部引入css链接 --><link rel="stylesheet" href="fonts/iconfont.css"></head><body><li><a href="#">女装 <i class="iconfonr=t"></i></a></l
2020-06-16 16:46:25
183
原创 overflow:hidden三大作用
1.文档溢出当div设置了宽高,div里的内容如果超出了宽高就会被隐藏2.清除浮动当div不设置高度的时候,内部的元素又设置了float的时候,这个时候内部的元素会脱离div的那一层,这个时候div因为元素脱离,高度就会变成0,这个时候div后面的元素就会顶上来。解决:给父元素添加声明 overflow:hidden;(高度塌陷解决方法二:在浮动元素下方添加空div,并给该元素添加声明:clear:both;)3.子级设置margin-top,父级一起移动当div里面的元素设置了marg
2020-06-04 10:29:04
641
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人