3 hangGe0111

尚未进行身份认证

我要认证

暂无相关简介

等级
TA的排名 1w+

vue报错Module build failed: Error: Failed to load plugin html: Cannot find module ‘eslint-plugin-html‘

1.命令行展示2.命令行运行cnpm install eslint-plugin-html

2020-09-30 11:06:33

小程序锚点跳转(字母滚动到相关城市楼层)

城市快捷导航,可以点击触发,也可以触摸(手指在快捷导航从上往下连着往下触摸移动,导航跟着变动)1.util.jsvar cityObj = [{ "id": "35", "provincecode": "150000", "city": "\u963f\u62c9\u5584\u76df", "code": "152900", "initial": "A" }, { "id": "38", "provincecode": "210000", "city": "\u978d\u5c71\u5e02"

2020-09-25 15:21:12

weui在微信小程序中使用

1.方法一 (useExtendedLib方式 (推荐此方式)):说明:这种方式引入的组件将不会计入代码包大小,并且 不需要 在app.wxss 中引入weui.wxss,比较方便:1.1 首先在app.json 配置:{ "useExtendedLib": { "weui": true }}1.2 在需要使用的页面 的 json文件 引入组件:"usingComponents": { "mp-dialog": "weui-miniprogram/...

2020-09-15 14:51:44

js 数组 splice 和 delete 区别

1.参数:splice(index,len,item):index:起始位置;len:长度;item替换项delete member :member删除的项目2.长度:splice:删除某一项,删除所占空间,所以长度减少delete:只删除值(对应值所在位置变为undefined),不删除所占空间,所以长度不变3.删除以后:对于值变为undefined的情况可以 通过 for in循环来过滤掉无效项;或者通过 for循环和if来判断去掉无效项;4.代码:<html>

2020-08-11 16:38:41

js判断当前浏览器是否被浏览 document[hiddenProperty]

1.背景: 做房产咨询时,在B客服端如果收到客户发过来消息,浏览器不在当前浏览窗口,在标题栏提示B端客服收到新消息消息,方便B端客服及时回复新消息。2.实现思路: 判断B端是否浏览当前页,改变浏览器title值,通过计时器改变title,做出来的效果有点像动画的赶脚。(此处的else部分应该写在收到信息时执行,收到消息判断不在当前页,则改变title)3.代码实现<html> <head> <meta charset="UTF-8">...

2020-08-11 13:35:10

HTML5 桌面通知 new Notification

1.背景:房产咨询,用户和房博士聊天,当发送聊天消息时,需要做收到消息通知,最后查到HTML5新增的 Notification API的通知功能。即使将浏览器窗口最小化,依然会收到消息通知。2.通知权限: 2.1 首先需要 看浏览器是否支持 Notification ,支持才有下文,否则就此止步; 2.2 通过 Notification.permission 检测用户是否允许通知:// Notification.permission === 'granted' 用户允许// ...

2020-08-11 10:40:22

微信小程序吸顶两种方式,一种js,一种css (position: sticky; top: 0;)

1.比较常用的方式,通过js获取当前元素距离顶部的高度,同时通过onPageScroll监听页面滚动的高度,对比二者的大小,通过fixed定位来实现置顶悬浮。(此方式需注意,不要一直setdata,不然会出现卡顿现象)。1. wxml<view style="width: 100%; height: 300rpx; background: rgba(0,0,0,0.1); margin-top:30rpx;"></view><view style="width: 1

2020-08-10 14:58:09

微信小程序分享盆友圈(onShareTimeline)

1.代码Page({ onShareTimeline: function() { return { title: '自定义标题', query: 'name=xxx&age=xxx', imageUrl: 'http://demo.png', } },})2.参数 (官网传送门)3.分享到朋友圈 Beta,注意事项,点击可参考:3.1 基础库 大于等于 2.11.3 才开始支持;3.2 目前为Beta版本,暂时只支持在 Android 平...

2020-08-10 09:58:42

微信小程序优化注意点(用户体验,数据逻辑优化)

1.对于列表请求数据,使用二维数组,以分页的页码做一维下标,以条数做二维下标,每次setData只setData当前页的数据,其他页的数据不用。因为每次setData的数据量大小有限制,官网也有说明;可以参考2.对于列表中删除某一项,会存在状态不对的情况。例如:左滑删除,一页数据有10条,左滑删除第5条,此时第6条变为第5条,此时的第5条应该不是出于左滑状态,但是显示的是左滑状态,应该给每条for循环的添加一个key即可。(点击参考传送门)3.对于表单提交:3.1对于input填写,然后

2020-07-02 14:16:27

微信小程序跳转微信小程序传参

1.背景:在某些情况下,需要使用到微信小程序间的跳转携带参数。例如:小程序A跳转到小程序B,小程序A是北京的数据,跳转到小程序B(B默认的是西安的),此时就需要将A的北京的城市传给B,让B的信息也切换为背景的才对,此时就需要把小程序A的城市信息通过小程序跳转的方式传给B小程序。2.参数携带有两种:(1)path方式(参数拼接到路径中通过 ? 或者 & 进行拼接,和pc段类似,然后对路径进行解析,获取携带参数,此法官网api中也有说明,详情见官网)。(2)extraData方式(跳

2020-07-01 15:00:48

最新Axure谷歌浏览器Chrome扩展程序安装方法

1.第一步:首先下载最新扩展程序,解压得到一个axure_chrome_extension_V0.6.3的文件夹。链接:https://pan.baidu.com/s/1-wqgGlJNbn3Fq0c48En-Ww提取码:zwi92.第二步:在浏览器中地址栏中输入chrome://extensions/ 或者点击浏览器的右上角选择更多工具->扩展程序,打开扩展程序界面。在页面右上角打开【开发者模式】。3.第三步:点击【加载已解压的扩展程序】,选择刚刚解压得到的“axure_ch...

2020-06-16 10:43:54

向左滑动删除,vue向左滑删除

转载:https://www.jb51.net/article/136221.htm1.vuejs部分(1)HTML代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <meta name="viewport" id="viewport" content="width=device-width, initial-

2018-08-20 19:50:29

微信小程序获取rich-text(富文本)渲染内容高度,rich-text(富文本)里img 样式设置

1.背景:在某些场景下,例如在某些详细信息内容展示数据量特别大的时候(有时候特别小),当数据量特别大的时候,需要做展示固定高度,展开更多内容完全展示,收起内容又还原。当内容特别少的时候,例如小于3行,不展示更多按钮。(小程序内容获取的时候是不能知道当前内容有几行的,可能有人会说,我知道字体大小一行内放几个字,几行就再乘以几,让后台算好,传两个字段,展开收起,分别用两个字段即可,理论上是可行的(...

2020-04-30 15:15:37

小程序结合腾讯地图(QQMapWX)SDK做位置周边搜索在地图上展示气泡点,点击气泡展示不同状态

1.背景:在微信小程序中,地图上展示一个坐标点周边的医院学校等周边设施,通过地图上气泡的方式。点击气泡展示不同的气泡状态,点击导航跳转到对应气泡点所在的坐标位置。2.实现思路:2.1布局:地图全屏展示,地图上的位置tablist展示在地图底部,跳转导航按钮位于地图右上角。因为map属于原生标签,而且层级比较高,所以tablist和按钮都需要通过cover-view和cover-im...

2020-04-21 11:24:45

小程序结合腾讯地图(QQMapWX)SDK做位置周边搜索展示

1.wxml<view class="container"> <view class='newHouseTitle'> 当前位置 </view> <view class="map_wrap"> <map id="map" longitude="{{t_lng}}" latitude="{{t_lat}}" scale="...

2020-04-20 16:39:44

laydate.js时间日历插件

1.html<html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } .txzlLi { margin...

2020-04-20 14:35:19

distpicker.js制作省市区三级联动

1.html<html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } .txzlLi { margin...

2020-04-20 13:46:37

ios输入框被软键盘遮住问题

在ios中,输入框被软键盘遮住,这是众所周知的bug,那么如何来解决这个问题呢?最近的项目中就遇到了这个问题,然后经过高人指点解决了这个问题,以及遇到的另外一些问题。首先我们先来说说弹出软键盘,在ios中,弹出软键盘,会将整个页面给怼上去,因此我们只能看到半个页面,然而在andriod中,整个网页高度会缩小,因此我们在弹出软键盘时,能够监听到andriod的窗口大小变化——resize事件,但是...

2020-04-20 13:16:48

swiper.js制作酷炫轮播图

1.html<html lang="en"> <head> <meta charset="utf-8"> <title>swiper制作酷炫轮播图</title> <link rel="stylesheet" href="http://www.jq22.com/demo/swiperlbt20181023004...

2020-04-10 14:00:09

ps安装 Photoshop CC2017 安装,cutterman下载安装,ps简单设置

ps 和 cutterman 的安装简述

2020-02-28 15:38:48

查看更多

勋章 我的勋章
  • GitHub
    GitHub
    绑定GitHub第三方账户获取
  • 专栏达人
    专栏达人
    授予成功创建个人博客专栏的用户。专栏中添加五篇以上博文即可点亮!撰写博客专栏浓缩技术精华,专栏达人就是你!
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv2
    勤写标兵Lv2
    授予每个自然周发布4篇到6篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。