自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

一个减肥的小胖子

越努力越幸运

原创 微信小程序云开发——图片展示,视频播放案例

这次是帮朋友写的一个简单的小程序。考虑到成本和页面简单的问题,我就决定用小程序云开发来进行开发。后来实际开发的时候发现,页面用到图片实在是太多。CDN流量一个月5G根本不够用。但是我看到了数据库一天可以免费访问5万次,我就决定用base64来解决CDN流量不够用的问题。小程序云开发也是可以放视频的...

2019-10-07 18:03:31

阅读数 512

评论数 0

原创 微信小程序云开发(数据库)

开发者可以使用云开发开发微信小程序、小游戏,无需搭建服务器,即可使用云端能力。 云开发为开发者提供完整的云端支持,弱化后端和运维概念,无需搭建服务器,使用平台提供的 API 进行核心业务开发,即可实现快速上线和迭代,同时这一能力,同开发者已经使用的云服务相互兼容,并不互斥。 目前提供三大基础能...

2018-09-21 15:29:21

阅读数 37691

评论数 41

原创 html2Canvas上传图片,截图

需求:上传图片,输入祝福语。截成一张图片 github地址:https://github.com/wubaibin/html2canvas.git HTML <!DOCTYPE html> <html> <head lang="en">...

2019-12-11 21:42:12

阅读数 20

评论数 0

原创 HTML上传图片截图

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

2019-09-28 21:16:56

阅读数 228

评论数 0

原创 AngularJS笔记

1、什么是AngularJS AngularJS是一个开源的JS框架,目标是做SPA,适用在数据绑定操作比较频繁的场景 2、AngularJS的四大特征 ①采用了MVC的设计模式 Model 数据 View 视图 Controller 控制器 MVC的工作原理:在view进行...

2019-07-29 23:24:58

阅读数 48

评论数 0

原创 React Native笔记

用HTML5和React Native分别实现盒子模型显示 写发不一样: 1、样式 HTML5 .a{ position:absoule; top: 0; left: 0; right: 0; bottom: 0; background-c...

2019-07-25 16:47:13

阅读数 174

评论数 0

原创 Vue商品左栏目滑动跟右边内容展示的变化

如果你是用vue写移动端的话,我推荐使用better-scroll。 better-scroll的使用可以参考better-server文档:https://ustbhuangyi.github.io/better-scroll/doc/zh-hans/ Template <temp...

2019-07-14 16:11:16

阅读数 518

评论数 0

原创 Vue学习整理笔记

安装Vue 前提是安装了NodeJS 1、安装命令行工具 npm install --global vue-cli 2、安装完成后检查是否安装成功 vue -V (V要大写) 3、创建一个基于webpack模板的新项目my-project(项目名不能大写) vue ...

2019-07-14 16:04:19

阅读数 111

评论数 0

原创 导航栏点击滚动

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

2019-04-29 07:40:09

阅读数 33

评论数 0

原创 图片点击循环

HTML <div class="divContainer"> <div class="imgContainer"> <ul class="imgContent clear">...

2019-04-01 22:51:56

阅读数 61

评论数 0

原创 JS 整屏滚动

HTML <div class="bodyContentContainer"> <div class="bodyContainer"> <div class="Container01&quo...

2019-03-31 22:51:17

阅读数 403

评论数 0

原创 JS模仿window屏保实现图片上下左右移动

HTML &lt;div class="upgradeContainer"&gt; &lt;div class="upgradeImgContainer"&gt; &lt;img src=&...

2019-01-30 14:15:24

阅读数 300

评论数 0

原创 JS String

什么是string:由多个字符组成的只读字符数组 string vs 数组: 相同:1、下标; 2、.length; 3、.slice() 不同:类型不同: API不通用 API 大小写转换:将str中的字母都转为统一的小写/大写 str.toLowerCase()str.toUppe...

2019-01-21 10:35:48

阅读数 368

评论数 0

原创 JS DOM event

什么是event:                浏览器自动触发的,或用户手动触发的页面状态的改变 事件处理函数:                            当事件发生时,自动触发的函数——回调 如何绑定事件处理函数:3种   1、在HTML中绑定:            ...

2019-01-19 15:12:45

阅读数 171

评论数 0

原创 JS BOM总结

BOM的定义           Browser Object Model      专门操作浏览器窗口的API——没有标准           BOM包括:                 window:                                1、代替ES中的Gl...

2019-01-19 15:04:50

阅读数 91

评论数 0

原创 JS 定时器

定时器的定义:           让程序每隔一段时间间隔反复执行一项任务 定时器分为:周期性定时器和一次性定时器 周期性定时器:            让程序每隔一段时间反复执行一项任务 如何操作: 1、任务函数 function task(){...} 2、启动定时器 var...

2019-01-17 15:57:20

阅读数 579

评论数 0

原创 JS DOM总结

目录 DOM的定义 DOM树 DOM树的定义 为什么会是树形结构 根节点 节点对象 节点三大属性 DOM的操作流程 DOM查找    不需要查找可直接获取的元素     按HTML查找     按节点关系查找     按选择器查找      遍历节点 DOM查找总结 ...

2019-01-17 09:56:47

阅读数 254

评论数 0

原创 如何修改H5中的audio样式

HTML &lt;div class="btn-audio clear"&gt; &lt;img src="image/audioBg.jpg" alt="" class="l...

2018-12-15 16:07:09

阅读数 3228

评论数 1

原创 资讯列表上拉刷新

这边是手机端的页面。里面有数据循环渲染,上拉刷新数据,时间处理。 HTML &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta...

2018-11-23 09:56:51

阅读数 2842

评论数 1

原创 微信小程序上传图片

我这里上传图片有两种方法:1、利用Canvas将图片转base64(有些数据库要将图片转base64格式)    2、将图片上传到云上 方法一: 思路是这样的:因为小程序中的wx.arrayBufferToBase64();不支持本地文件转base64,所以我们先将图片用canvas将图片画出...

2018-10-11 16:57:43

阅读数 741

评论数 2

原创 倒计时(JQuery)

HTML &lt;!--倒计时--&gt; &lt;div class="timeContainer"&gt; &lt;p class="timeTitle"&gt;距离开播还有&a...

2018-09-17 17:29:39

阅读数 1189

评论数 0

原创 上传头像(利用Canvas处理图像)

上传头像的具体实现:点击将原来的图片换成点击的图片,不过图片变成了Canvas画布,可以通过移动来改变图像。点击确定将Canvas画布转成base64格式,你可以将base64格式的图像上传到服务器。 这个下面JS中会用到的 从指定位置裁剪原始图片指定宽高,填充到画布上: drawImage...

2018-09-04 15:45:14

阅读数 312

评论数 0

原创 HTML5 Canvas基础

现在前端Canvas用到的地方也是比较多的,下面来了解一下Canvas。 目录 什么是Canvas及注意事项 使用Canvas绘图矩形 使用Canvas绘制文本 Canvas绘图中使用渐变 Canvas绘图   路径 Canvas绘图   图像 Canvas绘图  变形操作 什么...

2018-08-25 17:32:25

阅读数 399

评论数 0

原创 JS函数基础

目录 什么是函数 作用域  声明提前 按值传递 全局函数 分支结构 循环 内置对象/包装类型 String 正则表达式 RegExp Math Date 什么是函数 什么是函数:函数又叫方法,在程序里面函数是用来执行某些特定功能的代码。为了减少重复使用代码,可以把特定...

2018-08-23 17:38:15

阅读数 1444

评论数 0

原创 JS基础

JS基础包括:JS简介、变量、常量、数据类型、数据类型转换、运算符和表达式。 大家都知道前端的三大语言:HTML、CSS、JS。HTML:专门编写网页内容。CSS:专门编写网页样式。JS:专门编写网页交互行为。所以,对于一个网页来说,JS是网页的灵魂,是重中之重。JS典型的用途:1、客户端表单验...

2018-08-22 17:56:00

阅读数 150

评论数 0

原创 JS数组总结

我们在数据处理的时候经常会用到数组,下面是我对数组的一些总结。 什么是数组:储存多个数据,并提供操作数据的API的对象 数组根据下标可以分为索引数组和关联数组。 索引数组 索引数组:下标都是数字的数组 如何创建索引数组: var arr = ["吴白彬","...

2018-08-20 18:04:14

阅读数 126

评论数 0

原创 小程序进阶总结

图片 首先,先说一下小程序的背景图片问题:在wxmlz中的style写:background-image:url("背景图片的路径");background-report:no-report;background-size:100%;其中url仅支持网络图片。所以我们如果要用...

2018-08-11 10:47:17

阅读数 823

评论数 2

原创 小程序的基础心得

page page是小程序的主体内容部分。小程序的页面全部都放在page文件夹下。 utils utils中的utils.js是写好了的时间js。你可以在其他页面中调用,你就可以获取当前的时间。 例子: js中: var util = require('utils.js的路径...

2018-07-22 15:55:58

阅读数 379

评论数 0

原创 JQuery实现手风琴特效

HTML&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; ...

2018-06-27 14:55:23

阅读数 390

评论数 0

原创 JQuery实现带左右按钮的无缝轮播

带按钮的无缝轮播的原理是:在ul的两边多加两张图,在轮播的过渡的过程中就不会有空白的部分。HTML部分&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &a...

2018-06-27 10:28:54

阅读数 785

评论数 0

原创 JQuery实现图片无缝轮播

HTML部分&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; ...

2018-06-26 16:50:23

阅读数 139

评论数 0

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