你好,顾顾薇
你好,顾顾薇我们认识的不长喜欢的很仓促但很幸运这些日子里都写满了陪伴希望接下来的日子不论是风还是雨是坎坷曲折是静好的岁月是蹉跎的时光是喜怒悲伤能陪你渡过漫长岁月…
#father{
position: relative;
}
#textTitle{
position: absolute;
top: 0;
left: 0;
width: 100%;
text-align: center;
font-family: 'Love Ya Like A Sister', cursive;
font-size: 40px;
color: #c70012;
padding: 0 10px;
line-height: normal;
}
#textTitle span{
font-size:20px;
}
var canvas = document.querySelector("canvas");
var ctx = canvas.getContext("2d");
var ww,wh;
function onResize(){
w ...
教你用canvas绘制带尾迹的小球动画(背景透明)
前言最近用canvas学做动画发现很多时候,需要给动画加上尾迹效果,但是没有加尾迹时用的 clearRect()方法清除的指定元素,添加尾迹后用的是fillRect() 覆盖的元素 这时候就要再添加一个元素遮盖,且元素的填充色不能透明,这样就做不到背景透明了,我们所能看见的背景色,就是覆盖的元素填充色。但好在canvas提供了 globalCompositeOperation 属性,这样我们可以用globalCompositeOperation属性提供的值写出透明的背景且带尾迹的动画,这样的canvas在你网页的任何地方都不会遮盖你的内容!比如我之前写过一个烟花特效,以后有机会整理后发出!
示例下面就看看我的简单示例:
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768<!DOCTYPE html><html><body><canvas id= ...
你本可以少写些if-else
前言我不喜欢业务代码中航天飞机式if/else语句, 它复杂而臃肿, 至少从美感而言, switch就比if/else优雅很多. 如果跨语言比较的话, 私以为 ReasonML 的模式匹配比起寻常的switch语句又要强上太多. JS 中对复杂判断的不同写法, 带来的感觉是很不同的, 这篇文章里, 我将简单介绍几种用于替代 if/else 的写法. 只有熟悉更多代码思路, 才能开阔我们的思维, 如果不能学习写代码的更多可能性, 也许我们就成了被代码控制住的人.
IF/ELSE我们以一个售后流程为例. 用户购买商品后, 可能会因为错件漏件/质量问题/描述不符等原因联系商家进行售后服务, 其中可能会涉及退款/退货/换货/补发等售后支持服务, 商家对此次售后的服务情况也会影响用户对商家的喜好. 在这样的场景下, 我们假设以下伪代码:
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051/* 买家根据不同的售后原因, 去寻求不同的售后支持 */if (servi ...
HTML5新年年兽大战小游戏
HTML5新年年兽大战小游戏今年过年写了一个h5小游戏,没有用到任何js库,纯用h5+css+js,为了提升自己对js的理解,也圆了自己想写一个游戏的梦想,喜欢的朋友可以体验,想学习的朋友可以下载源码!!
开始游戏
gitHub下载源码
ES6 解构赋值
ES6 解构赋值解构赋值解构赋值可以方便快速的从数组或者对象中提取赋值给定义的变量。获取数组中的值从数组中获取值并赋值到变量中,变量的顺序与数组中对象顺序对应。
12345var foo = [1,2,3,4,5]var [one,twe,three] = fooconsole.log(one)//1console.log(twe)//2console.log(three)//3
如果想要会略某些值,则可以
123var [first,,last] = fooconsole.log(first)//1console.log(last)//5
也可以先声明变量
1234var a,b [a,b] = [1,2] console.log(a)//1console.log(b)//2
如果没有从数组中获取到值,可以为变量设置一个默认值
123456var a,b [a=5,b=7]=[1]console.log(a)//1console.log(b)//7
方便的交互两个变量的值
1234567var a=1var b = 3 [a,b]=[b,a] console.log(a)// ...
js利用递归实现数组扁平
5、用递归扁平化数组1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071//需要扁平化的数组var arr = [[1,2,3,[true,false,[3,4],5],6],function a (){}]//封装函数 function flattening(arr) { //创建空数组接收数组 var list = [] //判断传进来的arr是否为数组 if(arr instanceof Array){ //如果是则便利这个数组 for (var i = 0 ;i<arr.length;i++){ list = list.concat(flattening(arr[i])) ...
js数组拍平(扁平化)方法 flat()
一段代码总结 Array.prototype.flat() 特性12345678910111213141516171819202122const animals = [" ", [" ", " "], [" ", [" ", [" "]], " "]];// 不传参数时,默认“拉平”一层animals.flat();// [" ", " ", " ", " ", [" ", [" "]], " "]// 传入一个整数参数,整数即“拉平”的层数animals.flat(2);// [" ", " ", " ", " ", " ", [" "], " "]// Infinity ...
关于echart在vue中的饼图的值格式为千分位展示
关于echart在vue中的饼图的值格式为千分位展示关于echart在vue中的饼图的值格式为千分位展示echart的formatter定义方法
123456label: { /* formatter: '{b} : {c}元 ({d}%)'*/ formatter:function(data) { return data.name+":"+that.formatAmount(data.value)+"元 --占比:"+data.percent+"%"; } }
定义vue方法
1234/*格式化千分位方法*/ formatAmount(strNum){ return (strNum+ '').repla ...
geoserver发布离线瓦片卫星图TIF格式
geoserver发布离线瓦片卫星图TIF格式看了诸多关于geoserver发布离线瓦片的博客,发现别人的瓦片下载方式和工具跟我的不太相同,而且对与新人来说有点难以看明白,鄙人就写这样的一篇博客,给大家提供下我的用geoserver发布离线的瓦片图本人自己的方法不足之处还望指出我在这里发布的是通过全能地图下载器下载的瓦片地图CSDN下载:https://download.csdn.net/download/qq_40482342/11830501(百度网盘:链接: https://pan.baidu.com/s/1PNNYr7HhGaGlRCJmZis3pg 提取码: k546 ),由于geoserver不能直接将瓦片图发布进去当然还有别的办法可以,这里只讲这种稍微简单的发布方式**,然后通过全能地图拼接的tif格式的图发布到geoserver上这里下载和拼接消耗的时间比较久**然后将下载好的tif的图通过geoserver发布,注意这里的tif图是对应的不同级别的图,要按级别发布。最后再将不同图层的切片文件拷到一个图层中.详细教程如下下载全能地图下载器 ,然后选择要下载的地图级别,下 ...
vue+express+MySQL实现ueditor富文本内容的保存(含图片上传)(下)
vue+express+MySQL实现ueditor富文本内容的保存(含图片上传)(下)接上章 我们已经搭好了后台数据连接!现在我们来实现 vue集成 uditor 富文本参考来源:Vue项目中最简单的使用集成UEditor方式这里再赘述一下
Installation123npm i vue-ueditor-wrap# 或者yarn add vue-ueditor-wrap
一、下载 UEditor
下载最新编译的 UEditor。官网目前最新的版本是1.4.3.3,存在诸多 BUG,例如Issue1,且官方不再积极维护。为了世界的和平,针对一些常见 BUG,我进行了修复,并把编译好的文件放在了本仓库的assets/downloads 目录下,你可以放心下载,当然你也可以自己 clone 官方源码并编译。
将下载的压缩包解压并重命名为 UEditor(只需要选择一个你需要的版本,比如 utf8-php),放入你项目的 static 目录下。
如果你使用的是 vue-cli 3.x,可以把 UEditor 文件夹放入项目的 public 目录下。
二、在vue的main.js中引 ...