- 博客(117)
- 收藏
- 关注
RSS订阅原创 告白气球，这个情人节你值得拥有！
网站效果：http://www.fengzhao.icu/love_balloon/html/%E5%91%8A%E7%99%BD.html效果图:源码Demo:<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>告白气球</...
2019-12-13 17:23:36
1719
原创 小型的 JavaScript 虚拟键盘
一、在线键盘：http://www.fengzhao.icu/keyboard/test/index.html效果图：二、数字键盘：http://www.fengzhao.icu/keyboard/test/index.number.html效果图：三、手机键盘：http://www.fengzhao.icu/keyboard/test/index.mobile.html效果图：...
2019-12-11 15:46:55
1153
原创 阿里云oss对象存储使用详细步骤
作为一个开发人员，怎么能没有一个属于一个自己的网站，如果你打算做一个图片和视频展示或者其他网站，如果下面这篇文章能帮助到你，帮忙点击赞，欢迎大家评论交流。1、首先在阿里云购买ECS云服务器，我的服务器是双十一买的1核 2GB系统盘：高效云盘/dev/xvda40GB带宽：1Mbps按固定带宽操作系统：64位,32位Linux,Windows地域：华北 1,华北 2,华北 3,华北 5,...
2019-12-11 11:18:16
24407
2
原创 微信小程序文字逐个显示效果
WXML<view class="index_wrap" style='height:500rpx;'> <view class="index_story_text">{{text}}</view></view>JS// pages/ceshi/ceshi.jsPage({ /** * 页面的初始数据 */ d...
2019-12-09 14:10:06
2044
原创 web网站开发基于高德地图浏览器定位
参考地址：https://blog.csdn.net/json_ligege/article/details/89157387
2019-12-09 14:06:36
1118
原创 通过iframe 引入外部H5网页IOS端宽度超出屏幕解决方案
最近在项目中，需要打开外部网页。于是将网页嵌在了iframe标签里面，在PC测试没有问题，自适应良好，但是转入IOS 真机webview中，iframe 却不能很好地适应屏幕大小，总是超出屏幕尺寸，需要左右滚动才能看到完整页面。谷歌了一天，各种解决方案都试了，都没有用，最后发现综合几种解决方案，有效。代码如下： <div style="overflow: auto;-webkit-ove...
2019-12-09 14:05:28
2003
原创 js 实现前端数据导出为excel表格
源码：<html><head> <p style="font-size: 20px;color: red;">将json数据导出为csv文件</p> <button onclick='tableToExcel()'>导出</button></head><body> <scrip...
2019-12-09 10:18:30
2183
原创 微信小程序授权登录、解密unionId出错
微信授权登录流程第一步：wx.login获取 用户临时登录凭证code第二步：wx.getUserInfo获取加密过的数据encryptedData和解密参数iv第三步：把步骤一、二中的code、encryptedData、iv传到开发者自己服务端第三步：服务端获取到code、encryptedData、iv之后用get方法请求如下微信接口https://api.weixin.qq.co...
2019-12-06 11:50:26
1744
原创 H5图片满屏效果
HTML<!DOCTYPE><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...
2019-12-06 11:47:31
2488
1
原创 使用 html2canvas 将页面保存成图片
有时我们需要实现在浏览器端直接对整个或部分页面进行截屏，比如移动端常见的“长按网页保存为图片”功能。这个借助 html2canvas 这个第三方 js 库即可实现，下面通过样例演示其如何使用。一、基本介绍1，什么是 html2canvashtml2canvas 可以通过获取 HTML 的某个元素，然后生成 Canvas，从而让用户保存为图片。html2canvas 工作原理是将当页面渲染成...
2019-12-06 11:45:52
3532
原创 将RP文件导出为HTML文件
Axure RP是一款比较常用的原型界面工具，在用RP工具制作好原型后如何向领导或者客户演示呢?RP工具本身自带了发布功能，发布后会生成HTML文件，只要将HTML文件打包后共享，别人在没有安装RP工具的情况下也就可以正常查看原型界面了。一、本人日常工作中使用的是Axure RP8.0,并且已经安装了汉化包，详细版本信息如下 截图，在使用的过程中如果版本不一样，菜单会有些差异，但是操作步骤基本上...
2019-12-06 11:38:53
5631
原创 用友盟（CNZZ）实现Html5中的事件统计
友盟参考站点api:https://open.cnzz.com/a/api/setautopageview/cnzz的统计有页面统计（pv,uv），还有事件统计，比如：统计页面上1个按钮的点击次数。事件统计也要有友盟的统计账号，并且页面上有页面统计的js代码。一般是这样：一、应用场景开发手机端Html5时，需要事件统计，如统计每个页面的PV（Page View 访问量）、UV（Unique ...
2019-12-06 11:36:09
1923
原创 在mac上如何用safari调试ios手机的移动端页面
步骤如下：第一步：打开iphone手机的开发者模式，流程是：【设置】->【Safari】->【高级】->开启【Web检查器】 ，如图1、图2图2第二步：打开Mac上Safari的开发者模式，流程是【Safari】->【偏好设置】->【高级】->【在菜单栏中显示“开发”菜单】勾选图3第三步：用数据线将iphone手机和mac连接起来，在电脑的saf...
2019-12-06 11:33:09
3417
原创 h5点击事件在ios上无效的问题
为绑定了click事件，嵌入ios app后点击无效解决方式：为span 添加css样式解决，元素变成了可点击的了cursor: pointer;
2019-12-06 11:30:19
1352
1
原创 埋点事件判断版本号
方法一：$('#pt_ul_vip li').eq(0).click(function(){ var ios_v="{# get('v') #}"; var userAgent = navigator.userAgent; var ios = /iPhone|iPod|iPad/i.test(userAgent); if ( io...
2019-12-06 11:29:44
981
原创 融云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
1087
原创 PicGo+GitHub图床+微博图床
PicGo介绍这是一款图片上传的工具，目前支持微博图床，七牛图床，腾讯云，又拍云，GitHub等图床，未来将支持更多图床。所以解决问题的思路就是，将本地的文件，或者剪切板上面的截图发送图床，然后生成在线图片的链接，走到哪就可以用到哪?。一、GitHub图床：1. 创建GitHub图床之前，需要注册/登陆GitHub账号申请GitHub账号很简单，我就不演示了2. 创建Reposito...
2019-12-04 16:52:14
1856
原创 H5类似淘宝头条垂直滚动效果
不同样式的垂直滚动：无缝垂直滚动；间歇性垂直滚动（一次滚动一条）；间歇性垂直滚动（一次滚动两条）；变量解释：speed：滚动的速度；delay：暂停的时长；scrollTop ：滚动的高度；scrollHeight：滚动元素的高度；1. 无缝垂直滚动（无停歇的一直滚动）<!doctype html> <body>...
2019-12-04 16:22:59
1100
原创 H5新特性
1.h5新语义元素header标签包含引导和导航等，通常包含h1~h6、搜索框、logo等。footer标签一般配合address标签(显示地址)，包含作者信息、相关链接等。nav标签一般包含多个a标签，构建导航组件。aside标签主要装载广告、侧边栏。article标签包含文章，一般内嵌header、footer、h1、p标签。section标签可以用在以上任一一个标签中划分组件。...
2019-12-02 09:24:51
861
原创 修改 placeholder 样式，placeholder 换行 以及iOS 上设置placeholder被遮挡问题解决
一、修改placeholder样式通过选择器就可以简单的修改该placeholder的样式input::placeholder{ font-size:14px; color: #666666;}二、placeholder 换行在input 里面很少用到,input 就只有一行而已,多行的话就会使用textarea标签,确实在textarea标签里面如何让placehol...
2019-12-02 09:21:35
1977
转载 前端框架vue-i18n实现国际化$t的用法
参考地址：https://blog.csdn.net/Dream_xun/article/details/82743762https://blog.csdn.net/qq_42578500/article/details/83114584
2019-12-02 09:19:01
3295
原创 vue 轮播图 原生js编写模板
演示：调用方</template> <!-- 数据 、 轮播图的 宽 和 高--> <swiper :imgList="imgList" style="width: 900px; height: 512px;"/></template><script> // 这三个是图片 import lv_dou...
2019-11-29 09:49:30
1388
原创 27 个提升开发幸福度的 VsCode 插件
Visual Studio Code（也称为VSCode）是一种轻量级但功能强大的跨平台源代码编辑器, 借助对TypeScript 和Chrome调试器等开发工具的内置支持，越来越多的开发都都喜欢使用它。如果你正在寻找更多的好用的 VsCode 工具，那么这篇或许能够帮助你。以下是 2019年为 JS 开发者提供的26个不可思议的VSCode工具。1. Project Snippets (代...
2019-11-29 09:41:37
1270
转载 Vue 打包的优化
参考地址：https://blog.csdn.net/weixin_34290390/article/details/91463425
2019-11-29 09:28:19
797
原创 vue中用js将json数据按英文字母顺序进行排序
js 把对象按照属性名的字母顺序进行排列var obj = {name: “zhangsan”, age: 8, ace: 5, nbme: “lisi”};//要排序的对象function objKeySort(obj) {//排序的函数var newkey = Object.keys(obj).sort(); //先用Object内置类的keys方法获取要排序对象的属性名，再利用A...
2019-11-28 17:03:47
2355
原创 weex项目开发经验总结大全
weex实战项目开发经验1. 什么是weex？WEEX是一个使用Web开发体验来开发高性能原生应用的框架介绍这里，我参照的官网，建议同学们还是去官网看一遍，下面有网址。Weex是使用同一套代码来构建 Android、iOS 和 Web 应用（一次编写，处处运行）。具体来讲，在集成了 WeexSDK 之后，你可以使用 JavaScript 和现代流行的前端框架来开发移动应用。Weex 在 ...
2019-11-28 17:01:47
383
原创 vue页面引入three.js实现3d动画场景
vue中安装Three.js近来无聊顺便研究一些关于3D图形化库。three.js是JavaScript编写的WebGL第三方库。Three.js 是一款运行在浏览器中的 3D 引擎，你可以用它通过控制相机、视角、材质等相关属性来创造大量3D动画场景。我们开始引入three.js相关插件。1、首先利用淘宝镜像，操作命令为：cnpm install three2.接下来利用npm安装轨道控...
2019-11-28 16:58:46
1464
原创 vue中post请求
安装qs：cnpm install --save axios vue-axios qsimport qs from ‘qs’;import axios from 'axios';axios.post(url,qs.stringify({ // 通过qs.stringify()将对象解析成URL的形式 name:'0', age:'2'}),{emulateJSON: true},{...
2019-11-28 16:56:01
6065
原创 微信小程序——基于vue的框架mpvue
起手式：必要的开发环境工欲善其事必先利其器！在开始写代码之前，请确保你已经安装了必要的开发环境和工具，以下是几个必需的和可选的工具：1）node.js现在，前端工具链基本都依赖Node.js，所以请率先安装它吧。下载地址：https://nodejs.org/en/download/安装完成后，打开你的命令行输入如下命令，验证安装是否成功：node --version//成功的话输出...
2019-11-28 16:54:47
4269
原创 vue 移动端使用日期插件datepicker.js
datepicker.js：//datePicker日期控件 v1.0//var calendar = new datePicker();//calendar.init({// ‘trigger’: ‘#demo1’, /选择器，触发弹出插件/// ‘type’: ‘date’,/date 调出日期选择 datetime 调出日期时间选择 time 调出时间选择 ym 调出年月选择//...
2019-11-28 16:52:11
1415
原创 密码加密aes
在线测试地址：http://tool.chacuo.net/cryptaes参考地址：https://www.cnblogs.com/libo0125ok/p/9224121.html公司使用方式：
2019-11-28 16:49:29
100
原创 js 将json对象转成字符串
源码Demo:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>&...
2019-11-28 16:48:22
710
原创 vue中使用axios插件做post请求带参数
在vue中使用axios发送post请求，参数方式由于后台接收的参数格式为FormData格式，在axios中参数格式默认为FormData格式在axios中参数格式默认为在传参数前，将原先官方提供的格式改为如下：axios({ url: '../../../room/listRoomPage', method: 'post', data: {offset: 0, lim...
2019-11-28 16:47:41
2293
原创 vue中js空对象中以key:value插入数据
源码Demo:this.advertScope='' this.advertMediaType='' this.auditStatus='' var obj={ "reqTime":'this.reqTime', "reqDate":"this.reqDate", "tenantId":"0",//租户id "merchant...
2019-11-28 16:45:06
2069
原创 js判断本地时间是否在某一个年月日的时间段
源码Demo: var aa='2019-05-12' var bb='2019-07-24' var newaa=aa.split('-') var start='' for(var i=0;i<newaa.length;i++){ start+=newaa[i]+'/' } startTime=start.substring(0...
2019-11-28 16:44:15
354
原创 vue滚动年月日选择器DatetimePicker
一、首先引入mint-UI库，具体步骤参考mint-ui官方文档mint-ui地址：http://mint-ui.github.io/#!/zh-cn二、查看引入DatetimePicker步骤具体代码如下：<template> <div> <div class="birth"> <div @click="openPicke...
2019-11-27 17:02:42
3077
原创 微信公众号内嵌H5网页授权步骤
参考地址：1、https://asyncoder.com/2018/09/21/%E5%9C%A8%E5%BE%AE%E4%BF%A1H5%E7%BD%91%E9%A1%B5%E4%B8%AD%E8%8E%B7%E5%8F%96%E7%94%A8%E6%88%B7%E5%9F%BA%E6%9C%AC%E4%BF%A1%E6%81%AF/2、https://mp.weixin.qq.com/wi...
2019-11-27 17:01:15
4570
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人