自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

这魏先森-forguo

Web前端浅谈-forguo

  • 博客(35)
  • 资源 (1)
  • 收藏
  • 关注

原创 小程序页面滚动穿透

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

2020-06-26 15:41:10 2088

原创 小程序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 3654 17

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

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

2019-03-11 22:54:24 2968 6

原创 毕业设计——基于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 17179 39

原创 导航栏的吸顶效果

导航栏的吸顶效果当页面滑动到一定程度,让导航吸顶,上拉释放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 4648

原创 2020-11-20

input在真机上没有光标的问题1.问题使用了React+antd Mobile写了一个H5,其中包含表单提交 <InputItem maxLength={11} clear={true} type="text" placeholder="请输入" onChange={this.onChange.bind(this, 'code')} onBlur={this.o

2020-11-20 14:10:14 7

原创 小程序图片添加水印

小程序图片添加水印Taro、图片水印一、思路利用canvas画图,将上传的图片画到canvas,再加入自定义的元素,最终导出图片即可。二、实现以下代码和Api均为Taro实现1.首页,需要在页面放置canvas标签,canvasWidth和canvasHeight根据需要添加水印的图片宽高动态计算。 <View className='canvas-water'> <Canvas style={{ wi

2020-11-18 09:48:59 41

原创 获取当前日期的三个月前的日期

获取当前日期的三个月前的日期日期Api1、思路先获取当前时间戳修改月份返回修改后的时间戳2、使用到的方法setMonth() 方法用于设置月份。注意: 一月为 0, 十二月为 11这个方法可用于设置月份中的某一天。该值介于 0(一月) ~ 11(十二月) 之间:参数值-1 为去年的最后一个月12 为明年的第一个月13 为明年的第二个月3、编码 // 当前日期 let now = new Date(); // 获取当前日期的前三个月的月份

2020-11-18 09:33:46 41

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

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

2020-07-28 22:40:34 112

原创 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 242

原创 微信小程序版本更新机制

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

2019-07-11 22:52:03 775

原创 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 625

原创 基于GitHub搭建个人网站

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

2019-06-07 23:29:14 1867 3

原创 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 229

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

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

2019-05-01 23:20:55 448

原创 基于Gulp4 搭建本地服务器

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

2019-03-12 23:20:22 477

原创 H5中软键盘搜索的使用

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

2018-11-26 21:43:39 473

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

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

2018-09-16 22:10:42 355

原创 canvas写入视频 video

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

2018-08-18 18:10:16 2158 1

原创 个性化浏览器 console.log

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

2018-08-18 18:03:41 298

原创 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 599

原创 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 1047

原创 自动返回顶部的实现

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

2018-01-07 13:51:40 280

原创 FTP环境搭建

FTP 是 TCP/IP 网络上计算机之间传送文件的协议,为了方便文件上传下载,我们需要在服务器上搭建FTP 服务。如何在 Windows Server  下使用 FileZilla Server 安装搭建 FTP服务。

2017-10-08 19:48:29 1957

转载 常见的版本控制管理工具

原文地址:常见的版本控制管理工具作者:Anlin_Yang配置管理工具是配置管理相关理论的实践载体,工具的功能范围在某种程度上可以直接影响一个组织中配置管理水平的高低。所以,选择一个符合自己组织的配置管理工具,是一些企业建立配置管理规程,实施配置管理实践过程中的重要一环。以下介绍几种常见的版本控制管理工具。 1、VSS-- Visual Source Safe     此工具是Mic

2017-10-08 19:48:11 596

原创 Git常用命令

Git常用命令查看、添加、提交、删除、找回,重置修改文件githelp # 显示command的helpgitshow # 显示某次提交的内容 git show $idgitco -- # 抛弃工作区修改gitco . # 抛弃工作区修改gitadd # 将工作文件修改提交到本地暂存区gitadd . # 将所有修改过的工作文件提交暂存区gitrm # 从版本库

2017-10-08 19:48:08 194

原创 C语言课程设计--好友信息管理软件

C语言课程设计--好友信息管理软件1.说明:对好友信息进行管理,好友信息包括姓名、年龄、性别、住址、QQ、电话等。要求:(1)系统以菜单方式工作(2)好友信息输入功能(好友信息以文件形式保存)。(3)输出好友信息功能。(4)查询功能,并设定子菜单,按姓名查询、按电话号码查询。(5)对指定好友的信息进行删除和修改功能。2.问题描述...

2017-10-08 19:47:57 1073 1

原创 Oracle权限赋予

Oracle权限说明:sys;//系统管理员,拥有最高权限system;//本地管理员,次高权限scott;//普通用户,密码默认为tiger,默认未解锁sys;//系统管理员,拥有最高权限system;//本地管理员,次高权限scott;//普通用户,密码默认为tiger,默认未解锁使用sqlplus登录Oracle二、登陆 sqlplus / as sysdba;// ...

2017-10-08 19:47:51 1748

转载 【转】常用正则表达式

原文地址:如用户名 密码 邮箱 email">【转】常用正则表达式 如用户名 密码 邮箱 email作者:寻找板砖常用正则表达式 如用户名 密码 邮箱 email2011-04-21 11:27只能输入数 字:"^[0-9]*$"。只能输入n位的数字:"^d{n}$"。只能输入至少n位的数字:"^d{n,}$"。只能输入m~n位的数字:。"^d{m,n}$"只能输入零和非零开头的数

2017-10-08 19:47:40 279

原创 书画落款考究

落款。落款亦称“款识”。原本是青铜器上的铭文对浇铸这一器皿原由的说明。后延用为对书画作品作者及内容的说明。落款内容为作者姓名(包括字、号)、时间、书写内容,甚至包括书写地点、环境或气候、心情等。落款有上款、下款之分。书作赠送对象称为上款。作者姓名称为下款。     上款一般不写姓只写名字,以示亲切,如果是单名,则姓名同写。在姓名下还要写上称谓,一般称“同志”、“先生”,再下面写“正之”、“

2017-10-08 19:47:32 510

原创 nba的记忆

NBA的记忆 当年纪轻轻的小球迷为格里芬的暴扣惊呼呐喊,为詹姆斯的十八连胜摇旗助威,为新崛起的欧文欢欣鼓舞时,他们把口中的“最强、无敌、王者”之类的词汇赋予这些联盟中的红人。他们固然是这个星球上的篮球强者,他们的时日还长,他们生涯的辉煌正当此时。作为在而立之年打转的八零后,我们更愿意把自己的目光投向陪伴我们成长的一代球星。这一代球星正在老去,正在职业生涯的暮年挣

2017-10-08 19:47:21 580

原创 自动返回顶部的实现

在页面内容很多的情况,添加按钮实现自动返回顶部的功能1.首先,你需要一个返回顶部的按钮,一个div或者a标签亦可html部分:css部分:(less写法) .toTop {width: 50px;height: 50px;background: url(../img/toTop.png) no-repeat;background-size: 100%;posit

2017-10-07 22:59:56 234

原创 页面内的跳转导航

如何实现页面内导航的跳转,三行代码搞定 $('html, body').animate({ scrollTop: $($.attr(this, 'href')).offset().top}, 500);和锚点连接的写法类似,在导航按钮添加href="#nav"这里的nav是要跳转的页内的id, 导航按钮:&lt;a  href="#activity"&gt;...

2017-10-07 22:47:01 1682

原创 ie浏览器版本的html判断代码

浏览器版本的判断代码 &lt;!--[if !IE]&gt;&lt;!--&gt; 除IE外都可识别 &lt;!--&lt;![endif]--&gt;&lt;!--[if IE]&gt; 所有的IE可识别 &lt;![endif]--&gt;&lt;!--[if IE 5.0]&gt; 只有IE5.0可以识别 &lt;![endif]--&gt;&lt;!

2017-10-07 22:15:18 788

原创 HTTP常见状态码及表示意义

HTTP常见状态码及表示意义HTTP状态码当浏览者访问一个网页时,浏览者的浏览器会向网页所在服务器发出请求。当浏览器接收并显示网页前,此网页所在的服务器会返回一个包含HTTP状态码的信息头(server header)用以响应浏览器的请求。HTTP状态码的英文为HTTP Status Code。下面是常见的HTTP状态码:200 - 请求成功 301 - 资源(网页等)被永久...

2017-09-21 22:26:04 371

基于HTML5的洛阳旅游网(JSP)

毕业设计,基于HTML5的洛阳旅游网的设计; 基于JSP开发,前端BOOTSTRAP,数据库 MySql,Java后台; 包含前台展示,以及后台的数据管理

2018-11-25

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

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