自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

前端向朔

学习分享 | 热爱生活 | 奋斗青年

  • 博客(161)
  • 资源 (3)
  • 收藏
  • 关注

原创 一起了解 Git Flow 工作流程

概述在我们平时的开发工作中,肯定不是单兵作战,需要和其他同学一起协作,其中有一个很大的协作流程问题,就是我们代码托管库的工作流程管理问题,试想一下,如果没有一个统一的,大家一起遵循的工作流程,我们的代码托管库会出现什么问题。最常见的就是代码冲突,就是多个人改了同一份代码;其次就是代码覆盖,大家都要用测试环境来验证自己的功能代码(每个人可能负责不同的功能),导致测试环境不稳定;还有一些新同学上来按自己想当然的想法,直接在 develop 分支修改内容,或者直接提交代码到 master 等各种问题。以上,

2020-07-27 11:04:19 685

原创 iPhone又出新机了,UI设计师该用什么尺寸呢?

iPhone这次一下出了三款新机,iPhone Xs、iPhone XR、iPhone Xs Max,那么问题来了,这三款手机与之前的有什么不同,设计师的UI尺寸会发生什么变化,移动端页面的UI到底应该以多少为好?接下来我们将一一探讨。

2018-09-22 19:08:19 4333

原创 帧动画的多种实现方式与性能对比

概述前面我分享了《Web动画形式》,各种动画形式都可以制作出一种类型的动画,那就是帧动画,也叫序列帧动画,定格动画,逐帧动画等,这里我们统一用帧动画来表述,接下来我们就来看看帧动画有哪些打开方式吧。 (高兴的小伙子)应用场景帧动画一般用来实现稍微复杂一点的动画效果,同时希望动画更细腻,设计师更自由的发挥。他可以定义到每一个时间刻度上的展现内容,我们一般用帧动画来做页面的Loadi...

2018-07-11 10:42:47 11827 4

原创 移动Web开发实战专栏总结(PPT分享)

以下为我将专栏《移动Web开发实战》重新从不同的角度进行整体的梳理之后,在团队分享的PPT。在这里分享给大家。写PPT之前,先将要分享的内容用脑图梳理出来,有了框架填内容就比较快了。 1、禁止ios和android用户选中文字 2、禁止ios长按时触发系统的菜单,禁止ios&android长按时下载图片 3、webkit去除表单元素的默认样式 4、去除a...

2018-06-25 16:46:04 4659 3

原创 JS打开新窗口(window.open() 、href)

JS打开新窗口常用于文件、图片预览,或者加载一个新页面。window.open() - 打开新窗口用法:window.open(strUrl, strWindowName, [strWindowFeatures]);strUrl: 新窗口需要载入的url地址,项目中我们打开的是一个在线文档。strWindowName:新窗口的名字,通过这个名字我们可以获得新窗口的引用,容易重复,如果我们希望每次打开新窗口都是一个全新的窗口,可以设置成关键字 “_blank”。strWindowFeatu

2021-10-21 19:13:15 51446 1

原创 内推码-394099 顺丰科技 2021届毕业生看过来

公司:顺丰科技内推码:394099申请职位时,招聘信息获取渠道请选择内部推荐业务场景足够复杂,行业领头羊,很多业务都是在行业里面开创性的。招聘资讯:微信公众号搜索关注-顺丰科技招聘公司最近新闻低调的王卫老板自掏腰包 5个亿 给50万员工每人送上 888 元的疫情涝清慰问金。顺丰股票连续多个涨停,市值近 4000亿,业绩行业绝对领先优势,收益超常预期。...

2020-09-02 13:06:43 1491

原创 HTML 编码规范

HTML 编码规范语法用两个空格来代替制表符(tab) —— 这是唯一能保证在所有环境下获得一致展现的方法。嵌套元素应当缩进一次(即两个空格)。对于属性的定义,确保全部使用双引号,绝不要使用单引号。不要在自闭合(self-closing)元素的尾部添加斜线 – HTML5 规范中明确说明这是可选的。不要省略可选的结束标签(closing tag)(例如,</li> 或 </body>)。<!DOCTYPE html><html> &lt

2020-07-29 13:49:09 750

原创 CSS 编码规范

CSS 编码规范文件CSS 文件使用 UTF-8 编码。样式文件必须写上 @charset 规则,并且一定要在样式文件的第一行首个字符位置开始写,编码名用 UTF-8字符 @charset; 都用小写字母,不能出现转义符,编码名允许大小混写@charset "UTF-8";缩进使用 4 个空格做为一个缩进层级,不允许使用 2 个空格 或 tab 字符。示例:.selector { margin: 0; padding: 0;}空格选择器 与 { 之间必须包

2020-07-28 10:37:35 800

原创 移动端跨终端技术方案选型(思路)

需求目的在移动互联网时代,应用平台越来越多,有 Android、iOS、H5、小程序、快应用等,而小程序目前又有很多服务商,比如微信小程序、支付宝小程序、百度小程序、头条小程序、QQ轻应用,我们的应用想要在用户能触达的平台和服务商中都能提供相应的产品服务,针对不同的端去编写多套代码,做各端的应用,产品运营和开发成本显然非常高,这时候只编写一套代码就能够适配到多端的能力就显得极为需要,那有没有什...

2020-06-10 11:14:14 1776 4

原创 重读Vue文档

基础教程全局只有一个的 new Vue() 里面的 data 可以采用属性的写法,但是在其他组件里面,这里就不能直接这样写了,需要写成函数,并且把数据 return 出来,这样是因为定义的某个组件有可能会多次创建,如果还是采用属性的写法,会造成多个组件之间,数据是同一个引用,造成混乱和错误。var app = new Vue({ el: '#app', data: { me...

2020-04-19 11:42:52 485

原创 《JavaScript 语言精髓》读书笔记

文章目录语法数字字符串语句对象语法数字JavaScript 只有一个数字类型。它在内部被表示为 64 位的浮点数,没有分离出整数类型,所以 1 和 1.0 的值相同,这避免了短整型的溢出问题。NaN 是一个数值,它表示一个不能产生正常结果的运算结果。NaN 不等于任何值,包括它自己。我们可以用 isNaN(xxx) 检测是否是 NaN。Infinity 表示所有大于 1.7976931...

2020-03-23 23:17:54 477

原创 1024 平凡的一天

1024 平凡的一天// 三年后的我.hair { display: none; }// 你从未看见我,但我一直在.girl{ visibility: hidden;}

2019-10-24 11:35:09 444

原创 元素圆角与内部滚动条的矛盾

文章目录概述元素圆角与滚动条方案一方案二方案实现自定义滚动条扩展遗留问题概述我们在写 web 页面的时候,除了页面原生的滚动条,比如 HTML 的滚动条,BODY 的滚动条之外,还有一种比较常见的滚动条,那就是元素内部滚动条,我们在利用元素内部滚动条的时候会遇到什么问题呢,我们如何自定义滚动条。元素圆角与滚动条比如迅雷客户端,除了最右边的滚动条是页面滚动条,其他两个都是元素内部滚动条。...

2019-09-23 11:24:56 1553

原创 【CSS】怎样修改chrome记住密码后自动填充表单的黄色背景?

问题跟踪:https://github.com/haizlin/fe-interview/issues/95倒是一直没注意过这个问题,搜了下思否已经有提问和回答,基本也能解决问题,包括上面的两个回答,同时CSDN的账号登录也是用上面内阴影的方法解决的。https://segmentfault.com/q/1010000000671971以下才是重点:都提到了Chrome有默认样式,说“除了...

2019-05-14 10:08:00 1179

原创 【CSS】rgba()和opacity这两个的透明效果有什么区别

1.opacity 是属性,rgba()是函数,计算之后是个属性值;2.opacity 作用于元素和元素的内容,内容会继承元素的透明度,取值0-1;3.rgba() 一般作为背景色 background-color 或者颜色 color 的属性值,透明度由其中的 alpha 值生效,取值0-1;扩展:1.transparent 也是透明,是个属性值,颜色值,跟#000是一类,不过它是关键字...

2019-05-14 09:24:39 3377

原创 【CSS】属性content有什么作用呢?有哪些场景可以用到?

认识 :before 和 :after默认 display: inline;必须设置 content 属性,否则一切都是无用功, content 属性也只能应用在 :before 和 :after 伪元素上;默认user-select: none,就是 :before 和 :after 的内容无法被用户选中;伪元素可以和伪类结合使用形如:.target:hover:after。:bef...

2019-05-08 10:26:01 9272 1

原创 【HTML】元素的 alt 和 title 有什么区别?

概述这道题大概还可以加个限定词,我们暂且把 <title> 标签排除在本次讨论之外。元素的 alt 和 title 属性 有什么区别?ALT 属性最常见用在 <img> 标签上,那我们先来看下 <img> 标签的 alt 属性。alt 属性是一个必需的属性,它规定在图像无法显示时的替代文本。假设由于下列原因用户无法查看图像,alt 属性可...

2019-05-02 12:01:36 14450

原创 多端统一技术方案选型

文章目录概述需求目的考虑因素项目因素团队因素技术因素技术选型候选技术初步筛选详细对比多端支持流行活跃度开发工具组件库/工具库/Demo实践反馈支持宝小程序百度小程序结果评审做出决定参考文章概述本文是记录我们在寻找多端统一技术方案选型的一个过程,也是我自己的一个思路。主要用来记录这个过程,结果并不重要,通过本次事件,让我能多方面考虑,综合思考,最终决定某项技术方案在团队的落地,这适用于所有的技术...

2019-04-17 09:17:14 1871

原创 春节随想

节后快速进入状态

2019-02-13 15:27:21 439 1

原创 《CSS Secrets》读书笔记(5)

三年重构老司机二刷《CSS Secrets》觉得有些东西还是应该记录下来,本文内容来自书籍《CSS Secrets》中文名叫《CSS揭秘》,做笔记的过程中我会根据自己的过往经验加上自己的理解和看法,用通俗的表达对一些知识点进行解释。本书的对象是有一定CSS开发经验的人,如果你是新手,阅读起来可能有点吃力,同时,笔记也是针对我个人的查漏补缺,有些知识点并不会记录进去。文章目录结构与布局过渡与动画...

2019-01-21 11:24:26 496

原创 还不会CSS水平垂直居中?这里有12种方案

今天读书的时候,愕然发现自己居然没有总结过水平垂直居中的方法,在印象中,这个知识点确实是很神奇的存在:极其常见的需求,从理论上来看,它似乎极其简单,在实践中,它往往难如登天,当涉及尺寸不固定的元素时尤其如此。接下来我们就来总结一下该如何实现这...

2019-01-18 17:39:28 1197

原创 《CSS Secrets》读书笔记(4)

三年重构老司机二刷《CSS Secrets》觉得有些东西还是应该记录下来,本文内容来自书籍《CSS Secrets》中文名叫《CSS揭秘》,做笔记的过程中我会根据自己的过往经验加上自己的理解和看法,用通俗的表达对一些知识点进行解释。本书的对象是有一定CSS开发经验的人,如果你是新手,阅读起来可能有点吃力,同时,笔记也是针对我个人的查漏补缺,有些知识点并不会记录进去。文章目录字体排印用户体验字...

2019-01-16 14:59:38 381

原创 我正在参加2018博客之星评选,需要您的支持,非常感谢

我正在参加CSDN 2018博客之星评选,希望您能投我一票,我在No.125。下边这个是我哦!感谢您宝贵的一票,投票地址:https://bss.csdn.net/m/topic/blog_star2018...

2019-01-08 17:54:45 518 5

原创 《CSS Secrets》读书笔记(3)

三年重构老司机二刷《CSS Secrets》觉得有些东西还是应该记录下来,本文内容来自书籍《CSS Secrets》中文名叫《CSS揭秘》,做笔记的过程中我会根据自己的过往经验加上自己的理解和看法,用通俗的表达对一些知识点进行解释。本书的对象是有一定CSS开发经验的人,如果你是新手,阅读起来可能有点吃力,同时,笔记也是针对我个人的查漏补缺,有些知识点并不会记录进去。文章目录形状自适应的椭圆平行...

2019-01-07 11:10:44 5134 8

原创 2018学习总结

今年是拔高和成长的一年。重构技术的拔高和前端知识的补充成长。今年申请成为了CSDN博客专家,对写博客产生了一种特殊的感情。今年一整年都没有“刷”和“发”朋友圈,对微信朋友圈失去了兴趣,我尝试打开看了几次,最后都觉得无聊关掉了。

2018-12-29 20:10:53 703

原创 Vue / Nuxt 项目如何使用 swiper / lazyload

本文为框架/工具/插件使用记录。主要介绍在 Vue 2.X 项目和 Nuxt.js 项目中如何使用 vue-awesome-swiper 和 vue-lazyload。

2018-12-24 14:47:32 7009 2

原创 《CSS Secrets》读书笔记(2)

三年重构老司机二刷《CSS Secrets》觉得有些东西还是应该记录下来,本文内容来自书籍《CSS Secrets》中文名叫《CSS揭秘》,做笔记的过程中我会根据自己的过往经验加上自己的理解和看法,用通俗的表达对一些知识点进行解释。本书的对象是有一定CSS开发经验的人,如果你是新手,阅读起来可能有点吃力,同时,笔记也是针对我个人的查漏补缺,有些知识点并不会记录进去。

2018-12-18 11:36:05 550

原创 Nuxt项目如何配置使用 Sass/postcss-px2rem/webpack-spritesmith

接上篇《Vue-Cli 3.0 如何配置使用 Sass/postcss-px2rem/webpack-spritesmith》如果Vue项目考虑实现SSR服务端渲染的话,Nuxt是很好的选择,Nuxt帮我们做了很多工作,让我们实现SSR就像配置一样简单。还是同样的问题,如果需要在Nuxt项目开发过程中整合重构流程该怎么做?如何使用Sass跟 Sass 有关的就两个东西,sass-loade...

2018-12-13 21:40:11 3106 1

原创 Vue-Cli 3.0 如何配置使用 Sass/postcss-px2rem/webpack-spritesmith

背景前段时间,我由 重构/UI开发 转岗前端开发,之前直接在重构自己的目录下输出静态CSS样式和HTML,现在变成直接在Vue-Cli 3.0 脚手架构建的项目下进行开发,这就需要在现有前端开发流程中整合重构流程。我们之前重构是通过 gulp、postcss 等工具实现自动化处理及组件化开发,比如样式自动补全(配置浏览器兼容参数)autoprefixer、HTML 文件引入 gulp-file...

2018-12-13 20:18:13 3963

原创 《CSS Secrets》读书笔记(1)

三年重构老司机二刷《CSS Secrets》觉得有些东西还是应该记录下来,本文内容来自书籍《CSS Secrets》中文名叫《CSS揭秘》,做笔记的过程中我会根据自己的过往经验加上自己的理解和看法,用通俗的表达对一些知识点进行解释。

2018-12-07 09:41:16 728

原创 Git项目文件/版本管理

首先我们先统一一个概念,便于我们在后面的表述。我们Git版本管理有三个区:工作区、暂存区、版本区(库)接下来我们会介绍对文件和项目的操作,其实就是增删改查(CRUD)。因为之前已经分享过分支和标签的操作,所以,针对分支和标签的CRUD操作可以查看之前的文章。Git分支操作集合Git标签管理集合各个区文件的对比1.工作区和暂存区的比较:git diff2.暂存区和版本区的比较:git ...

2018-12-02 01:06:46 1750 1

原创 Git标签管理集合

标签管理背景在进行版本管理的过程中,我们是会经常提交记录的,在发布的过程中,我们也是将最新的代码发送出去,但是如果版本需要回退的时候,我们一下子就很难弄清楚,某个功能是哪个版本的了,这个时候我们就需要标签来对我们的代码进行关键节点的标记。最好每发布一次线上代码就添加一次版本号标签。版本号的定义首先简单说一下目前大家比较常用的版本标签标记方法:一般我们会将标签的标记和版本号的标记同步起来,所...

2018-11-25 19:03:02 290

原创 手机端抓包http/https-Fiddler安装与设置代理

注:本教程适合Windows系统用户。通过fiddler代理,我们可以抓包手机的网络请求,也可以通过电脑设置host,实现手机访问测试内网。准备1.安装fiddler,官网下载,下一步安装2.手机和电脑在同一局域网下(连同一个wifi或者手机连电脑开的热点)3.查看自己电脑IP,不知道的win+r &gt;&gt; cmd &gt;&gt; ipconfig 查看自己的IP设置fidd...

2018-11-16 10:53:32 5168 2

原创 Git分支操作集合

本文记录git分支相关操作基础分支操作1.查看本地分支 git branch2.查看远程分支 git branch -r,查看远程和本地所有分支 git branch -a3.创建本地分支 git branch [name]4.切换分支 git checkout [name]5.创建并切换新分支 git checkout -b [name]6.删除本地分支 git branch -d...

2018-11-15 18:36:42 505

原创 如何将本地文件推送到Git远程仓库

准备1.首先你要安装Git2.其次你要有一个远程仓库,现在大家用的比较多的比如:https://github.com/ , https://about.gitlab.com/3.最后你要准备好你要管理的项目文件加入Git版本管理其实要讲的就是github仓库创建时给出的提示或建议,我们实践一下前面两种,第三种自己操作一下根据提示来就好了。方案一:用命令行创建一个新的仓库如果已经拉取...

2018-11-15 10:44:00 7044 1

原创 如何使用Git克隆远程仓库

GitHubGit安装Git命令图形化界面SourceTree1.如何克隆仓库git clone https://github.com/xiangshuo1992/preload.git仓库地址可以是https地址,也可以是SSH地址,如图,如果你的GitHub还没有配置SSH Key 可以看我的这篇文章《GitHub如何配置SSH Key》...

2018-11-12 10:53:42 6192

转载 ES6 Set和Map数据结构(可转为数组)

一:Set基本用法ES6 提供了新的数据结构 Set。它类似于数组,但是成员的值都是唯一的,没有重复的值。(不包括空对象)Set 本身是一个构造函数,用来生成 Set 数据结构。const s = new Set();[2, 3, 5, 4, 5, 2, 2].forEach(x =&gt; s.add(x));for (let i of s) {console.log(i);}...

2018-11-07 21:58:02 3912

原创 GitHub如何配置SSH Key

https://github.com/xiangshuo1992/preload.gitgit@github.com:xiangshuo1992/preload.git这两个地址展示的是同一个项目,但是这两个地址之间有什么联系呢?前者是https url 直接有效网址打开,但是用户每次通过git提交的时候都要输入用户名和密码,有没有简单的一点的办法,一次配置,永久使用呢?当然,所以有了第二...

2018-10-29 09:35:07 166213 47

原创 Web动画形式

背景对于Web开发者来说,不管什么细分方向,比如数据可视化、网站系统、电商网站等等,都会涉及到一个难题“动画”。 因为动画关系到Web开发的两个比较重要的点,一是视觉效果,二是用户体验,通过酷炫动画效果可以给视觉加不少分,同样,恰到好处的微动效也会给用户体验带来不错的惊喜,基于此,我们的Web动画该如何实现,他有哪些实现方式呢?动画形式大概梳理了下,动画有不止以下几种形式: 一、C...

2018-06-10 15:27:24 5083 2

原创 单屏(全屏)适配解决方案(jQuery插件)

背景在平时的web开发过程中,经常会要实现单屏或者叫全屏的效果,同时要满足设备适配要求,虽然一些常见的插件能实现一定的效果,但是如果需要灵活运用的话还是会受到很多限制,在不断的实践过程中,我们梳理了一套全屏适配解决方案,能兼容IE8+,下面我们来详细了解。案例分析案例一: 可以看到图中元素有几类, 1.中间主体内容元素 2.背景图片 3.背景图片上面,主体内容下面的粒子效果...

2018-05-17 13:27:56 4477

CSS编码规范.md

一份良好的编码规范有助于团队的高效执行,本资源介绍了常见的 CSS 编码中遇到的问题,以及给出的标准建议,命名规范,书写规范,属性、值与单位规范等

2020-06-10

安卓调试 adb 工具

安装办法: ◆将名称中含有adb的文件,和fastboot.exe复制到 c:/windows/system32目录 ◆将名称中含有adb的所有文件复制到 c:/windows/system目录

2018-11-16

swiper自定义分页

swiper自定义分页

2017-02-28

空空如也

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

TA关注的人

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