摘要: 一、获取url及url参数的方法 若获取地址 http://localhost:8080/index.html?id=132 中的id的值,只需要,在js文件中加入下面代码(为jq扩展方法getUrlParam ) 便可以通过方法$.getUrlParam('id')获取URL的数据 //获取url 阅读全文
posted @ 2021-03-31 20:36 星河几重 阅读(3014) 评论(0) 推荐(0) 编辑
摘要: tab选项卡 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="js/jqu 阅读全文
posted @ 2021-03-30 22:19 星河几重 阅读(75) 评论(0) 推荐(0) 编辑
摘要: bootstrap3的显示和隐藏 hidden-* 在指定设备隐藏 visible-* 在指定设备显示 bootstrap4的显示和隐藏 为了更快地进行移动设备开发,请使用响应式显示类来按设备显示和隐藏元素。避免创建相同站点的完全不同版本,而是相应地为每个屏幕大小隐藏元素。 要隐藏元素,只需使用.d 阅读全文
posted @ 2021-03-30 22:02 星河几重 阅读(1279) 评论(0) 推荐(0) 编辑
摘要: 对象语法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conten 阅读全文
posted @ 2021-03-27 18:04 星河几重 阅读(206) 评论(0) 推荐(0) 编辑
摘要: 一、v-model 表单输入绑定 使用v-model创建双向数据绑定, 用来监听用户的输入事件以更新数据,并对一些极端场景进行一些特殊处理。 <template> <div> <input class="login-input" type="text" v-model="username" plac 阅读全文
posted @ 2021-03-27 14:53 星河几重 阅读(1538) 评论(0) 推荐(0) 编辑
摘要: @input实时监听输入数据 <input type="text" placeholder="实时监听" v-model="inputVal" @input="inputFn"> data: { inputVal:'' }, methods: { //实时监听 inputFn(e){ console 阅读全文
posted @ 2021-03-27 14:39 星河几重 阅读(608) 评论(0) 推荐(0) 编辑
摘要: 渲染数据时,有时候往往需要把最新的那条数据放在最上面,最简单的方法就是在渲染之前把数据先倒序排列好,再渲染到网页上。 这时就要用到reverse()。 <div class="list" v-for="(item,index) in reverseSum" :key="index> <ul > <l 阅读全文
posted @ 2021-03-27 13:27 星河几重 阅读(1545) 评论(0) 推荐(0) 编辑
摘要: 效果图: 主要思路: 点击不同 tab 获取 tab 选项卡下标并为其动态绑定一个class(选中状态时的样式) 点击时使 tab 对应的内容下标与 tab 选项卡下标保持一致 使用 v-show / v-if 指令控制内容显示与隐藏 源码: <html lang="en"> <head> <met 阅读全文
posted @ 2021-03-27 12:38 星河几重 阅读(3714) 评论(0) 推荐(0) 编辑
摘要: 前言:我们在码代码的时候,经常会遇到需要给第一个或者最后一个元素添加或删除样式,还有一些比较特殊的是选取第几个元素添加或删除样式,下面记录css选择器中常见的选择器:相邻兄弟选择器(+)、子选择器(>)、兄弟选择器(~)、first-child、:last-child、:nth-child()、:n 阅读全文
posted @ 2021-03-10 13:48 星河几重 阅读(564) 评论(0) 推荐(0) 编辑
摘要: 微信头部导航栏可能通过json配置: (文档:https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/page.html) 但是有时候我们项目需求可能需要自定义头部导航栏,如下图所示: 分析上图,我得到如下信息 阅读全文
posted @ 2021-02-28 15:28 星河几重 阅读(359) 评论(0) 推荐(0) 编辑
摘要: 大部分情况下我们都是使用微信官方自带的 navigationBar 配置 ,但有时候我们需要在导航栏集成搜索框、自定义背景图、返回首页按钮等。 思路 隐藏官方导航栏 获取胶囊按钮、状态栏相关数据以供后续计算 根据不同机型计算导航栏高度 编写新的导航栏 页面引用自定义导航 一、隐藏官方导航栏 隐藏导航 阅读全文
posted @ 2021-02-28 14:38 星河几重 阅读(1044) 评论(0) 推荐(0) 编辑
摘要: 一、在官网选择合适的字体图标加入到项目中,然后在页面中打卡在线链接,全选复制代码 二、新建一个字体图标库样式文件(iconfont.css),然后粘贴刚刚复制的代码 三、使用字体图标 1、首先要在app.vue文件中引入刚刚新建的字体图标库样式 2、使用图标 拓展:微信小程序中引入图标库 【微信小程 阅读全文
posted @ 2021-02-28 14:02 星河几重 阅读(110) 评论(0) 推荐(0) 编辑
摘要: 注意:在uni-app中引入阿里巴巴图标库步骤同上。 【uni-app】引入阿里巴巴图标库 阅读全文
posted @ 2021-02-28 13:54 星河几重 阅读(158) 评论(0) 推荐(0) 编辑
摘要: ES6的模块化中,export与export default都可以用于导出常量、函数、文件、模块等,我们可以通过在其它文件或模块中import(常量、函数、文件、模块)的方式导入,但在一个文件或模块中,export、import可以有多个,export default仅有一个。 export的使用 阅读全文
posted @ 2021-02-25 17:24 星河几重 阅读(817) 评论(0) 推荐(0) 编辑
摘要: 在JavaScript中需要通过document.querySelector("#demo")来获取dom节点,然后再获取这个节点的值。在Vue中,我们不用获取dom节点,元素绑定ref之后,直接通过this.$refs即可调用,这样可以减少获取dom节点的消耗。 ref介绍 ref被用来给元素或子 阅读全文
posted @ 2021-02-25 17:18 星河几重 阅读(364) 评论(0) 推荐(0) 编辑