自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(26)
  • 资源 (1)
  • 收藏
  • 关注

原创 用canvas画太极图(一步步详解附带源代码)

canvas绘图该元素负责在页面中设定一个区域,然后由js动态地在这个区域中绘制图形。这个技术最早是由美国苹果公司推出的,目的是为了取代flash,很快主流浏览器都支持它。绘制路径要绘制路径首先必须调用beginPath()方法,如果想绘制一条连接到起点的线条则调用closePath()方法;如果路径已完成,你想用fillStyle填充它,可以调用fill()方法。另外还可以调用stroke()方法对路径描边,使用strokeStyle。按照上图,就能画出圆,半圆,,...

2020-09-12 23:08:00 612

原创 终于来了,200道阿里面试题!

最近,经常有读者朋友们在后台给我留言,问我有没有什么面试资料可以分享的,因为之前一直比较忙,所以没有时间整理。最近终于抽出一些时间,整理了一下,一发不可收拾了,一口气整理出好几本电子书出来。其中有一本《Java面试宝典2020》已经可以免费下载啦。Java基础83题、算法相关12题、JavaWeb部分20题、数据库部分30题、流行框架与新技术20题、还有软件工程、设计模式、J2EE等部分知识。题目有200多道,共146页。我把这份资料私底下发给过几个粉丝,他们通过这个复习之后,有的在工作上得

2020-09-12 21:58:45 171

原创 37岁被裁员,出来再找工作,大公司不愿要,无奈去小公司面试,HR的话扎心了

对于很多程序员来说,最担心的应该就是中年危机,其实不止是程序员,还是很多打工的朋友都会面临这个问题,到了一定年纪,如果你还是一线员工,那基本逃不过裁员的危机,公司只要裁员第一个就是这类员工。 最近在职场论坛就看到这样的一位朋友,这位朋友已经37岁了,没想到在这个年纪被公司裁员了,找了四个月的工作,大公司都不愿意要他,都是因为他的年纪太大,所以大公司都把他给拒绝了。 最后他无奈去小公司,结果小公司的HR对他挑挑拣拣,说他的技术太落后,这句话也让他十分心寒,作为一个曾经在大公...

2020-08-25 20:28:52 872 1

原创 2020年jQuery到底怎么样了?

这回,是真的顶不住了,爬上来吼两句。就在前两天,知乎上有个在校大学生,邀请我回答一个前端方向的问题。他的问题是这样的:「为什么很多大学老师都不重视前端,说学了 jQuery 就能找到工作?」看到这个问题,当时我就不冷静了,于是,提笔而书,怒怼之。严重怀疑这些大学老师还活在七八年前,睁眼看看日历吧,都2020年了,还说这么没羞没臊的话,我听了都脸红,呸,渣男~~~那么问题来了,2020年,jQuery怎么样了?想必我最有发言权。无独有偶,最近有小伙伴跟我吐槽:在bos...

2020-08-24 21:21:01 1453

原创 想自学JS吗?想提升JS底层原理吗?76张脑图带你彻底搞懂原生JS

本篇内容适用于:初学前端;及工作时间不久想回顾基础的各位伙伴;文章主要由图片组成,看起来可能会不太方便,适合保存下来单张查看;既然来了,就看看在走吧,总会有些收获的;一、前端发展史二、JS基础入门1、认识浏览器2、JS基础知识初识JS-基础中的基础3、三大输出方式JS中的三大类输出方式4、数据类型基础知识number 数据类型基础知识string 数据类型基础知识boolean 数据类型基础知识...

2020-08-24 21:02:11 361 1

原创 月薪20K的98年程序员小伙的10大成功面试技巧

我遍览群书,发现关于程序员的面试技巧,好的建议其实并不多。我们也发现,很多很有才华的程序员在面试的时候总是掉链子,这大概是因为他们把大多数时间都用来搞技术开发,而忽略了学习面试技巧的重要性。这何尝不是一种悲剧。有效的面试技巧能让你成功得到工作,即使你对那个领域也并不是非常熟悉。1.给自己写一份非常专业的简历我的建议是,如果你想增加自己的入选机会,那最好还是花点钱制作一份专业的简历。相较于你将来可能得到的巨大收获,这真的只是一个小小的投资。2.研究面试官当我联系程序员来面试的时候,

2020-08-24 20:31:23 289

原创 六个提升前端开发效率的工具,你用了吗

互联网上有很多由社区成员提供的工具,可以帮助改善我们前端开发人员的开发体验。下面分享一下我个人非常喜欢的几个前端工具。1. EnjoyCSS老实说,尽管我做了很多前端开发工作,但还是不太擅长使用 CSS。EnjoyCSS 是一款非常简单的工具,是我在困难时期的救星。它为用户提供了简单的 UI,让用户可以设计元素,并提供对应的 CSS 输出。2. Prettier PlaygroundPrettier 是一种代码格式化程序,支持 JavaScript,包括 ES2017、JSX、An.

2020-08-22 14:48:48 254

原创 GitHub 上值得收藏的100个精选前端项目!你知道几个?

关注小编,回复“1”加入我们一起学习,天天进步引言整理与收集的一些比较优秀github项目,方便自己阅读,顺便分享出来,大家一起学习,作者简书上文章会持续更新,版权归原作者所有。最新更新codepen 一个在线编辑前端项目的网站,其中有一些前端大神的作品,也有很多令人惊艳的前端效果,可以浏览和下载使用。codrops 一系列具有相当具有创意且有趣的前端效果的集合,是非常棒的学习资料,可以欣赏和下载使用。并且有些项目,也托管到了github仓库中docsc...

2020-08-22 14:35:08 1110

原创 想知道怎么月薪3000涨到10000的秘密吗?为你推荐6个绝佳网站,坚持一个月

有人说,会搜索才叫会上网,搜索引擎在我们日常生活中的地位已是举足轻重。要想在浩如烟海的互联网信息中找到自己所需的信息,都需要一点点技巧。看了一下自己收藏夹里面的几百个网站,每次找都要找半天,特别浪费时间。一个朋友最近开发一个项目,让我给他找资料,在给他做的过程中,发现了几个超级实用的搜索网站,激动得马上写文来分享给大家。如果你知道了这些网站,那么恭喜你,你已经快人一步了。如果你不知道这些网站,那我保证看完之后,你有一种相见恨晚的感觉。一、关于学习类█ 网站:1纳米学习这个

2020-08-22 14:08:30 1207

原创 比Visio牛逼的流程图工具,Visio替代品!

提到流程图软件,大部分人想到的就是 Visio。确实,Visio 用的人多,和 office 集成度也很高。但是!!!1、Visio 不属于 Office 套件,需要单独购买;2、很多 Mac、Linux 用户无法使用;image今天,哈哥就给大家介绍一款堪比 Visio 的流程图软件:diagrams。它可以在线操作,也可以本地安装,还有各种丰富的图标个功能。下面就来感受下。image特性多客户端支持网页版没有所谓的客户端支持一说。对于安装版,从

2020-08-21 17:30:17 10000 2

原创 史上最全的HTML、CSS知识点总结,浅显易懂。适合入门新手,需要收藏

一,html+css基础1-1Html和CSS的关系学习web前端开发基础技术需要掌握:HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的:1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。2. CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。3. JavaScript是用来实现网页上的特效效果。如:鼠

2020-08-20 21:11:17 349

原创 知道这20个正则表达式,能让你少写1,000行代码,觉得有用请收藏

正则表达式,一个十分古老而又强大的文本处理工具,仅仅用一段非常简短的表达式语句,便能够快速实现一个非常复杂的业务逻辑。熟练地掌握正则表达式的话,能够使你的开发效率得到极大的提升。正则表达式经常被用于字段或任意字符串的校验,如下面这段校验基本日期格式的JavaScript代码:var reg = /^(\\d{1,4})(-|\\/)(\\d{1,2})\\2(\\d{1,2})$/; var r = fieldValue.match(reg); if(r==nul.

2020-08-20 14:18:53 199

原创 程序员为什么多数秃头?看完这15个瞬间,终于懂了

自从成为一名程序员后,总有一些事发生后,有种打人的冲动。虽然码农工资高、社会地位也不错,但谁能明白,当一个程序员,每时每刻都要面对那些奇奇怪怪的事情,程序员为什么多数秃顶,还是有原因的。Part.1 听说客户还在用IE时Part.2 每次开会最想说的话,结果…Part.3 客户内心的真实写照Part.4 删除数据库后如何面对老板Part.5 万一跑路失败被抓,可以这样解释Part.6 毫无经验的程序员Part.7...

2020-08-19 14:53:02 3284

原创 大前端进阶篇-Vuejs响应式原理剖析

像React,Vue这类的框架,响应式是其最核心的特性之一。通过响应式可以实现当改变数据的时候,视图会自动变化,反之,视图变化,数据也随之更新。避免了繁琐的dom操作,让开发者在开发的时候只需要关注数据本身,而不需要关注数据如何渲染到视图。实现原理2.x在vue2.0中通过Object.defineProperty方法实现数据拦截,也就是为每个属性添加get和set方法,当获取属性值和修改属性值的时候会触发get和set方法。let vue = {}let data = { ms

2020-08-17 21:58:51 288

原创 前端性能分析神器你知道几个?

8款前端性能分析工具,全都是神器 你可以拥有世界上最漂亮,最吸引人的网站,但如果该网站无法快速加载到浏览器中,人们往往会忽略它。尽管有许多性能规则,但归根结底,这全取决于加载时间。据Jakob Nielson所说,这是构建网站时应记住的事。小于 100 毫秒是瞬时的。100 毫秒至 300 毫秒的延迟是可被感知的。一秒内,用户能保持思绪不间断,虽然他们会感觉到延迟,但能自己控制住思绪。47% 的用户期望网页在两秒或更短时间内被加载。40% 的用户在等待网站渲染超过3秒后,就...

2020-08-15 22:35:55 322

原创 免费学编程!10个全球顶尖的编程在线自学网站

编者按:现在会编程的设计师越来越多了,想跟上时代的同学,来看今天推荐的这10个网站,不仅有大量免费的编程语言课程,还有很多实战项目供你练习。更重要的是,它的教学方式都是针对零基础的,很容易上手,强烈推荐下。1. Codecademy它是学编程最流行的网站之一。事实上,2000万人已经使用这个网站来学习编程了。你只需要注册一个免费帐户,便可以开始挑选你想学的第一门编程语言。它包括了CSS、HTML、JavaScript、jQuery和PHP等。2. Free Code Camp这是..

2020-08-15 22:08:25 2250

原创 前端入门必修1

前端开发工具介绍 前端开发工具非常多,有webstorm、vscode、notePad++、sumlime、Hbuilder、 dreamweaver、editPlus、等等。但是业界主流的主要还是webstorm vscode ; 选择合适的开发工具 衡量一个开发工具的好坏,可以从这些方面: 能否满足你基本需求,--编码需求 能否帮助你愉快的开发--界面好看吗? 能否帮助你高效的开发---插件多、模板多、自动格式化、快速提示、错误提示等等;响应快;带...

2020-08-14 22:26:42 135

原创 前端工程师月薪上万的秘密

前端快捷操作汇总1. Sublime Text3 快捷方式需要安装emmet插件:先安装package control,参考官网安装package install,之后在窗口中输入emmet进行安装,安装好后按Ctrl+e检验有效性,如果报错,根据提示解决插件问题1. 生成标签 直接输入标签名按Tab键2. 生成多个同名标签, 例如 div*3 再按tab键3. 如果有父子关系,使用ul>li, 按tab键。ul>li*54. 如果是同级标签:...

2020-08-14 19:29:18 140

原创 前端那么大想带你去看看

前端与 DSL 最近一直在想前端与 DSL 的一些联系与发展,DSL 的概念在后端工程师中可能会更加熟悉,但在前端领域中也是充斥着 DSL 的身影。 DSL 简介DSL(Domain Specific Language)中文翻译为领域特定语言,例如 SQL、JSON、正则表达式等。与之形成对比的是 GPL(General Purpose Language),中文翻译为通用编程语言,我们熟悉的C、C++、JavaScript、Java 语言等就是。 特点 DSL 的特点,在...

2020-08-13 21:40:23 90

原创 不会前端的小伙伴们,快来记上笔记!!!

前端知识点总结基础类: 1、数据类型的转换和比较。(+2)数据类型转换 +true; //1 ,一元加号会尝试将boolean类型转换为数字类型。true被转换为1,false被转换为0。 !"Lydia"; //false1、函数传参对象类型是引用传递function person(per){ per.name = 'haha'; per.age = 3; console.log(per)}...

2020-08-12 21:25:04 114

原创 不会Web前端性能优化?来看程序员怎么做

本文将分享一些前端性能优化的常用手段,包括减少请求次数、减小资源大小、各种缓存、预处理和长连接机制,以及代码方面的性能优化等方面。 base64:尤其是在移动端,小图标可以base64(webpack),大图片慎用(如果加载速度过于慢的,而且很重要的图片,可以用base64)1、减少HTTP的请求次数和传输报文的大小CSS Sprite(雪碧图、图片精灵)技术 使用字体图标(Icon Font)或者SVG等矢量图 +减少HTTP请求次数或者减少请求内容的大小 +渲染更...

2020-08-12 20:04:53 126

原创 盘点那些在开发H5遇到过的坑!!!

12个前端必会 H5 问题及解决方法作为一个开发了多个 H5 项目的前端工程师,在开发过程中难免会遇到一些兼容性等爬过坑的问题。现在我将这些问题一一汇总一下,并在后面给出坑产生的原理,和现阶段常规的填坑方案。由此来做一个阶段性的总结。问题 下面列举了我遇到的一些常规问题,如有遇到其他问题请在评论区补充,之后我也会实践后加以补充,感谢!(经常更新该文)移动端 H5 相关问题汇总:1px 问题响应式布局iOS 滑动不流畅iOS 上拉边界下拉出现白色空白页面件放大或...

2020-08-12 15:47:33 502

原创 如何成为一名Web前端开发人员?我总结了学习前端的路线

正在初学者学习一门新技术往往不知道如何开始,从哪开始,终点是啥。为啥有人月薪 10k,有人却 40k,就看你的技术能不能提高生产率,创造更多价值。学习前端也是这样,要系统全面,前期一定要有刨根问底的精神,遇到问题要究其原因,直到解决为止。下面我把前端需要掌握的技术点做一个总结。1.基础知识学会下面这些基本知识,能够写出基本的页面,不同的布局样式。2.动态性动态性是指通过 document 可以动态修改 HTML 元素的样式和布局,添加事件,获取元素的 frame。3.语言学习某个方向的时候.

2020-08-11 22:10:38 177

原创 除了学习php,你还应该学什么?

PHP 语言之所以能有今天的地位,得益于PHP语言设计者一直遵从实用主义,将技术的复杂性隐藏在底层。PHP 语言入门简单,容易掌握,程序健壮性好,不容易出现像 Java 、 C++ 等其他语言那样复杂的问题,如内存泄漏和 Crash ,跟踪调试相对轻松很多。PHP 官方提供的标准库非常强大,各种功能函数都能在官方的标准库中找到,包括MySQL、Memcache、Redis、GD图形库、CURL、X...

2019-11-05 22:01:52 156

原创 想继续使用php,但是人不能不给自己未来负责啊。学习swoole能帮我我提升解决现在的问题嘛?

有一段时间我也是什么都想用 php 去实现。应该说 php 是很优秀的语言,很实用,很接地气。但它本质上是一个模板脚本。虽然 php7 相对 php5 性能有不小的提升,终归是解释执行。用来做模板是没有问题的,但用纯 php 做服务就很牵强了。 很多功能纯 php 是做不了的,所以 php 有很多扩展,比如 php-sockets、php-posix、php-pcntl、php-libe...

2019-11-05 21:21:09 177

原创 python结合 mysql存储的二进制流方式

很多时候我们为了管理方便会把依稀很小的图片存入数据库,有人可能会想这样会不会对数据库造成很大的压力,其实大家可以不用担心,因为我说过了,是存储一些很小的图片,几K的,没有问题的!再者,在这里我们是想讲一种方法,python+ mysql存储二进制流的方式这里用的是Mysqldb,python里面最常用的数据库模块到这里python mysql存储二进制图片的方法就将完了...

2019-10-24 21:09:33 600

Sublime Text 3.zip

sublime text是一个轻量级的编辑器,也是支持各种编程语言, sublime text 所有的强大功能都是支持插件的,而且快捷键十分的好用,可以极大的减少开发的劳动程度,使用 sublime 就是要使用其快捷键和插件。该软件的优点的轻量级但是功能强大,缺点是对于项目的管理等不是很方便,代码提示不如 hubuilder 强大。

2020-08-14

空空如也

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

TA关注的人

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