笔记

ding

ding|好久没发了,,学习恶补中。。

发布于 昨天 23:41 浏览:16 类型:原创 - 随笔 分类:JavaScript 举报

个人感触:最近在学习canvas,这个对象本身并不难,基础知识就那么多,一天就可以敲一遍,但实际运用中发现难的是你解决问题的切入点(思路)和js面向对象编程的基本功,而这两个我现在都没入门,大写的尴尬。。所以就学习恶补,练习中,,可能很长一段时间都会在这样。,html代码效果预览<!DOCTYPEhtml><htmllang="en ...

zzl285436322

zzl285436322|将图片转化为base64编码

发布于 昨天 16:43 浏览:46 类型:原创 - 随笔 分类:JavaScript 举报

在公司的某个app项目中用到了一个canvas.toDataURL的方法将用户上传的图片转化为base64编码进行保存并提交给后台保存到数据库。一下是我用到的方法。functionconvertImgToBase64(url,callback,outputFormat){varcanvas=document.createElement('CANVAS'),ctx=canvas.getContext('2 ...

zjktttrtrt

zjktttrtrt|感觉还不错的插件

发布于 昨天 16:18 浏览:43 类型:原创 - 教程 分类:HTML/CSS 举报

http://yiiguxing.github.io/TranslationPlugin/start.html支持多个ide,目前使用了下感觉还可以,不过都是直译的 ...

Scarlett陈

Scarlett陈|drawImage---强大的绘图方法

发布于 昨天 16:13 浏览:46 类型:原创 - 随笔 分类:HTML/CSS 举报

1.context.drawImage(img,x0,y0);//在这个画布上面(x0,y0)坐标处画上img2.context.drawImage(img,x0,y0,width,height);//在这个画布上面(x0,y0)处画上宽为width,高为height的img3.context.drawImage(img,sx0,sy0,swidth,sheight,x0,y0,width,height);//先把原来的图片以坐标(sx0,sy0)开始截出宽为swidth,高为sheight的i ...

作者:jeffer来自:原文地址主要通过input输入事件配合css的transform动态改变实现这种效果。实际调试过程中,input组件bindinput事件触发后回调的detail对象,在模拟器中含有cursor属性,在真机中(测过安卓,ios没测过)却没有该属性,最后选择detail对象中的value属性的值的长度来同步输入的位数。bindfocus事件最 ...

原文是markdown格式的所以访问原文学习吧http://www.0313.name/2017/01/13/prototype-proto-constructor.html ...

Scarlett陈

Scarlett陈|fillRect的参数

发布于 昨天 15:46 浏览:17 类型:原创 - 随笔 分类:HTML/CSS 举报

context.fillRect(x0,y0,width,height).注意后面两个参数是指这个矩形的宽和高,并不是指初始点的对角点的坐标。 ...

13666567452

13666567452|实现一个m行 * n列 的格子

发布于 昨天 15:10 浏览:38 类型:原创 - 随笔 分类:JavaScript 举报

求一个逻辑!!!!主要就是用户现在想4行3列那布局久变化用户想5行4列久变成5行4列求一个逻辑!!!!主要就是用户现在想4行3列那布局久变化用户想5行4列久变成5行4列求一个逻辑!!!!主要就是用户现在想4行3列那布局久变化用户想5行4列久变成5行4列 ...

前段实践分享了vue实现的音乐播放器,今天分享个天气的~~~实现的功能:当前天气当前天气的基本信息24小时预报最近三天的天气气温github:戳这里预览地址:戳这里喜欢的加个star顺便加个收藏,点个赞~~有兴趣的加个前端交流群:478688652,群里有vue2.0的教程扫一扫手机预览不说废话了,先上UI. ...

szp1203

szp1203|JS算法记录

发布于 昨天 14:37 浏览:31 类型:原创 - 随笔 分类:JavaScript 举报

看到几种js算法实现,记录一下js内置的sort排序可以解决平常遇到的数组排序问题,但理解一些算法的最佳实践可以提高自身的知识储备/***TODO:冒泡排序*时间复杂度:O(n^2);*最快:数据是正序时*最慢:数据是反序时*/functionbubbleSort(arr){varlen=arr.length;for ...

博客线上访问地址:Theblogofbillyhgithub项目地址:Vue2.0博客系统Vue2.0-Blog-System使用Vue2.0开发的博客前端版块,另外后台代码在另一个仓库,在此主要写博客系统中关于技术细节的详细教程,欢迎star和改进本项目,我将会持续更新和增加新功能。项目组成:项目是由vue-cli构建的。主要功能都在左边的导航条 ...

13611606223

13611606223|绑定数据后的模板范例(参考)

发布于 昨天 12:47 浏览:48 类型:原创 - 随笔 分类:HTML/CSS 举报

html代码效果预览<!DOCTYPEhtml><html><head><title>测测</title><metacharset="utf-8"/><metaname="keywords"content=""/><metaname="description"content=""/><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metacontent="width=device-width,initial-scale=1.0,m ...

13611606223

13611606223|css中rem自适应指标

发布于 昨天 12:41 浏览:68 类型:原创 - 随笔 分类:HTML/CSS 举报

css代码效果预览html,body{font-size:50px;width:100%;overflow-x:hidden;}@mediaonlyscreenand(min-width:375px){html{font-size:60px!important;}}@mediaonlyscreenand(min-width:401px){html{font-size:65.5px!important;}} ...

13611606223

13611606223|关于json数据处理及数据绑定

发布于 昨天 12:05 浏览:38 类型:原创 - 随笔 分类:HTML/CSS 举报

一.json数据处理1.json数据json代码效果预览{"img":"quizvault_internet_test_banner@2x.png","golds":"200","praise":"64000","tit":"互联网给工作带来的麻烦","tit_describe":"在朋友圈转发身体被掏空,HR找你深情谈话:不想干就走。看看你有哪些情况?","images":[{"name":"quizvault_internet_test_nor.png"} ...

15210403558

15210403558|css写的撕日历的效果,在手机上看

发布于 昨天 10:21 浏览:144 类型:原创 - 随笔 分类:HTML/CSS 举报

html代码效果预览<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1"><title>Document</title><linkrel="stylesheet"href="./base.css"><linkrel="stylesheet"href="./index.css"></head><style>li{ ...

腥腻

腥腻|随机多彩变化链接样式tag标签样式

发布于 昨天 10:16 浏览:618 类型:原创 - 随笔 分类:JavaScript 举报

tag标签随机多彩变化的超链接样式,使用JQ+DIV+CSS实现刷新随机变化样式特效。jquery版的随机多彩tag标签随机css字体颜色和字号大小效果。于是就写下这个效果与大家分享,办法也很笨拙,就是利用jquery随机数来遍历#tag中所有的a链接为其添加一个随机的类名。然后预先定义了12个链接样式。你可以自定义类似#tags.tags1这 ...

随机多彩变化链接样式tag标签样式
俊辉

俊辉|ionic中无法滑动问题,滚动条隐藏

发布于 昨天 10:11 浏览:44 类型:原创 - 随笔 分类:HTML/CSS 举报

ionic在渲染出内容后,如果页面中再动态的增加内容、会使页面长度扩大。当页面超过一屏幕需要滑动的时候,就会出现滑动很不顺畅的情况。具体原因我猜测应该是渲染dom的时候,内容溢出,并没有滚动条。在ion-cotent下添加overflow-scroll="true"可以解决这个问题、不过这时候文本溢出的时候就会出现滚动条,在移动端滚动 ...

这是运用HTML5中的canvas与Javascript绘制的时钟,通过实例更好的把HTML5中的canvas中的API联系起来。html代码效果预览<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>这是一个canvas动画</title><stylemedia="screen">div{text-align:center;margin-top:100 ...

IT小棉羊

IT小棉羊|Charles 抓包工具

发布于 前天 22:25 浏览:98 类型:原创 - 教程 分类:开发调试 举报

Charles注册码1.Windows用户RegName:ANONYMOUS@chinapyg.comReg_Key:5fae99ec65736945ba官方下载后可直接激活。神key.2.Mac用户(Charles软件下载百度网盘链接:http://pan.baidu.com/s/1i46MDCD密码:ebn0)方式一如果不行,方式二绝对可以。1.方式一账号:WaitsUn.com密码:vapg-fold-dreg-inky ...

happyzgm

happyzgm|文字选中分享

发布于 前天 22:18 浏览:81 类型:原创 - 随笔 分类:HTML/CSS 举报

总结:文字选中IE和其他浏览器不一样在IE中文字选中后鼠标抬起,图片显现触发有点快所以用定时器。html代码效果预览<!DOCTYPEhtml><html><head><metacharset=utf-8/><title></title><scripttype="text/javascript"src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script><styletype="text/css ...