自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 倒三角和对钩效果

效果图: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <styl...

2020-01-09 13:46:01

阅读数 199

评论数 0

原创 localStorage本地存储数组对象

存 var arrLi = [{“search_content”:“火锅”},{“search_content”:“火锅1”},{“search_content”:“火锅2”}];//定义 localStorage.setItem(“searchLI”,JSON.stringify(arrLi))...

2020-01-07 15:56:48

阅读数 198

评论数 0

原创 vue 让链接转化为二维码

步骤: 1、安装qrcodejs2插件,在控制台输入: npm install qrcodejs2 --save *注意:这里安装的是qrcodejs2,不是qrcode,否则会报错 2、页面引入——在入口文件(默认是main.js)里引入: import QRCode from ‘qrcodej...

2020-01-03 11:54:21

阅读数 210

评论数 0

原创 仿移动端淘宝网站的弹出详情框

Demo: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title...

2019-12-27 18:46:25

阅读数 198

评论数 0

原创 Vue项目中使用RSA加密

1、安装 jsencrypt npm install jsencrypt 2、在 main.js 引入 jsencrypt import JsEncrypt from 'jsencrypt' Vue.prototype.jsEncrypt = JsEncrypt 3、...

2019-12-20 18:01:42

阅读数 209

评论数 0

转载 手把手教你如何修改JDK的版本问题

情景引入: 1:电脑一直用着JDK1.7的版本,老老实实的开发着,非常的愉快,突然一天,公司有个项目最低版本需要JDK1.8,好惨,我要抛弃自己的1.7环境到1.8了~~~ 2:电脑一直用着JDK1.8的版本,突然有一天,看到一个开源项目,但是比较老了,里面的很多jar包都是低版本的,不兼容着自己...

2019-12-19 14:00:02

阅读数 269

评论数 0

原创 邮箱地址自动补全

效果图: 演示地址:http://www.fengzhao.icu/auto_email/demo/index.html 公众号: 微信:

2019-12-16 09:23:09

阅读数 207

评论数 0

原创 电影票选座

演示地址:http://www.fengzhao.icu/move_seats/index.html 效果图: 公众号: 微信:

2019-12-16 09:22:33

阅读数 525

评论数 0

原创 北京地铁路线图绘制

效果图: 网站效果: http://www.fengzhao.icu/bj_subway_map/index.html 公众号: 微信

2019-12-16 09:21:51

阅读数 591

评论数 0

原创 抖音上很火的3D立体动态相册

动态效果图 源码Demo: 一、新建一个index.html的文件,代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> &l...

2019-12-15 12:40:19

阅读数 13381

评论数 203

原创 送你给你最爱的人,表白情话

网站效果:http://www.fengzhao.icu/flowers/index.html 效果图: 源码Demo: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www....

2019-12-13 18:53:52

阅读数 657

评论数 0

原创 非常实用的在线转换工具——MP4转GIF

在线地址:https://ezgif.com/video-to-gif

2019-12-13 18:29:13

阅读数 565

评论数 0

原创 告白气球,你值得拥有!

网站效果: http://www.fengzhao.icu/love_balloon/html/%E5%91%8A%E7%99%BD.html 效果图: 源码Demo: <!DOCTYPE html> <html lang="en"> <hea...

2019-12-13 17:23:36

阅读数 639

评论数 0

原创 小型的 JavaScript 虚拟键盘

一、在线键盘:http://www.fengzhao.icu/keyboard/test/index.html 效果图: 二、数字键盘:http://www.fengzhao.icu/keyboard/test/index.number.html 效果图: 三、手机键盘:http://www....

2019-12-11 15:46:55

阅读数 216

评论数 0

原创 阿里云oss对象存储使用详细步骤

作为一个开发人员,怎么能没有一个属于一个自己的网站,如果你打算做一个图片和视频展示或者其他网站,如果下面这篇文章能帮助到你,帮忙点击赞,欢迎大家评论交流。 1、首先在阿里云购买ECS云服务器,我的服务器是双十一买的 1核 2GB 系统盘:高效云盘/dev/xvda40GB 带宽:1Mbps按固定带...

2019-12-11 11:18:16

阅读数 657

评论数 0

原创 微信小程序文字逐个显示效果

WXML <view class="index_wrap" style='height:500rpx;'> <view class="index_story_text">{{text}}</view&g...

2019-12-09 14:10:06

阅读数 210

评论数 0

原创 web网站开发基于高德地图浏览器定位

参考地址:https://blog.csdn.net/json_ligege/article/details/89157387

2019-12-09 14:06:36

阅读数 200

评论数 0

原创 图片无损压缩

压缩图片网址:https://tinypng.com/

2019-12-09 14:06:05

阅读数 212

评论数 0

原创 通过iframe 引入外部H5网页IOS端宽度超出屏幕解决方案

最近在项目中,需要打开外部网页。于是将网页嵌在了iframe标签里面,在PC测试没有问题,自适应良好,但是转入IOS 真机webview中,iframe 却不能很好地适应屏幕大小,总是超出屏幕尺寸,需要左右滚动才能看到完整页面。 谷歌了一天,各种解决方案都试了,都没有用,最后发现综合几种解决方案,...

2019-12-09 14:05:28

阅读数 199

评论数 0

原创 js 实现前端数据导出为excel表格

源码: <html> <head> <p style="font-size: 20px;color: red;">将json数据导出为csv文件</p> <button onclick='tableToEx...

2019-12-09 10:18:30

阅读数 209

评论数 0

原创 微信小程序授权登录、解密unionId出错

微信授权登录流程 第一步:wx.login获取 用户临时登录凭证code 第二步:wx.getUserInfo获取加密过的数据encryptedData和解密参数iv 第三步:把步骤一、二中的code、encryptedData、iv传到开发者自己服务端 第三步:服务端获取到code、encryp...

2019-12-06 11:50:26

阅读数 201

评论数 0

原创 H5图片满屏效果

HTML <!DOCTYPE> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport"...

2019-12-06 11:47:31

阅读数 444

评论数 0

原创 H5常见问题(微信踩过得坑)

参考地址:https://www.cnblogs.com/tonnytong/p/7929243.html

2019-12-06 11:46:20

阅读数 204

评论数 0

原创 使用 html2canvas 将页面保存成图片

有时我们需要实现在浏览器端直接对整个或部分页面进行截屏,比如移动端常见的“长按网页保存为图片”功能。这个借助 html2canvas 这个第三方 js 库即可实现,下面通过样例演示其如何使用。 一、基本介绍 1,什么是 html2canvas html2canvas 可以通过获取 HTML 的某个...

2019-12-06 11:45:52

阅读数 204

评论数 0

原创 将RP文件导出为HTML文件

Axure RP是一款比较常用的原型界面工具,在用RP工具制作好原型后如何向领导或者客户演示呢?RP工具本身自带了发布功能,发布后会生成HTML文件,只要将HTML文件打包后共享,别人在没有安装RP工具的情况下也就可以正常查看原型界面了。 一、本人日常工作中使用的是Axure RP8.0,并且已经...

2019-12-06 11:38:53

阅读数 207

评论数 0

原创 用友盟(CNZZ)实现Html5中的事件统计

友盟参考站点api:https://open.cnzz.com/a/api/setautopageview/ cnzz的统计有页面统计(pv,uv),还有事件统计,比如:统计页面上1个按钮的点击次数。事件统计也要有友盟的统计账号,并且页面上有页面统计的js代码。一般是这样: 一、应用场景 开发手机...

2019-12-06 11:36:09

阅读数 212

评论数 0

原创 在mac上如何用safari调试ios手机的移动端页面

步骤如下: 第一步:打开iphone手机的开发者模式,流程是:【设置】->【Safari】->【高级】->开启【Web检查器】 ,如图1、图2 图2 第二步:打开Mac上Safari的开发者模式,流程是【Safari】->【偏好设置】->【高级】->【在菜单...

2019-12-06 11:33:09

阅读数 207

评论数 0

原创 h5点击事件在ios上无效的问题

为绑定了click事件,嵌入ios app后点击无效 解决方式:为span 添加css样式解决,元素变成了可点击的了 cursor: pointer;

2019-12-06 11:30:19

阅读数 195

评论数 0

原创 埋点事件判断版本号

方法一: $('#pt_ul_vip li').eq(0).click(function(){ var ios_v="{# get('v') #}"; var userAgent = navigator....

2019-12-06 11:29:44

阅读数 204

评论数 0

原创 融云WebIM

参考文章: vue中使用:https://blog.csdn.net/m0_37938910/article/details/83060165 微信小程序中使用:https://blog.csdn.net/likun_li/article/details/89331080

2019-12-06 11:28:01

阅读数 201

评论数 0

原创 PicGo+GitHub图床+微博图床

PicGo介绍 这是一款图片上传的工具,目前支持微博图床,七牛图床,腾讯云,又拍云,GitHub等图床,未来将支持更多图床。 所以解决问题的思路就是,将本地的文件,或者剪切板上面的截图发送图床,然后生成在线图片的链接,走到哪就可以用到哪?。 一、GitHub图床: 1. 创建GitHub图床之前...

2019-12-04 16:52:14

阅读数 207

评论数 0

原创 H5类似淘宝头条垂直滚动效果

不同样式的垂直滚动: 无缝垂直滚动; 间歇性垂直滚动(一次滚动一条); 间歇性垂直滚动(一次滚动两条); 变量解释: speed:滚动的速度; delay:暂停的时长; scrollTop :滚动的高度; scrollHeight:滚动元素的高度; 1. 无缝垂直滚动(无停歇的一直滚动) <...

2019-12-04 16:22:59

阅读数 205

评论数 0

原创 H5新特性

1.h5新语义元素 header标签包含引导和导航等,通常包含h1~h6、搜索框、logo等。 footer标签一般配合address标签(显示地址),包含作者信息、相关链接等。 nav标签一般包含多个a标签,构建导航组件。 aside标签主要装载广告、侧边栏。 article标签包含文章,一般内...

2019-12-02 09:24:51

阅读数 206

评论数 0

原创 修改 placeholder 样式,placeholder 换行 以及iOS 上设置placeholder被遮挡问题解决

一、修改placeholder样式 通过选择器就可以简单的修改该placeholder的样式 input::placeholder{ font-size:14px; color: #666666; } 二、placeholder 换行 在input 里面很少用到,input 就只...

2019-12-02 09:21:35

阅读数 213

评论数 0

转载 使用mpvue框架开发微信小程序教程

参考地址:https://www.jianshu.com/p/6f8d74be3ff8

2019-12-02 09:19:46

阅读数 204

评论数 0

转载 前端框架vue-i18n实现国际化$t的用法

参考地址:https://blog.csdn.net/Dream_xun/article/details/82743762 https://blog.csdn.net/qq_42578500/article/details/83114584

2019-12-02 09:19:01

阅读数 202

评论数 0

原创 vue 轮播图 原生js编写模板

演示: 调用方 </template> <!-- 数据 、 轮播图的 宽 和 高--> <swiper :imgList="imgList" style="width: 900px; height: 512px;"/...

2019-11-29 09:49:30

阅读数 240

评论数 0

原创 27 个提升开发幸福度的 VsCode 插件

Visual Studio Code(也称为VSCode)是一种轻量级但功能强大的跨平台源代码编辑器, 借助对TypeScript 和Chrome调试器等开发工具的内置支持,越来越多的开发都都喜欢使用它。 如果你正在寻找更多的好用的 VsCode 工具,那么这篇或许能够帮助你。以下是 2019年...

2019-11-29 09:41:37

阅读数 234

评论数 0

转载 Vue 打包的优化

参考地址:https://blog.csdn.net/weixin_34290390/article/details/91463425

2019-11-29 09:28:19

阅读数 198

评论数 0

原创 vue中用js将json数据按英文字母顺序进行排序

js 把对象按照属性名的字母顺序进行排列 var obj = {name: “zhangsan”, age: 8, ace: 5, nbme: “lisi”};//要排序的对象 function objKeySort(obj) {//排序的函数 var newkey = Object.keys(o...

2019-11-28 17:03:47

阅读数 210

评论数 0

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