• 等级
  • 39524 访问
  • 44 原创
  • 12 转发
  • 68539 排名
  • 1 评论
  • 3 获赞

canvas 画图移动端出现锯齿毛边的解决方法

最近项目中用的canvas 越来越多,但是之前都是在canvas 上画图片, 最近这次是做一个折线图,自己画出来以后发现有锯齿,百度一番后找到了解决办法,记录到博客里。 声明一下,我用的是第二种方法,第一种方法,看代码原理没问题,也就整理过来了 使用HTML5的canvas元素画出来的.在移动端手机上测试都发现画图有一点锯齿问题 出现这个问题的原因应该是手机的宽是720像素的, 而这个...

2018-08-28 23:31:06

mac 环境下svn客户端安装和简单使用

今天在mac操做svn看了很多的帖子,走了很多弯路,现在写下自己的心得,希望后面的小伙伴少走弯路。 mac 下已经自带了svn环境 。使用svn –version 查看版本号,正确显示 如果没有,请先安装svn 安装方法: 如果你有安装XCode,只需要在code > Preferences > download > Command Line Tools > In...

2018-08-06 20:56:56

Sublime text 3如何编辑less并转(编译)成css文件 (ctrl + s 保存立即编译)

1、在sublime里安装好less(less语法高亮功能插件)和Less2Css(编译功能插件)这两个插件,具体步骤为: Ctrl+Shift+p打开命令面板,输入install package并在下拉里选中install package(这里必须已经安装好了管理插件的package control插件),弹出新搜索框之后再输入要安装的插件,然后下拉出现对应插件,点击安装。 2、安装好插...

2018-08-06 20:51:15

本地服务器 利用nodeJs anywhere搭建本地服务器环境

作为一名前端开发,经常碰到有一些小的页面要做,而且用到ajax 的时候,就必须要有本地服务!hbuild 编辑器自带本地服务,但是编辑器太站内存了,再加上本人电脑配置不高,每次打开的时候风扇都会吭哧吭哧的转,所有网上查找相关资料,搞个本地服务器。这里记录一下! 首先去nodeJs官网下载稳定版本的nodejs 并安装好 安装成功后win+r打开cmd 输入node -help 或者node ...

2018-08-06 20:43:27

用来下载图片的javascript脚本

功能说明: 本人在浏览图片网站的时候常常发现一个问题就是想复制图片到本地时常常另存为,另存为,另存为。哎呀,有点麻烦。所以这脚本的功能就是在一个在一个图片网站时,跳出所有图片,然后只要点击自己想要的图片就可以下载了。当然啦直接用浏览器插件也是一个不错的选择哦。 –代码简单到不能再简单了,所以就不详细说明了。 –大家可以吧脚本保存到收藏夹,到时候想用时点击一下就可以了。 –可能有的,旧版本浏...

2018-08-06 20:31:56

JavaScript:原生JS实现图片懒加载

为什么要懒加载 懒加载(LazyLoad)是前端优化的一种有效方式,极大的提升用户体验,图片一直是页面加载的流浪大户,现在一张图片几兆已经是很正常的事,远远大于代码的大小。倘若一次ajax请求过来10张图片的地址,我想如果你一次性把10张图片都加载出来,肯定是不合理的。 第一:会显示的很慢,多加载1秒都会引起用户的流失,这对靠流量的网站来说绝对是噩梦。 第二:用户如果只是随便看看,...

2018-08-06 20:25:17

js如何获取response header信息

信息转自网上 普通的请求JS无法获取,只有ajax请求才能获取到。 $.ajax({ type: 'HEAD', // 获取头信息,type=HEAD即可 url : window.location.href, complete: function( xhr,data ){ // 获取相关Http Response header va...

2018-07-09 10:34:59

[iOS,mac]Coding.Net(码市)进行代码管理

无论是在独立开发还是在合作开发的时候,代码管理真的是一个大的问题,就比如,楼主(独立开发)前段时间,一不小心用一个旧的项目直接把最新的项目覆盖了,一个月的代码就这样没有了(很难过),所以保存好代码是很重要的,把代码放在网上是很安全的,这里推荐使用coding,上面具有私人仓库,虽然免费的一个项目只有256M的空间,我觉得还是差不多够用了,下面开始说一下如何将本地的项目放到coding,并且后期更新...

2018-06-14 23:54:54

Promise使用详解2(ES6中的Promise)

2015年6月, ES2015(即 ECMAScript 6、ES6) 正式发布。其中 Promise 被列为正式规范,成为 ES6 中最重要的特性之一。 1,then()方法 简单来讲,then 方法就是把原来的回调写法分离出来,在异步操作执行完后,用链式调用的方式执行回调函数。 而 Promise 的优势就在于这个链式调用。我们可以在 then 方法中继续写 Promise 对象并返回,...

2018-06-09 11:55:21

Promise使用详解1(基本概念、使用优点)

以前看es6 教程 promise 看的有点一头雾水,后来发现用到的地方还很多,比如axios 后来决定好好研究下这个鬼! 这篇文章是在网上搜到的,写的简单明了,转过来留着以后复习用 一、promises相关概念 promises 的概念是由 CommonJS 小组的成员在 Promises/A 规范中提出来的。 1,then()方法介绍 根据 Promise/A 规范,promis...

2018-06-09 11:46:38

git 常用命令

用git 很久,之前收集的所有命令,都写在了qq的笔记里,一些不常用的,每次用的时候还要去翻,也没整理过,今天整理下方便以后的使用 git init 初始文件夹 git add . 提交当前所有文件到暂存区 git commit -m “注释” 提交暂存区的文件到 自己的分支 git push 是将本地的master分支推送到远程主机origin...

2018-06-05 23:52:50

canvas使用toDataUrl()报错

页面要做一个截图的功能,本地生成了一张图片,然后转成canvas,再从canvas变成png,但是canvas.toDataUrl()一直报错: Uncaught DOMException: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported. 代码如下: ...

2018-05-24 16:56:18

详述Canvas(五)/绘制圆角矩形

之前做的react 项目 做了一个分享图片功能,分享的图片上有二维码,和个人信息等内容,二维码用的 qrcode.react 组件,但是图片上的元素必须要用canvas 绘制上去,canvas api 好久之前看过,但是基本没用过,忘的也七七八八了,临阵抱佛脚! 其中用到了一个绘制圆角矩形的 方法,搜索之后找到了这篇文章,写的很不错, 附带原文链接https://blog.csdn.net/l...

2018-05-24 16:43:16

苹果ios用js的Date() 获取到的日期时间 显示NaN

ios使用如下方法获得NaN,安卓手机则是正常计算,解决方法是换个这个时间的格式 new Date("2017-04-28 23:59:59").getTime() 换成如下方式就正常了,就是‘-’换成‘/’ new Date("2017/04/28 23:59:59").getTime() 正则表达式替换方法 "2017/04/28 23:59:59".replace(/\..

2018-05-19 18:53:04

ES6 map、filter、find、findIndex 讲解

新项目用的是react 用到了好多es6的语法,之前看过一遍阮一峰老师的 es6入门,最近发现好多地方理解的不是很深刻,所以又来了一遍,顺便对几个很实用的方法做一下总结 首先声明,这篇文章是转载的: 原文链接 => https://www.cnblogs.com/studyshufei/p/7910384.html 博主写的很好,就搞过来了,留着以后复习用! map方法:可以简单的理解...

2018-05-19 17:27:02

密码强度 弱 中 强 正则表达式判断

今天看了下项目中的注册页源码,顺带着看了下判断密码强度的正则表达式,写的很好,最起码比我写的好,所以记录下来留着以后参考 代码如下var strongRegex = new RegExp("^(?=.{8,})(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9])(?=.*\\W).*$", "g") //强 var mediumRegex = new RegExp("^(?=.{7

2018-04-18 16:11:49

React 中组件间通信的几种方式

在使用 React 的过程中,不可避免的需要组件间进行消息传递(通信),组件间通信大体有下面几种情况:1 父组件向子组件通信 2 子组件向父组件通信父组件向子组件通信 这是最简单也是最常用的一种通信方式:父组件通过向子组件传递 props,子组件得到 props 后进行相应的处理。 下面是演示代码:父组件 App.js:import React,{ Component } from "reac

2018-04-17 20:33:29

localStorage 如何存储JSON数据并读取JSON数据

localStorage是HTML5提供的再客户端实现本地存储的一种方法,但是localStorage方法只能存储字符串数据,有时候我们需要存储对象到本地比如:JSON;那么,localStorage怎么才能实现JSON数据的存储与读取呢?思路:既然localStorage只能存储字符串数据,那么我们就可以先把JSON对象转换成字符串,然后用localStorage方法存储起来;等到需要用到这些JS

2018-04-15 14:35:53

componentWillMount 和 componentDidMount的区别

1、componentWillMount 将要装载,在render之前调用; componentDidMount,(装载完成),在render之后调用 2、componentWillMount 每一个组件render之前立即调用; componentDidMount render之后并不会立即调用,而是所有的子组件都render完之后才可以调用 3、componentWillMount

2018-04-09 21:56:51

react jsx 中的map 循环嵌套

jsx 中map 用的非常多,嵌套用到的也会很多!废话不多说,直接上代码var btnType=Object.keys(obj).map((key,i)=>{ var item=obj[key].map((s,index)=>{ return ( <button className={styles.btnType} key={index}>{obj[k

2018-04-09 21:53:48

泥猴桃

web前端开发
关注
  • 软件外包/web前端开发
  • 中国 北京 海淀区