摘要:一、简单介绍 这本书标榜的是现在前端技术,但是里面设计到的部分技术还是相对比较落后的,但不妨碍这本书成为一本好的查漏补缺的指南,如果是在实际的工作中这本书可以说是起不到什么的效果,但是对于即将毕业,或者刚刚出来工作,又或者是求职找工作的人来说可以起到极好的引导作用,日常面试的各个方面都有涉及(仅针对 阅读全文
posted @ 2018-05-13 21:30 谢灿勇 阅读 (2806) 评论 (4) 编辑
摘要:一、常见定位方案 在讲 BFC 之前,我们先来了解一下常见的定位方案,定位方案是控制元素的布局,有三种常见方案: 普通流 (normal flow) 在普通流中,元素按照其在 HTML 中的先后位置至上而下布局,在这个过程中,行内元素水平排列,直到当行被占满然后换行,块级元素则会被渲染为完整的一个新 阅读全文
posted @ 2018-04-08 17:01 谢灿勇 阅读 (476) 评论 (0) 编辑
摘要:一、设计初衷 原本今年就是有一个打算要做一套商业的作品,恰巧目前离职,在找工作的过程中,所以有时间闲下来沉淀对原本的知识进行梳理。 说一个题外话,就是由于博主之前是很早一批使用vue的用户,也就是距今有接近两年,当时的vue还没有一个特别完整的生态圈。所以在本次项目的编写中,确实感受到了vue这些年 阅读全文
posted @ 2018-03-25 19:24 谢灿勇 阅读 (5540) 评论 (7) 编辑
摘要:一、canvas的情况 canvas自从出来了之后,在前端的图像处理上面提供了各种各样的遍历,虽然很多的操作其实都是要应用到算法的,但是这个也给前端提供了很多的可能性,其中最终要的一个canvas函数(至少我认为)就是getImageData,这个函数可以提取图像每个像素的RGBA值。因为有这个函数 阅读全文
posted @ 2018-01-21 17:42 谢灿勇 阅读 (9866) 评论 (3) 编辑
摘要:3.3 给页面添加测试脚本 在现实的工作中,我们往往会遇到一些问题在线上就会触发然后本地就触发不了的问题。或者是,要给某个元素写一个测试脚本。这个时候如果是浏览器有提供一个添加脚本的功能的话,那么我们的整个操作就方便多了。具体操作如下: 我们先来给自己定一个需求,我们要在博客园的tab面板上面添加一 阅读全文
posted @ 2018-01-13 23:24 谢灿勇 阅读 (2663) 评论 (0) 编辑
摘要:三、chrome调试工具实战 3.1 获取界面对应的HTML和修改样式 我们以博客园为例子来分析。 通过上面的操作就可以定位到对应的HTML代码 左侧菜单显示的就是当前指定元素层叠样式的一个情况 上面的图片中的内容是可以随意添加的,但是如果是只操作于一个元素,那么我们直接在最顶层上面添加样式就好。 阅读全文
posted @ 2018-01-11 10:17 谢灿勇 阅读 (4014) 评论 (1) 编辑
摘要:上一篇文章我们说了chrome调试工具的一些比较基础功能的用法,接下来我们要在这一篇文章中说一说,其他一些chrome调试工具的使用方法 2.2 优化模块介绍 2.2.1 Network模块 在netWork模块中,大致上可以分成四块模块, 1- 这个模块相当于是一个功能菜单,左边的四个按钮依次表示 阅读全文
posted @ 2018-01-10 22:35 谢灿勇 阅读 (3155) 评论 (1) 编辑
摘要:一、前言 本文记录的是作者在工作上面对chrome的一些使用和情况的分析分享,内容仅代表个人的观点。转发请注明出处(http://www.cnblogs.com/st-leslie/),谢谢合作 二、浏览器模块介绍 由于chrome浏览器一直在不断的进行更新迭代,会不断的新增功能,有一些老的功能会被 阅读全文
posted @ 2018-01-07 23:31 谢灿勇 阅读 (8749) 评论 (5) 编辑
摘要:一. 开发中遇到的问题 通常我们在做项目的时候一般会出现这样的一种情况。 main.html的引入 这个按照我们正常的写法上面来说是没有什么问题的,至少在使用上面没有问题,但是却存在一些隐患 1. 假设后来有A同事需要添加一个方法叫做decodeString来处理string文本,B同事如果也要添加 阅读全文
posted @ 2018-01-02 01:14 谢灿勇 阅读 (1636) 评论 (3) 编辑
摘要:PHP中常用的关键字 在PHP中包含了很多对函数和类进行限制的关键字,常用的通常有abstract,final,interface,public,protected,private,static等等,下面我们就将对这些进行分析整理各个的用法。 变量与方法的关键字public,private,prot 阅读全文
posted @ 2017-12-30 14:03 谢灿勇 阅读 (787) 评论 (0) 编辑
摘要:已经大半年没有更新博客了,一方面有比博客更重要的事情要做,另外一方面也没有时间来整理知识,所以希望在接下来的日子里面能够多多的写博客来与大家交流 什么是session session的官方定义是:Session:在计算机中,尤其是在网络应用中,称为“会话控制”。Session 对象存储特定用户会话所 阅读全文
posted @ 2017-12-17 22:48 谢灿勇 阅读 (12496) 评论 (4) 编辑
摘要:前面我们已经说过了要怎样制作CSS3动画,但是SVG动画一直都没有时间研究过,正好趁现在有一点时间静下心来研究一下。 一般来说,常见前端动画实现方案分为三种,CSS3动画,HTML动画(SVG动画),JS动画或者我们可以称之为Canvas动画 这里主要我们是要讲解的是SVG动画的实现方法。 SVG动 阅读全文
posted @ 2017-08-27 02:16 谢灿勇 阅读 (10717) 评论 (2) 编辑
摘要:在JavaScript中,存在着这样的两种拷贝方式。分别是:深拷贝和浅拷贝,这两种拷贝在实际中非常的常见,如果读者是一个阅读源码的爱好者,相信多多少少对深拷贝和浅拷贝有所了解。 一、浅拷贝 浅拷贝在现实中最常见的表现在赋值上面,例如 从上面的例子,我们修改test2数组的值,最后打印test数组,发 阅读全文
posted @ 2017-07-11 01:34 谢灿勇 阅读 (1087) 评论 (4) 编辑
摘要:一、序言 本文作为本系列的第一篇写UI的文章,开头还是有必要申明一些东西的,本系列主要是为了作为博主在前端工作之余学习UI的一个记录,同时为了让更多的同行学习到一些编程之外的其他东西。所以本文会尽可能详细的介绍如何操作,力求每一篇文章都能够有所收获。其中文章中对一些不是很好的做法在这里就不做过多的介 阅读全文
posted @ 2017-05-29 23:40 谢灿勇 阅读 (1387) 评论 (2) 编辑
摘要:一、什么是edge animate edge animate这是一款方便网页设计师和前端工程师实现动画交互的一款工具,虽然是adobe出品的,但是属于Flash和H5时代的过渡产物,这一款产品在2015年的时候就被adobe公司弃用,同时也宣布了这一款产品的失败。但是虽然是失败产品,但是我们还是要去 阅读全文
posted @ 2017-04-30 01:21 谢灿勇 阅读 (4475) 评论 (1) 编辑
该文被密码保护。
posted @ 2017-04-21 00:28 谢灿勇 阅读 (5) 评论 (0) 编辑
摘要:一、webstorm学习前小记 webstorm是一款现在前端用的比较多的IDE,其优势也比较多,这个大家在网上随便搜搜就可以找到了。但是本人大部分的时间都是使用sublime text工作,最近由于工作上面比较常出现一些粗心大意的问题,所以我的leader就建议我去学习一下webstorm,毕竟w 阅读全文
posted @ 2017-03-26 13:13 谢灿勇 阅读 (2585) 评论 (0) 编辑
摘要:一、预告 本文不是一篇入门的文章所有请符合以下条件的战斗人员绕道: 1、初学前端,对前端的传统布局还不是很熟悉的人 2、后端人员对前端不打算深入学习的同学 二、开篇 flex布局原本是好几个月前就一直想学习的东西,当时flex布局还算是比较新鲜的玩意,转眼间flex布局已经不再新鲜,而且这些年,随着 阅读全文
posted @ 2017-03-04 19:01 谢灿勇 阅读 (4559) 评论 (1) 编辑
摘要:上个月因为自己在忙着做项目所以没有时间来写博客,但是感觉不能再这样“颓废”下去了,但是又苦于最近没有什么技术上面的干货可以分享,故特此来分享一下我在视频处理方面的心得和体会 一、前期的工作准备 这里我们就来从怎样做一个优秀的剪辑师入手,说说前期需要有哪些准备: 1、素质方面: 1.1 具备美感,也就 阅读全文
posted @ 2017-02-15 01:35 谢灿勇 阅读 (1064) 评论 (5) 编辑
摘要:作者 九彩拼盘 2016.12.19 18:15* 写了110775字,被953人关注,获得了2717个喜欢 写了110775字,被953人关注,获得了2717个喜欢 第三届 CSS 开发者大会笔记 字数1993 阅读615 评论2 喜欢12 这次大会于 2016 年 12 月 17 日在广州的天虹 阅读全文
posted @ 2016-12-20 23:14 谢灿勇 阅读 (557) 评论 (0) 编辑