自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(36)
  • 收藏
  • 关注

转载 js获取图片的EXIF,解决图片旋转问题

相信大家在做项目的时候会遇到在canvas里加入图片时,图片发生90°,180°的旋转。当时的你肯定时懵逼的,为毛。其实这就是图片的EXIF搞的鬼。什么是EXIF简单来说,Exif 信息就是由数码相机在拍摄过程中采集一系列的信息,然后把信息放置在我们熟知的 JPEG/TIFF 文件的头部,也就是说 Exif信息是镶嵌在 JPEG/TIFF 图像文件格式内的一组拍摄参数,它就好像是傻瓜相机的日期打印功能一样,只不过 Exif信息所记录的资讯更为详尽和完备。Exif 所记录的元数据信息非常丰富,主

2020-11-20 09:39:12 619

转载 js正则表达式(.+)和(.+?) (.*)和(.*?)的区别

来源链接:http://www.365jz.com/article/24565(.+)默认是贪婪匹配(.+?)为惰性匹配疑问号让.+的搜索模式从贪婪模式变成惰性模式。var str = 'aaa<divstyle="font-color:red;">123456</div>bbb'<.+?>会匹配<divstyle="font...

2020-04-21 17:03:59 2925

转载 call、apply和bind方法的用法以及区别

作者:_Dot大师兄链接:https://www.jianshu.com/p/bc541afad6ee来源:简书call、apply、bind的作用是改变函数运行时this的指向,所以先说清楚this。以下是函数的调用方法:方法调用模式:当一个函数被保存为对象的一个方法时,如果调用表达式包含一个提取属性的动作,那么它就是被当做一个方法来调用,此时的this被绑定到这个对象。...

2020-04-17 13:51:28 108

转载 js的this的指向问题

文章来源:https://www.cnblogs.com/layaling/p/10650366.htmlthis指向性问题在开发过程中,可以说是时时刻刻都在,自己也知道一些this指向的区别,但是并没有细致的研究过,今天看到https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/this里面的解释...

2020-04-16 15:14:23 95

转载 深拷贝和浅拷贝的区别

作者:Mike丶https://www.cnblogs.com/mikeCao/p/8710837.html深拷贝和浅拷贝最根本的区别在于是否真正获取一个对象的复制实体,而不是引用。假设B复制了A,修改A的时候,看B是否发生变化:如果B跟着也变了,说明是浅拷贝,拿人手短!(修改堆内存中的同一个值)如果B没有改变,说明是深拷贝,自食其力!(修改堆内存中的不同的值)浅...

2020-04-16 09:47:33 77

转载 React创建组件的三种方式及其区别

内容转载于http://www.cnblogs.com/wonyun/p/5930333.htmlReact推出后,出于不同的原因先后出现三种定义react组件的方式,殊途同归;具体的三种方式:函数式定义的无状态组件 es5原生方式React.createClass定义的组件 es6形式的extends React.Component定义的组件虽然有三种方式可以定义react...

2020-03-31 15:58:44 98

转载 浅谈项目前端架构

浅谈项目前端架构0、前注鉴于本人的能力有限(非常有限),并且依然在学习中,因此本文的高度和深度必然有所欠缺。欢迎(并且非常欢迎)大家来批评指正,如果能详细的说明问题在哪里,如何解决和改正,那么就太感谢了!!!我最喜欢听有理有据的批评了!!1、为什么要有一个好的架构首先明确一点,架构是为需求服务的。前端架构存在的目的,就我个人理解来说,有以下几点:1、提高代码的可读性...

2018-06-03 01:20:22 2389

转载 凌晨3点不回家:因为想不到的心酸!

送给一样拼的自己送给披荆斩棘的创业者送给每晚战斗到凌晨的团队有人问一个女孩,为什么在竞争如此激烈中可以脱颖而出,“你见过凌晨三点的北京吗?一个女孩说。天天加班到凌晨,甚至临近天际发白的时候还在忙工作,在现在的社会中,努力生活的人,有谁...

2018-06-01 10:42:07 1266

原创 快排js实现

/* 快排js实现*//* 方法二: 思路: 1、选择数组中间数作为基数,并从数组中取出此基数; 2、准备两个数组容器,遍历数组,逐个与基数比对,较小的放左边容器,较大的放右边容器; 3、递归处理两个容器的元素,并将处理后的数据与基数按大小合并成一个数组,返回。*/ var quickSort = function(arr) {   if (arr.length <= 1) { return arr; } ...

2022-02-25 14:39:13 80

转载 软件需求文档格式的标准写法

软件需求文档格式的标准写法1.引言1.1 编写目的• 阐明开发本软件的目的;1.2 项目背景• 标识待开发软件产品的名称、代码;• 列出本项目的任务提出者、项目负责人、系统分析员、系统设计员、程序设计员、程序员、资料员以及与本项目开展工作直接有关的人员和用户;• 说明该软件产品与其他有关软件产品的相互关系。1.3 术语说明列出本文档中所用到的专门术语的定义和英文缩写词的原文。1.4 参考资料(可有可无) 列举编写软件需求规格说明时所参考的资料,包括项目...

2020-08-26 14:04:19 916

转载 几款常用的Git 图形化工具

作为一名开发人员,你不可能不知道git,无论你是开发自己的开源项目还是和团队一起进行大规模产品的开发,git都已经是源代码管理工具的首选。当然,那些hardcore developer会说,command line才是最好的工具,但并不是所有的时候command line都是高效的(不服?在command line里面做个compare试试你就知道了)。小编日常用的最多的也是command line,但是总还是会把几个好用的GUI Git客户端放在手边备着。独立客户端工具GitHub for Des

2020-08-26 10:45:55 692

转载 HomebrewCN:Homebrew的国内安装脚本,从此告别龟速更新

Homebrew 对于使用 Mac 的开发者来说,是再熟悉不过的了,它可以在 macOS 中方便的安装和管理各种系统并不自带的开发包。但令人苦恼的是很多时候它的下载和更新速度太慢,让人非常头疼,今天 Gitee 为各位推荐的就是在国内自动安装 Homebrew 的脚本。项目名称:HomebrewCN项目作者:CunKai项目地址:https://gitee.com/cunkai/HomebrewCN脚本内容/bin/zsh -c “$(curl -fsSL https://gitee.com/cu

2020-07-09 15:29:19 166 1

转载 React+Redux之connect用法介绍及原理解析

关于react-redux的一个流程图connect用法介绍connect方法声明:connect([mapStateToProps], [mapDispatchToProps], [mergeProps],[options])作用:连接React组件与 Redux store。参数说明:mapStateToProps(state, ownProps) : stateProps这个函数允许我们将 store 中的数据作为 props 绑定到组件上。..

2020-06-04 09:56:44 433

转载 React的生命周期

1. 挂载卸载过程 1.1.constructor() 1.2.componentWillMount() 1.3.componentDidMount() 1.4.componentWillUnmount () 2. 更新过程 2.1. componentWillReceiveProps (nextProps) 2.2.shouldComponentUpdate(nextProps,nextState) 2.3.componentWillUpdate (nextProps,nex

2020-06-03 11:35:51 128

转载 React 中的 Render Props

文章来源:https://zhuanlan.zhihu.com/p/31267131最近 render props 在外网挺火,在逛 medium 的时候看到好几篇文章都是关于它的,由于笔者目前在做毕业设计,业务逻辑上不难实现,所以在这个过程中更多的考虑去尝试一些新的东西。在详细阅读了几篇文章后笔者也在自己的项目中用上了render props,这里就说说在这个过程中的一些思考。解决了什么问题?最重要的一点,render props 其实和高阶组件HOC一样,是为了给纯函数组件加上state,响

2020-06-03 10:48:57 172

转载 React高阶组件总结

本文来源:https://www.cnblogs.com/mengff/p/9657232.html在多个不同的组件中需要用到相同的功能,这个解决方法,通常有Mixin和高阶组件。Mixin方法例如://给所有组件添加一个name属性var defaultMixin = { getDefaultProps: function() { return { name: "Allen" } }}var Componen

2020-06-02 17:07:34 171

转载 如何用React创建一个真实项目

假设我们要创建一个应用,如何用react的思维进行创建呢?本例是react官网的例子,主要是进行更详细的叙述和细节补充。注:本文默认您已经清楚react的基本用法了,不清楚请点击React官网学习哦。我们要创建一个什么样的应用?假设我们要创建一个商品列表的应用。界面如下(一般界面我们可以从设计师处拿到)而我们从后端获取的数据如下:[ {category: "Sporting Goods", price: "$49.99", stocked: true, nam...

2020-05-27 11:40:09 250

转载 国内免费CMS系统大全

转载至:https://www.cnblogs.com/pingxin/p/p00089.html一、ASP类的CMS程序1.动易CMS官方网址:http://www.powereasy.net/(可免费下载)特点:完全免费,ACCESS数据库,主要功能模块:文章频道、下载频道、图片频道、留言频道、采集管理系统通用模块:用户管理、频道管理、广告管理、公告管理、模板管理...

2019-12-26 16:34:16 11637

转载 Android Studio HelloWorld 开发第一应用

可以开发属于自己的应用,是否有点小激动?好吧!让我们开始,首先点击Start a new Android Studio Project创建工程:接下来需要输入应用名称(第一个字母要大写)、公司域以及指定应用存放目录,点击Next按钮进入下一步:如果第一个字母不是大写,会提示:The application name for most app begins with an upper...

2019-12-26 10:03:15 202

原创 es6语法整理

// es6语法// 变量let var// 常量const//数组、对象、字符串的解构赋值//数组的解构赋值let [a, [b, c], d] = [1, [2, 3], 4];let [foo = true] = [];let [aa, bb = "hello"] = [null, "123"]// 对象的解构赋值let {foos,bar} = {foo...

2019-12-23 20:36:51 468 1

转载 JS基础——同步异步的区别

javascript语言是一门“单线程”的语言,不像java语言,类继承Thread再来个thread.start就可以开辟一个线程。所以,javascript就像一条流水线,仅仅是一条流水线而已,要么加工,要么包装,不能同时进行多个任务和流程。“同步”——一下就让人想到“一起”这个词;“异步”呢,从字面来讲,好像是在不同的(异)的ways上do something,那首先想到的词可...

2019-12-23 16:20:51 140

转载 es6 Proxy对象详解

Proxy用于修改某些操作的默认行为,也可以理解为在目标对象之前架设一层拦截,外部所有的访问都必须先通过这层拦截,因此提供了一种机制,可以对外部的访问进行过滤和修改。这个词的原理为代理,在这里可以表示由它来“代理”某些操作,译为“代理器”。var obj = new Proxy({}, { get: function (target, key, receiver) { conso...

2019-12-23 14:27:04 137

转载 箭头函数和普通函数的区别

文章转载至:链接:https://www.jianshu.com/p/73cbeb6782a0来源:简书著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。首先知道一下什么是箭头函数,箭头函数就是没有function关键字,而是一个类似箭头的函数:var a = ()=>{ return 1;}相当于function a(){...

2019-12-20 12:01:47 110

转载 Nuxt开发经验分享,让你踩少点坑!

链接:https://www.jianshu.com/p/840169ba92e6来源:简书说明本文章基于starter-template模板进行讲解,面向有vue-cli开发经验的宝宝vue init nuxt-community/starter-templateNuxt官方文档简单来说,Nuxt就是基于Vue的一个应用框架,采用服务端渲染,让你的SPA应用(V...

2019-12-19 14:29:46 293

原创 移动端特殊样式

/* css3盒子模型 */a {box-sizing: border-box;-webkit-box-sizing: border-box;}1.去除ios 按钮按下的默认高亮效果-webkit-tap-highlight-color : none;2.ios 触摸并按住触摸目标时候,禁止或显示系统默认菜单-webkit-touch-callout: non...

2019-12-18 13:42:21 275

转载 nuxt.js做公司官网pc+移动端

文章来源:https://www.jianshu.com/p/85985b8cffe6官网要求:pc+移动端,要求自适应,兼容市面上绝大多数浏览器和移动终端,要求用框架做,谢绝jq,可seo。框架选型思路:由于要用框架,还要可seo,官网开发用vue开发,Nuxt.js正是符合需求。一、通过终端设备显示不同路由由于同时要做pc和移动端,不想分两套代码,经过查询资料,发现Nuxt...

2019-12-17 17:26:08 3402 2

原创 weex框架入门

参考:https://www.bilibili.com/video/av14478917/1.特点:跨平台的移动开发工具,支持es6,性能优异。2. weex Playground:是weex的调试工具。3. 搭建weex的环境:3.1 安装node:程序cmd->node-v查看node版本(npm -v查看npm版本)。3.2 安装全局we...

2019-12-13 13:54:37 367

原创 mac下mysql版本(8.0.18)环境变量的配置和密码的修改

第一步:苹果->系统偏好设置->mysql,关闭mysql服务第二步:进入终端输入(cd /usr/local/mysql/bin/)回车# 进入Mac中MySQL的默认安装路径的bin路径输入(sudo -s)回车以获取管理员权限输入(./mysqld_safe --skip-grant-tables &)回车以禁止mysql验证功能,mysql会...

2019-12-11 17:12:03 633

转载 可能这些是你想要的H5软键盘兼容方案

前言最近一段时间在做H5聊天项目,踩过其中一大坑:输入框获取焦点,软键盘弹起,要求输入框吸附(或顶)在输入法框上。需求很明确,看似很简单,其实不然。从实验过一些机型上看,发现主要存在以下问题: 在Android和IOS上,获知软键盘弹起和收起状态存在差异,且页面webview表现不同。 在IOS12上,微信版本v6.7.4及以上,输入框获取焦点,键盘弹起,...

2019-12-10 10:26:53 77

转载 2019年Web前端最新导航(常见前端框架、前端大牛)

前言本文列出了很多与前端有关的常见网站、博客、工具等,整体来看比较权威。有些东西已经过时了,我就不列出来了。学是一方面,也是最主要的方面;但还有一个作用,比如,“这个前端框架你都不知道啊”、“这个前端大牛你都没听说过啊” ,此时,这份清单就能起到作用了。如果你能把清单里列出的内容都了解下,逼格也会高很多。技术社区GitHub:https://github.com/高质量的内容创作...

2019-09-29 11:01:18 196

转载 理解和使用ES6中的Symbol

ES6中引入了一种新的基础数据类型:Symbol,不过很多开发者可能都不怎么了解它,或者觉得在实际的开发工作中并没有什么场景应用到它,那么今天我们来讲讲这个数据类型,并看看我们怎么来利用它来改进一下我们的代码。这是一种新的基础数据类型(primitive type)Symbol是由ES6规范引入的一项新特性,它的功能类似于一种标识唯一性的ID。通常情况下,我们可以通过调用Symbol()函...

2019-08-16 14:04:25 84

转载 js 数组排序和算法排序

1.算法排序a.插入排序var arr = [23,34,3,4,23,44,333,444];var arrShow = (function insertionSort(array){if(Object.prototype.toString.call(array).slice(8,-1) ==='Array'){for (var i = 1; i < array.leng...

2019-08-14 18:20:44 59

转载 一、ECMAScript 6/7/8简介

原创来自于: 叶建华 [旋之华]ECMAScript 6.0,简称ES6,第一个版本是在2015年6月进行发布,所以也称之为《ECMAScript 2015 标准》(简称 ES2015)。JavaScript是ECMAScript的一种实现(分支),遵循ECMAScript标准的。目前主流浏览器已经可以完美兼容和使用ES6。ES7/8部分新特性也已经被用于我们的实际开发中。本篇主要讲解...

2019-07-31 14:03:34 222

转载 JSON文件加注释的7种方法

JSON文件加注释的7种方法缺省不能加注释,现实有需求根据JSON规范(http://www.json.org, RFC 4627, RFC 7159),不支持注释。JSON规范之所以不允许加注释,主要是防止:过多的注释,影响了文件本身的数据载体的目的。但是有些场合,尤其是配置文件,还是希望能够帮助说明数据项的含义。一方面有利于描述接口,另一方面能够减少重复性的文档。这在软件快速开发实...

2019-06-17 14:56:55 45910

转载 2019年IT行业现状下,初级程序员怎么逆袭?

迷茫和烦恼几乎是人人都有,作为一名初级程序员来说,可能是因为工资低、家庭无背景、发展前景有限等等的现实原因影响了心态,特别是在找工作四处碰壁后,可能会发出行业饱和这样的感慨,再加上最近中美贸易摩擦下,很多初级程序员对于IT行业的现状很不看好。事实真的是这样么?先来简单说说行业大环境。目前,中国虽然面临着很多困境,但总体来说经济局势向好。互联网行业也是这样,从去年“阿尔法狗”打败李世石开始,...

2019-02-19 09:41:13 664

转载 前端常见跨域问题

什么是跨域?跨域是指一个域下的文档或脚本试图去请求另一个域下的资源,这里跨域是广义的。广义的跨域:1.) 资源跳转: A链接、重定向、表单提交2.) 资源嵌入: <link>、<script>、<img>、<frame>等dom标签,还有样式中background:url()、@font-face()等文件外链3.) 脚本请求: ...

2018-06-05 14:41:25 287

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除