- 博客(24)
- 收藏
- 关注
RSS订阅原创 小程序：emoji等表情base64后乱码解决方案
最近在做小程序即时聊天，发现发送emoji等表情经过base64传给后台后解析出来的就是乱码，最初的问题是前端用base64方法对emoji的支持不太友好，于是查询了很多方法，都不合适，最后终于找到合适能用的（https://www.it610.com/article/5349222.htm）大致做了一下修改如下：(function() {var Base64;var btoa; ...
2020-03-28 17:49:13
2091
原创 小程序：海报生成解决方案——Painter
在最近的项目中，因为我们没有办法直接将小程序分享到朋友圈，所以需要开发一个生成海报的功能，生成一张带有用户头像、用户名称、商品图片、商品价格和小程序二维码的图片，引导用户保存再分享到朋友圈，大概效果如下图所示:但是考虑到小程序的Canvas功能以及各种兼容性问题，所以放弃了造轮子的想法，找到了一个可以通过JSON数据形式，来进行动态渲染并绘制图片的插件——Painter。第一步：引入P...
2020-03-28 17:30:44
2238
2
原创 CSS：关于盒子模型的那些事
标准盒子模型：宽度=内容宽度（content）+ border + padding怪异盒子模型（低版本IE盒子模型）：宽度=内容宽度（content+border+padding）相关CSS3属性——box-sizingbox-sizing:content-box(标准盒子模型，宽度和高度分别应用到元素的内容框。在宽度和高度之外绘制元素的内边距和边框)box-s...
2020-03-26 22:57:31
139
原创 css清除浮动
不清除浮动会导致内容高度塌陷，比如在浮动元素的父元素未设置高度的情况下，父元素会发生高度塌陷。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> .a{ bac...
2020-03-08 23:12:29
111
原创 静态语言和动态语言
一、静态语言（强类型语言）静态语言是在编译时就确定了变量的数据类型，多数静态类型语言要求在使用变量之前必须声明数据类型，例如：C++、Java二、动态语言（弱类型语言）动态语言是再运行时确定数据类型的语言，变量使用之前不需要类型声明，通常变量类型就是被赋值的那个值的类型。...
2020-03-04 23:02:49
136
原创 正则表达式
*：出现零到多次+：出现一到多次？：出现零次或者一次.：除\n以外的任意字符{n}：出现n次{n,}：出现n到多次{n,m}：出现n到m次var reg=/^0.2$/ //以0开头，已2结尾，中间可以是除/n之外的任意字符...
2020-03-04 22:53:19
192
原创 typeof、instanceof、valueOf()
typeof 操作符返回一个字符串，表示未经计算的操作数的类型，你可以使用 typeof 操作符来检测变量的数据类型。instanceof运算符用于检测构造函数的prototype属性是否出现在某个实例对象的原型链上，你可以用instanceof判断一个对象是不是某个类型的实例function Car(make, model, year) { this.make = mak...
2020-03-04 22:47:35
199
原创 运算符：++、--前置和后置的区别
关于++和--这两个运算符相信大家都不会陌生，++表示自加一，--表示自减一，但是大家比较容易忽略的是运算符前置和后置的区别：后置：var i=8;var a=i--;console.log(i);//输出7console.log(a);//输出8前置：var j=8;var b=--j;console.log(j);//输出7console.log(b);...
2020-03-03 22:33:56
3818
原创 vue阻止事件冒泡
再实际开发过程中我遇到了一个问题：问题描述： 大致就是一个商品列表，点击里面的每条商品记录就能进入对应商品详情页，点击每条记录里面的步进器就可以对商品的数量进行修改，我给外层的DOM节点绑定了一个点击事件，用来触发跳转进入商品详情页的动作，步进器我用的是Vant UI的一个组件，绑定了一个change事件，这时候就会出现一个问题就是，每当我点击步进器对商品数量进行修改的时候，就会触发...
2019-08-19 23:10:47
36573
2
原创 vue引入UEditor配置以及跨域图片上传问题
原文链接：https://blog.csdn.net/haochuan9421/article/details/81975966如何安装上方链接已经讲得非常的详细（注意文中的第一步下载不能省略），我需要记录补充的是如何配置以及对文中处理图片上传和跨域问题做详细点的补充。一、配置 前端配置： 在ueditor.config.js文件配置静态资源，服务器统一请...
2019-06-24 10:15:47
2296
原创 echarts 保存/导出图片
要实现将统计图保存为图片导出/下载主要有以下两种方法：1.工具栏：toolbox: { show: true, feature: { dataZoom: { yAxisInd...
2019-06-19 14:40:46
13346
4
原创 微信测试号配置随笔
微信测试号配置主要分为以下三步操作：一、登录注册 点击进入微信公众平台接口测试帐号申请/登录二、填写接口配置信息 此信息需要你有自己的服务器资源（没有服务器资源的盆友可以查看我的另一篇文章，免费获取自己的服务器资源），填写的URL需要正确响应微信发送的Token验证。URL是开发者用来接收微信消息和事件的接口URL，Token由开发者自定义（Token必须为英文或数字，长度...
2019-06-19 14:20:27
285
原创 创建一个简单的新浪sae应用
新浪sae地址：点击这里一、创建应用点击右上“控制台-云应用SAE”，进入下方界面：点击"创建应用"按钮进入下方界面：选择和填写完配置信息后，点击‘确认创建’按钮，完成应用创建操作。二、上传代码在应用列表点击“管理”按钮，进入应用概览界面，点击左侧侧边栏“运行环境管理-代码管理”，进入代码管理界面，点击版本列表中的“创建新版本”按钮 即可上传代码包，当然还有其...
2019-06-19 14:18:51
322
原创 ThinkPHP5入门--安装
ThinkPHP主要有以下几种安装方式;1.官网下载：（1）进入（官方网站）选择合适的版本下载到本地并解压（2）在入口文件（public/index.php）里的require __DIR__ . '/../thinkphp/start.php';下面插入以下两行代码：// 读取自动生成定义文件$build = include '/../build.php';// 运行自动生...
2019-04-09 15:22:00
171
原创 弹性布局（Flex）笔记
1.Flex布局是什么？Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局.box{ display: flex;}行内元素也可以使用Flex布局.box{ display: inline-flex;}Webkit内核的浏览器，都必须加上-webkit前缀.box{ di...
2019-01-29 09:54:06
150
原创 vue入坑之slot（插槽）
slot意思为插槽，水沟；我们可以把它想象为电脑主板上的插槽，用来插放内存条等对应的部件。官方文档是这样描述的：我们将这段话中的“ 内容分发"这四个字作为切入点，比较容易理解，假若我们注册了一个名为aaa的组件：var vm=new Vue({ el:'#app', components:{ aaa:{ template:"<p>这里是默认内...
2018-06-19 22:10:33
1278
1
原创 js时间戳及其转换问题
js获取时间戳：方法一：var timestamp=new Date().getTime();方法二：var timestamp=（new Date()）.valueOf();方法三：var timestamp= Date.parse(new Date());时间戳的转换问题：第一步：获取时间对象var oDate=new Date(timestamp);在第一步这里我遇到了几个问题与大家分享一下...
2018-06-02 10:26:54
1595
原创 VUE 属性绑定
在VUE中属性绑定使用v-bind其中class和style属性比较特殊有以下集中方式class：（1） v-bind:class=“[a,b,c]”,这种方式里面的a，b，c需要在vue实例中的data中声明（2）v-bind:class="{red:true,blue:false}",这里的red直接是style中的类名，后面的true和false可以在data中声明数据代替style：（1）...
2018-05-27 23:05:05
423
原创 低版本IE兼容video
<html><head> <title>Video.js</title> <meta charset="utf-8" /> <!--[if IE]><script src="http://api.html5media.info/1.1.6/html5media.min.js"
2018-05-16 15:32:20
521
原创 position居中
width:80%;height:auto;position:fixed; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);padding:10px 5px;
2018-03-27 15:47:01
399
原创 移动端开发input标签调用数字键盘
先上代码 6)value=value.slice(0,6)"/>maxlength属性规定输入内容的最大长度，有些浏览器会出现把type设置为number后maxlength就失效了，微信浏览器我测试的时候还没有遇到这种情况，为了预防万一我们可以加上以下这行代码：oninput="if(value.length>6)value=value.slice(0,6)"type="text"和
2017-10-24 09:02:39
15075
原创 关于clear和浮动
关于clear属性，W3C上的解释是规定那一侧不允许其他浮动元素，确实有点不好理解，为好更加好的了解clear属性我们不妨运用一下立体思维。首先，我们把想象成一个框，把里面的元素想象成大小不一，厚度不一的拼图；接下来我们想像一下这个框的横截面光是一张图可能有点难以理解，我们同过几个实例来详细分析一下；在实践中，我们经常遇到因为内部元素浮动导致撑不开外部元素的情况原因是因为内部浮
2017-10-19 16:45:44
190
翻译 p标签实现自动换行
word-break:normal;white-space:pre-warp;word-wrapL:break-word;
2017-10-19 15:53:39
49364
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人