6 这魏先森

尚未进行身份认证

我要认证

一个前端的自我修养。

等级
TA的排名 12w+

小程序上拉加载回到了顶部

问题使用框架Taro在Taro的项目中使用了上拉加载更多的代码,列表当中和渲染了内容,包含图片的显示。<View> <Image lazyLoad src='https://profile.csdnimg.cn/0/E/9/3_weiguo19951107' /></View>但是当上拉加载显示更多数据的时候,整个页面会回到顶部,需要重新去扒拉页面,回到底部,很不友好。这种情况也只出现在

2020-07-28 22:40:34

小程序页面滚动穿透

小程序页面滚动穿透一、场景在项目当中,基础遇到这样的需求有一个长列表,或者其他可滚动展示的页面,在这个页面会弹出一个Modal层,如下:贝壳找房的 的筛选栏二、问题如果这个弹框内容不可滚动,不会有太大问题;但是当弹出内容是可以滚动的时候,就会有问题,触摸没有滚动的区域会发现滚动可以穿透,会传递给下面的列表页面,三、解决办法程序员是面向Google编程的,找到了下面的解决办法:监听弹框状态,如果弹框展示就给列表 添加对应样式 // isShowMask 弹框是否展示

2020-06-26 15:41:10

koa应用的部署

koa应用的部署koa2项目的简单创建到服务器的部署,本例使用centos。创建koa2项目npm install -g koa-generatornpm start 是 npm run startnpm stop 是 npm run stop 的简写npm test 是 npm run test 的简写npm restart 是 npm run stop && ...

2020-02-05 14:29:40

微信小程序版本更新机制

小程序版本更新机制小程序版本更新机制小程序Api可以在小程序onLaunch的时候去做版本的检测,如果有新的版本,去下载并重启更新小程序具体代码如下: if (wx.canIUse('getUpdateManager')) { const updateManager = wx.getUpdateManager(); updateManager...

2019-07-11 22:52:03

wepy 编译less添加css前缀(autoprefix)

wepy 编译less添加css前缀autoprefixwepy的编译默认是没有css autoprefix,所以就有样式兼容性的问题了;需要手动去添加配置,如下:1.安装执行npm install less-plugin-autoprefix save2.配置在 wepy.config.js中,首先引入插件// css前缀const LessPluginAutoPref...

2019-07-11 20:14:48

小程序web-view覆盖原生组件

小程序web-view覆盖原生组件web-view一、web-view的使用官方文档<web-view class="map-box" src="https://www.forguo.com"> </web-view>** 官方指出,小程序默认会覆盖其它所有的组件**二、解决需求需要在web-view页面上面加一个按钮,用来跳转到小程序的页面,1....

2019-06-30 13:11:56

基于GitHub搭建个人网站

基于GitHub搭建个人网站基于GitHub搭建个人网站基于GitHub搭建个人网站

2019-06-07 23:29:14

css多行文本溢出省略的实现

css多行文本溢出省略的实现单行文本溢出,超出可显示省略号,但是多行如何实现呢;下面,来告诉你overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; // 要显示的行数-webkit-box-orient: vertical;-webkit-line-clamp...

2019-05-01 23:26:45

微信小程序HTML标签解析插件的使用

wxParse-微信小程序富文本解析组件背景说明小程序默认是不支持html标签的渲染,在遇到html内容的时候,需要做一个html到wxml的转换;组件说明组件支持HTML及markdown解析;GitHub地址 https://github.com/icindy/wxParse基本使用方法Copy文件夹wxParse- wxParse/引入必要文件// ...

2019-05-01 23:20:55

基于Gulp4 搭建本地服务器

基于Gulp 搭建本地服务器基于Gulp 搭建本地Web服务器Git地址gulpServergulpServerauther: forguo开发环境gulp1.安装依赖npm install2. 运行gulp serve3. 打包gulp...

2019-03-12 23:20:22

基于Taro + 云开发 打造婚礼邀请函

婚礼邀请函小程序基于微信小程序的婚礼邀请函基础小程序文档mpvue框架小程序云开发技术点小程序使用了云开发和云函数,所以就没有后台的什么事了相册、留言等数据都是使用云开发,云数据库来存储,所以在开发前务必学习和掌握小程序的云开发,在clone项目之后需要开通小程序的云开发功能,并且去开发者工具的云开发去创建属于自己的数据库,然后创建对应的表并赋予对应的权限(学过...

2019-03-11 22:54:24

H5中软键盘搜索的使用

H5中软键盘搜索的使用H中软键盘搜索的使用 <input type="search" class="search-input" placeholder="请输入姓名或作品名称进行搜索">如上:直接使用input再IOS不生效 <form action="javascript:return true" class="search"&g

2018-11-26 21:43:39

毕业设计——基于HTML5的洛阳旅游网站设计与实现

题目:基于HTML5的旅游网站设计与实现这是一个基于HTML5的旅游网站,论文、代码都很齐全。获取源代码至GitHub:https://github.com/forguos/travel欢迎您的star和fork话不多,先看网站,链接如下个人站点:https://www.forguo.com前端展示:http://106.14.136.215/后台管理:http:/...

2018-09-16 22:16:43

Vue Ajax 插件 axios插件在发起跨域发起时,会多次请求的解决办法

Vue Ajax 插件 axios插件在发起跨域发起时,会多次请求的解决办法axios地址:https://github.com/axios/axios#第一次 option请求 #第二次POST请求,数据请求方式为 payload  > Vue Ajax 插件 axios发起多次请求问题的优化 1.问题 axios默认使用 payload方法...

2018-09-16 22:10:42

canvas写入视频 video

canvas写入video元素  <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> vi

2018-08-18 18:10:16

个性化浏览器 console.log

如何 在浏览器 console输出一个个性化图案,如下:输出一个篮球场代码君:console.log("\n ___________________________\n | | |\n |___ | ___|\n |_ | |...

2018-08-18 18:03:41

Phaser初始化 跨域

关于使用phaser初始化,会出现跨域的问题,canvas跨域,因为默认的渲染方式WebGL 使用Phaser.CANVAS阔以有效解决 var game = new Phaser.Game(width, height, Phaser.CANVAS, 'index', { preload: preload, create: create, update:...

2018-08-05 15:11:14

CSS RBGA使用

 CSS RGBA 可以实现颜色的透明度,说明:此色彩模式与RGB相同,只是在RGB模式上新增了Alpha透明度。 IE6.0-8.0不支持使用 rgba 模式实现透明度,可使用 IE 滤镜处理,如:  RGBA(R,G,B,A)取值:R:红色值。正整数 | 百分数G:绿色值。正整数 | 百分数B:蓝色值。正整数 | 百分数A:Alpha透明度...

2018-01-07 14:45:59

自动返回顶部的实现

在页面内容很多的情况,添加按钮实现自动返回顶部的功能1.首先,你需要一个返回顶部的按钮,一个div或者a <div class="toTop" title="返回顶部"></div>.toTop {width: 50px;height: 50px;background: url(../img/toTop.png) no-repeat;backgrou...

2018-01-07 13:51:40

导航栏的吸顶效果

导航栏的吸顶效果当页面滑动到一定程度,让导航吸顶,上拉释放1.首先,写一个吸顶的css样式 //吸顶.fixed {width: 1000px;height: 70px;position: fixed;top: -1px;left: 50%;margin-left: -500px;z-index: 1000;}2.而后,就是js的操作,通过判断滑动的距...

2018-01-07 13:49:25

查看更多

勋章 我的勋章
  • GitHub
    GitHub
    绑定GitHub第三方账户获取
  • 签到新秀
    签到新秀
    累计签到获取,不积跬步,无以至千里,继续坚持!
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。