ribbon Compas

jQuery

write less, do more

点击查看api详情
Infinity-Loop

avalon

简单易用迷你的MVVM框架

点击查看api详情
Pensils

CSS

Cascading Stylesheet

css手册
Pensils

API

Application Programming Interface

API中文手册汇总
css3斜线延长动画

2020年7月1日  前端资源   

//重点是transform-origin这个属性,默认作用的重心是元素正中间,需要设置为如下 transform: rotate(0deg);//向右延长 transform-origin: 0% 0%; transform: rotate(180deg);//向左延长,仅仅只改变角度即可 transform-origin: 0% 0%; 直接案例:demo  

js将url图片地址转base64

2020年7月1日  前端资源   

关键还是要通过canvas对象的toDataURL方法去实现 <div id="showme"></div> let imgSrc = "https://cdnpw.chinaesport.com/kdhxoi/storage/emulated/0/tencent/MicroMsg/WeiXin/mmexport1592366797764.webp"; //width、height调用时传入具体像素值,控制大小 ,不传则默认图像大小 function getBase64Image(img, width, height) { var canvas = document.createElement("canvas"); canvas.width = width ? width : img.width; canvas.height = height ? height : img.height; var ctx = canvas.getContext("2d"); ctx.drawImage(img, 0, 0, canvas.width, canvas.height); var dataURL = canvas.toDataURL(); return dataURL; //返回base64 } functi...

js中在onload回调事件需要return返回值

2020年7月1日  前端资源   

function test(url){ var str=undefined; var img =new Image() img.src=url img.onload=function(){ str=img } return str } 事实上test()直接就返回了undefined,说明onload要等待img资源都加再完成了才能执行,不能保证同步执行   解决方法一: 基于jQuery兼容性好 function test(url){ var img =new Image(); img.title='xxxx'; img.src=url; var deferred = $.Deferred(); img.onload=function () { deferred.resolve(img); } return deferred.promise(); } //图片地址加载有延迟 test('http://lorempixel.com/100/100?0.6412381180562079').then((res)=>{ console.log(res) //<img title="xxxx" src="http://lorempixel.com...

解决:cmd显示中文乱码

2020年6月13日  wordpress教程,网络安全   

输入chcp 936回车即可解决 但每次启动cmd都会重置,所以要修改注册表直接在win+R窗口处粘贴以下代码直接运行 reg add HKEY_CURRENT_USER\Console\%"SystemRoot"%_system32_cmd.exe /v CodePage /t REG_DWORD /d 936 /f

解决:ttf字体文件cdn跨域问题以及ttf字体文件转base64

2020年6月11日  前端资源   

  解决方法: 需要将字体文件统一转化成base64 进入网站:https://transfonter.org/ 按照步骤操作即可。 最后得到: https://blog.csdn.net/xllily_11/article/details/54585199     Apache服务器解决方法(在conf、或者.htaccess 添加均可) <FilesMatch "\.(ttf|otf|eot|woff|woff2)$"> <IfModule mod_headers.c> Header set Access-Control-Allow-Origin "*" </IfModule> </FilesMatch> 注意: LoadModule headers_module modules/mod_headers.so 这个模块一定要存在且加载成功的 如果以上模块不加载,单纯的配置 Header 将会报错,亲测踩坑,网上查的很多资料,都没有提及这个模块。 Header set Access-Control-Allow-Origin "*" 注意:线上操作一定要先备份...