- 博客(17)
- 资源 (2)
- 收藏
- 关注
原创 多行文本溢出
大家应该都知道用text-overflow:ellipsis属性来实现单行文本的溢出显示省略号(…)。当然部分浏览器还需要加宽度width属性。CSS代码:overflow: hidden;text-overflow: ellipsis;white-space: nowrap;但是这个属性并不支持多行文本溢出显示省略号,这里根据应用场景介绍几个方法来实现这样的效果。Web...
2018-07-31 19:46:07 408
原创 倒计时(小程序)功能
/** * 需要一个目标日期,初始化时,先得出到当前时间还有剩余多少秒 * 1.将秒数换成格式化输出为XX天XX小时XX分钟XX秒 XX * 2.提供一个时钟,每10ms运行一次,渲染时钟,再总ms数自减10 * 3.剩余的秒次为零时,return,给出tips提示说,已经截止 */// 定义一个总毫秒数,以一天为例//var total_micro_second = 3600 ...
2018-07-27 11:11:17 2770 1
原创 wx.navigateBack()返回上一页面如何传参数?
wx.navigateBack()不能像其他导航一样通过url传参,因此只能使用其他方法:先说两个可以实现但弊端很大的方法:1、将数据存到app.globalData中,然后返回上一页面从全局数据中获取 弊端:数据为全局数据,必须谨慎维护,否则全局某处做出修改,牵一发而动全身2、将数据存到本地缓存中(localStorage),然后从缓存中获取 ...
2018-07-26 11:16:45 17541
原创 小程序图片朋友圈分享功能
小程序自带分享的API但只能分享给好友和群,不能直接分享朋友圈,而常用的方法就是利用canvas绘制分享的内容然后生成图片保存到本地。需要了解的API参考官方文档:https://developers.weixin.qq.com/miniprogram/dev/api/canvas/reference.html具体工程如下:1、绘制canvas并生成图片及其url...
2018-07-24 22:50:19 2278
原创 小程序drawImage()绘制网络图片生成图片保存到本地真机不显示
标题有点绕,问题是这样的:小程序用canvas绘制一包含图片的内容使用自带的API:drawImage,然后将其生成图片保存到相册,pc端模拟器可以完美实现,然而真机生成图片没有所绘制的图片。原因是这样的:首先看小程序官方文档上drawImage的用法:const ctx = wx.createCanvasContext('myCanvas')wx.chooseIm...
2018-07-24 22:24:04 7793 5
原创 小程序canvas内容实现不同尺寸屏幕自适应
小程序canvas的API并没有像其他的一样支持小程序独有的 rpx 自适应尺寸单位,在绘制内容时所应用的单位仍然是 px,那么如何实现不同尺寸屏幕的自适应呢?首先我们根据开发工具可知不同常用屏幕的尺寸:由此可知我们开发中常用的参考屏幕尺寸(iPhone6)为:375*667;那么想要适应其他尺寸的屏幕时只需按照iPhone6的绘制大小按比例进行换算即可:首先利用...
2018-07-24 17:05:06 9106 2
原创 小程序自定义组件
Component构造器 :Component({ behaviors: [], properties: { //组件的对外属性,是属性名到属性设置的映射表 myProperty: { // 属性名 type: String, // 类型(必填),目前接受的类型包括:String, Number, Boolean, Object, Array, null...
2018-07-21 21:25:36 275
原创 初探微信小程序
先下载开发工具:https://mp.weixin.qq.com/然后注册微信公众平台账号;注册玩账号后账号信息中会有一个AppID,在新建项目时会需要嘿嘿。。。其实就是写个引导,官方文档很详细https://developers.weixin.qq.com/miniprogram/dev/...
2018-07-10 14:18:21 199
原创 初探React
npm install -g create-react-app本地创建一个新项目:create-react-app my-app执行命令:
2018-07-09 14:54:39 183
原创 SVG
SVG 代码写在SVG标签中 。这是根元素。width 和 height 属性可设置此 SVG 文档的宽度和高度。version 属性可定义所使用的 SVG 版本,xmlns 属性可定义 SVG 命名空间。svg预定义元素:矩形 <rect>圆形 <circle>椭圆 <ellipse>线 <line>折线 <polyline>多...
2018-07-08 22:35:56 1018
原创 SVG 路径path
path元素的形状是通过属性 d 定义的,属性 d 的值是一个“命令+参数”的序列。每一个命令都有两种表示方式,一种是用大写字母,表示采用绝对定位。另一种是用小写字母,表示采用相对定位(例如:从上一个点开始,向上移动10px,向左移动7px)。一、直线 M(m): move to,移动画笔到某处。指定路径开始起点,但并未画出那个点<svg xmlns="http://www.w3.o...
2018-07-08 22:35:14 584
转载 SVG fill-rule属性
SVG的图形填充规则通过fill-rule属性来指定。‘fill-rule’有效值: nonzero | evenodd | inherit默认值: nonzero应用于: shape形状类元素 和 文字内容类元素可继承: 是比例: 无媒体: 可见动画可用: 是 ‘fill-rule’ 属性用于指定使用哪一种算法去判断画布上的某区域是否属于该图形“内部” (内部区域将被填充)。对一个...
2018-07-08 17:09:49 1630
原创 Linux文件属性相关(权限)
在Linux的终端中我们可以用 ls -l 来查看某个文件的属性以及所属的用户和组。显示结果中:第一个字符代表这个文件是目录、文件或链接文件等等。当为[ d ]则是目录当为[ - ]则是文件;若是[ l ]则表示为链接文档(link file);若是[ b ]则表示为装置文件里面的可供储存的接口设备(可随机存取装置);若是[ c ]则表示为装置文件里面的串行端口设备,例如键盘、鼠标(一次性读取装置...
2018-07-05 10:22:39 425
原创 Shell相关注意点
#! 告诉系统其后路径所指定的程序即是解释此脚本文件的 Shell 程序。注释用 # ,sh里面没有多行注释只能每一行一个 #一定要写成 ./filename.sh,而不是 filename.sh,运行其它二进制的程序也一样,直接写 test.sh,linux 系统会去 PATH 里寻找有没有叫 test.sh 的,而只有 /bin, /sbin, /usr/bin,/usr/sbin 等在 ...
2018-07-01 21:01:59 225
转载 shell基本运算符
下表列出了常用的算术运算符,假定变量 a 为 10,变量 b 为 20: 运算符 说明 举例 +加法`expr $a + $b` 结果为 30。-减法`expr $a - $b` 结果为 -10。 *乘法`expr $a \* $b` 结果为 200。 /除法`expr $b / $a` 结果为 2。 %取余`expr $b % $a` 结果为...
2018-07-01 15:49:52 154
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人