BetterGG的博客

得学之,得乐矣!

layui 的 select 下拉选择框实现默认选中某一项

1、使用 select 下拉选择框后在浏览器的选择效果 2、如何实现自动选择 通过默认执行一次 click 事件触发 //状态选中项 var opts = $('.layer_update .layui-input-block dl.layui-anim dd') ...

2019-06-15 17:29:07

阅读数 9

评论数 0

JS——通过元素名删除数组中该元素

Array.prototype.remove = function (val) { var index = this.indexOf(val); if (index > -1) { this.splice(index, 1); } } var...

2019-06-13 19:35:39

阅读数 5

评论数 0

CSS——content换行符与打点loading效果

效果:省略号从一个点到三个点不停变化 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8...

2019-05-16 15:49:18

阅读数 10

评论数 0

小程序——调用手机地图app

流程:点击某页面的地址,出现下图,点击右下角导航可选择打开app。 实现步骤: 1、高德开放平台入门指南 2、在你小程序中调用 sdk 接口 let amapFile = require("./amap-wx"); // 高德开发者key let key = '...

2019-05-14 18:18:34

阅读数 136

评论数 0

小程序——公众号、支付、扫码、代扣、解密用户数据文档

微信公众号开发文档:https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1445241432 微信小程序API开发文档:https://developers.weixin.qq.com/miniprogram/dev/ap...

2019-05-08 14:11:40

阅读数 22

评论数 0

不同页面使用共同的 header 时,点击导航栏的高亮效果

思路:通过获取当前页面的 URL 与导航栏中所有 a 标签中的 href 比较,如果包含则高亮 //获取div下面所有的a标签(返回节点对象) var myNav = document.querySelectorAll("#navItems a"); //获取当前窗口的u...

2019-05-07 16:21:33

阅读数 19

评论数 0

HTML页面实现打印时有水印功能

本文档包含 水印背景图片、水印背景文字 2 种功能实现。 以下 2 种方法实现了打印附带水印,浏览页面是不显示水印功能。并可很简单就改成在以上 2 种状态时都显示水印的状态。 1、水印图片 实现思路:使用 img 标签引入图片作为水印图 <!DOCTYPE html&a...

2019-04-24 18:13:04

阅读数 139

评论数 0

JS——实现左右可拖动改变宽度的div内容显示区,并且控制拖动范围

转自:https://www.jianshu.com/p/014380e6ae50 <!DOCTYPE html> <html lang="en"> <head> <...

2019-04-11 11:37:06

阅读数 74

评论数 0

CSS——浏览器兼容问题

1、ie 浏览器从 9 开始兼容 flex 布局并支持媒体查询,自 9 之后基本上正常开发就可以了,只要不用 css3 属性,ie9 的显示效果和谷歌浏览器上是一样的。但一旦需要兼容 ie8,需要面临很多问题,见此链接:小小夕 2、各浏览器对 css3 属性的支持 3、各浏览器对 css3...

2019-03-20 17:08:03

阅读数 39

评论数 0

js 获取当前页面名称

// 取当前页面名称(不带后缀名) function pageName() { var a = location.href; var b = a.split("/"); var c = b.slice(b.length-1, b.length).toString(Strin...

2019-03-20 16:10:13

阅读数 58

评论数 0

PC端qq和WeChat聊天记录的备份及恢复的方法

在重装系统后 QQ 或 WeChat 的聊天记录会丢失,依据以下链接的方法完全可恢复,非常简单清晰,故此记录在自己的博客中: 1、电脑qq聊天记录的备份及恢复的方法 2、电脑WeChat聊天记录的恢复:     这个恢复方法是建立在你电脑中还有该聊天记录的数据的前提下。         如果...

2019-02-21 14:35:11

阅读数 611

评论数 0

CSS——清除浮动,不破坏文档结构,没有副作用

因为浮动的特殊性以及使用后往往需要考虑对后续代码效果的影响,我个人一直极少用浮动,用完之后清除浮动的方法也很单一,对父元素设置如下 clearfix 的 class 属性就行: .clearfix:after,.clearfix:before {content: '';display: tab...

2019-02-14 17:30:35

阅读数 40

评论数 0

echarts图表在微信小程序中的使用

首先,如果是未使用过 echarts 或对其不熟悉的开发者,建议先看看 echarts 的 官方文档,主要对 echarts 的配置项和 api 的作用有个基本了解。 其次,echarts 在网页中的使用和在小程序中的使用略有差别,此处有一个不错的 demo,可作为参考。不过这个 demo 的问...

2019-01-29 10:06:10

阅读数 381

评论数 0

ES6 对象解构赋值和数组结构赋值

1、解构对象     1.1、解构单层对象         1.1.1、解构单层对象——不赋值 let data = { id: 1, name: 'Jack' } let { id, name } = data; console.log(id, name) ...

2019-01-02 11:59:46

阅读数 46

评论数 0

我的前端之路所涉及的数据结构处理

目录:1、级联选择器;2、将公司结构扁平对象 转化为 树形对象;3、冒泡排序;4、Number 数组中的最大差值;5、生成斐波那契额数列;6、数组去重 一、级联选择器     需要先将下文 part one 中的数据结构转换成 part two 中的数据结构 // part one var ...

2018-12-29 15:36:18

阅读数 134

评论数 1

搭建云服务器知识点

一、相关资料     1、云服务器与云虚拟主机的特点及区别:https://baijiahao.baidu.com/s?id=1601307609779050678&wfr=spider&for=pc     2、阿里云服务器购买配置、环境部署、搭...

2018-12-25 22:54:57

阅读数 158

评论数 0

js 设置当前时间的后20分钟、后一小时、前一天等等相对时间

不管是设置相对当前时间有多久时间差的时间,统一思路为:先获取当前时间的时间戳,再根据需求加减时间获得新的时间戳,然后取年月日与时分秒。实例如下: // 设置默认时间——先转化为毫秒数,加上 20 分钟的毫秒数,再转化回来 setDefaultTime() { let t = ...

2018-12-19 11:35:52

阅读数 767

评论数 0

CSS——给 div 设置显示效果小于 1px 宽度的边框

.box text { color: #2298fc; padding: 5rpx 10rpx; } .box text.borderB { position: relative; } .box text.borderB:after { display: block; c...

2018-12-18 10:46:57

阅读数 124

评论数 0

开发天驰后台管理小程序的经验及——前端架构的构想

我入前端一年,算是很短暂了,作为前端的出生牛犊,安敢妄言整体架构。然合抱之木生于毫末,九尺之台起于垒土,千里之行始于足下,我虽生于微末,本是杂草丛间的一颗瓢虫,但亦心有雄鹰,向往长空。故此,愿在平常生活中汲分寸营养,积毫厘之土,纳涓涓细流,只希望不要辜负了自己。 我的某些博客是多次补充才逐渐完善...

2018-12-13 22:42:14

阅读数 51

评论数 0

小程序拖拽组件

<movable-area style="height: {{H*2}}rpx;width: {{W*2}}rpx; position: fixed; top: 0;"> <mov...

2018-12-10 17:32:06

阅读数 254

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭