![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
全栈修炼
全栈修炼
公众号:全栈修炼
展开
-
GitHub 吸星大法 - 一年收获 2000+ Star 的心得
1. 前言笔者做前端开发这些年,几乎每天都会刷 GitHub,也时不时在上面分享博客和做一些开源项目,也算是 GitHub 的重度使用者了,其中也掌握了一定的技巧,并在一年内收获了 2000+ Star。因为有读者问过我,想知道我在 GitHub 上做开源项目并获得 2000+ Star 的心得,所以笔者在此分享一下这过程的一些经验与心得,算是给那些关注了我的读者的福利。2. 为什...原创 2019-11-09 13:09:46 · 1316 阅读 · 0 评论 -
Leader 让我做 CMS 帮助中心的技术选型,我撸了 VuePress 和 GitBook,然后选择...
前言因为自己平时经常写博客,也有博客网站,所以 Leader 叫我做一个 CMS 的帮助中心的技术选型,CMS 的帮助中心的功能:是通过文章来教用户如何使用我们的项目。所以笔者要做一个静态网站的技术选型,笔者把网上流行的 VuePress 和 GitBook 两种方式都尝试了一下,并做了对比,这里写篇文章总结一下,顺便把自己的博客网站重作一遍,哈哈。1. VuePress1....原创 2019-12-09 08:30:00 · 1508 阅读 · 1 评论 -
快到假期了,还抢不到票?可以试试这两个工具
哈喽,还有二天就到假期了,相信很多人都坐不住了。这 7 天的假期想回家看看父母,有些人想出外游玩。不管是那样,都躲不开买票。而根据以往经验,7 天这种假期的票都是异常的难买的。那买不到就只能抢了,以前抢票是手动抢,天天保证手机熬到凌晨两三点,眼睛还不敢眨一下,生怕有票错过了时机,想想都难受(作为回家不用抢票的广东人,深表同情)。但是自打去年开始,12306 官方...转载 2019-09-29 11:27:15 · 4164 阅读 · 9 评论 -
Vue.js 作者在 VueConf 2019 上海关于 Vue3.0 演讲视频,以及大会上各大神们的演讲 PPT
Vue.js 作者在 VueConf 2019 上海关于 Vue3.0 演讲视频,以及大会上各大神们的演讲 PPT :https://mp.weixin.qq.com/s/3tG4p8lak6QyAbzia055Cw大会上,大神们的演讲内容为:尤雨溪 - 与Vue3相关的主题演讲卢俊杰 - Vue单元测试之旅Winter - 使用Vue实现0代码交互蒋豪群 - Vue Beyond V...转载 2019-06-11 20:28:11 · 964 阅读 · 0 评论 -
基于vue+mint-ui的mobile-h5的项目说明
Vue作为前端三大框架之一,其已经悄然成为主流,学会用vue相关技术来开发项目会相当轻松。对于还没学习或者还没用过vue的初学者,基础知识这里不作详解,推荐先去相关官网,学习一下vue相关的基础知识。a. vue.js 官网 参考:https://cn.vuejs.org/b. Vue Router 官网 参考:https://rou...原创 2018-07-28 11:43:28 · 5659 阅读 · 5 评论 -
强烈推荐 GitHub 上值得前端学习的开源实战项目
强烈推荐 GitHub 上值得前端学习的开源实战项目。Vue.jsvue-element-admin 是一个后台前端解决方案,它基于和 element-ui 实现基于 iView 的 Vue 2.0 管理系统模板基于 vue2 + vuex 构建一个具有 45 个页面的大型单页面应用基于 vue + element-ui 的后台管理系统基于Vue.js + Elem...原创 2019-06-15 15:59:52 · 20305 阅读 · 3 评论 -
实现一个前端路由,如何实现浏览器的前进与后退 ?
1. 需求如果要你实现一个前端路由,应该如何实现浏览器的前进与后退 ?2. 问题首先浏览器中主要有这几个限制,让前端不能随意的操作浏览器的浏览纪录:没有提供监听前进后退的事件。不允许开发者读取浏览纪录,也就是 js 读取不了浏览纪录。用户可以手动输入地址,或使用浏览器提供的前进后退来改变 url。所以要实现一个自定义路由,解决方案是自己维护一份路由历史的记录,从而区分 前进、刷...原创 2019-06-09 21:25:19 · 1334 阅读 · 0 评论 -
前端解决第三方图片防盗链的办法 - html referrer 访问图片资源403问题
问题笔者网站的图片都是上传到第三方网站上的,比如 简书、掘金、七牛云上的,但是最近简书和掘金都开启了 防盗链,防止其他网站访问他们网站上的图片了,导致笔者的网站存在他们网站上的图片全挂了。具体问题,就是 html 中通过 img 标签引入一个第三方的图片地址,报 403 。但是这个图片地址直接复制出来在地址栏打开,却是看得到的。原因官方输出图片的时候,判断了来源 Referer ,就是...转载 2019-06-09 21:23:54 · 4858 阅读 · 0 评论 -
基于Vue的移动端图片裁剪组件 vue-clip(完美兼容ios与安卓)
前段时间做微信公众号Vue项目的时候,要用到图片裁剪功能,但是上网找的好几个vue插件在ios端都会出现问题, 但是这个完美兼容ios与安卓,可以放心使用。是由 https://www.jianshu.com/p/82dbf309f9b1?from=groupmessage这个修改而来的,已经修改成了在单独的组件可以用了,详情请看前面的链接。修改后的组件完整代码如下:<...原创 2018-04-16 17:09:06 · 11280 阅读 · 5 评论 -
第 5 届 FEDAY 前端大会的完整 PPT 内容已出炉-站在大牛的肩膀上学习
前言有一种快速学习的方法是:站在大牛的肩膀上学习。即使快能为祖国母亲庆生了,但也阻挡不住大家博已广学的心。一年一度的第 5 届 FEDAY (前端大会) 圆满结束,来自全球、有极丰富经验和技能的前端专家,齐聚成都的「蓉城」尽情畅谈交流。这么重要的会议,咱小全栈君们虽然不能不能到现场,但是也不能错过。全栈君当然是没有去啦,但是大会演讲内容的 PPT 已经出来了,快来和全栈君一起走进第...原创 2019-09-27 12:27:21 · 918 阅读 · 0 评论 -
前端硬核面试专题 (备战 2019 的金九银十)
面试知识点包括:HTML + CSS + JS + ES6 + Webpack + Vue + React + Node + HTTPS + 数据结构与算法 + Git。因为文章内容太多,加上 CSDN 平台对文章大小的限制,所以发不了该文章,只能保存在 md 文件里面,已经提交到 GitHub 上了。文章地址:fe-interview:HTML + CSS + JS + ES6 + Webp...原创 2019-08-06 14:57:06 · 476 阅读 · 0 评论 -
强烈推荐 GitHub 上值得前端学习的数据结构与算法项目
前言前言算法为王。想学好前端,先练好内功,内功不行,就算招式练的再花哨,终究成不了高手;只有内功深厚者,前端之路才会走得更远。强烈推荐 GitHub 上值得前端学习的数据结构与算法项目,包含 gif 图的演示过程与视频讲解。GitHub 项目数据结构与算法关于数据结构与算法的 GitHub 项目,star 数由高到低排序。javascript-algorithms(51...原创 2019-07-21 22:25:52 · 2316 阅读 · 2 评论 -
第三届Vue.js开发者大会 - 尤雨溪:State of Vue [领完整PPT]
今天有去参加第三届Vue.js开发者大会吗?没去参加的童鞋可以先睹@尤大关于Vue的PPT。https://mp.weixin.qq.com/s/fLoOzsIoKbiv6QjluC0Ibw转载 2019-06-08 18:25:35 · 1269 阅读 · 0 评论 -
[现场实录] VueConf 2019 尤雨溪演讲总结
[现场实录] VueConf 2019 尤雨溪演讲总结https://mp.weixin.qq.com/s/6N6tuUEmS7eUOg82XQw8EA转载 2019-06-08 18:23:09 · 976 阅读 · 0 评论 -
react + node + express + ant + mongodb 的简洁兼时尚的博客网站
前言此项目是用于构建博客网站的,由三部分组成,包含前台展示、管理后台和后端。此项目是基于 react + node + express + ant + mongodb 的,项目已经开源,项目地址在 github 上,喜欢的,欢迎给个 star 。项目地址:前台展示: https://github.com/biaochenxuying/blog-react管理后台:https://gi...原创 2018-11-22 09:35:27 · 713 阅读 · 0 评论 -
js 日期对象 31 号 setMonth 的锅
前言需求:获取当前日期的前一个月份当月有 31 天时,JS 日期对象 setMonth 问题1. 一般做法当前日期如果不是 31 号, 是没问题的,是 31 号就会有问题:// 比如今天是 2018-09-30 号,前一个月应该是 2018-08-30 let now = new Date(new Date(&quot;2018-09-30&quot;).setMonth(new Date(&quot;2018-...原创 2018-11-01 13:04:26 · 1290 阅读 · 0 评论 -
那些必会用到的 ES6+ 精粹
前言最新的 ECMAScript 都已经到发布到 2018 版了。我们应该有的态度是: Stay hungry ! Stay young !从接触 vue 到工作中用到 vue 将近 2 年了,在开发 vue 项目中用到了很多 es6 的 api ,es6 给我的开发带来了很大便利。本文只总结小汪在工作和面试中经常遇到的 ES6 及之后的新 api 。有空就得多总结,一边总结,一边重温...原创 2018-09-20 09:11:22 · 788 阅读 · 0 评论 -
面试题之从敲入 URL 到浏览器渲染完成
前言小汪最近在看【WebKit 技术内幕】一书,说实话,这本书写的太官方了,不通俗易懂。 但是看完书,对浏览器内核的 WebKit 有了进一步的了解,所以从浏览器内核出发,写这篇文章以记录学到的知识,以加深对 WebKit 的理解。相信很多开发人员在面试时都遇到这个问题,这道题可说是非常非常难的,因为深度可以非常深,广度可以非常广。这题是非常能考查一个前端开发人员的知识体系的题目...原创 2018-09-14 20:28:03 · 1507 阅读 · 0 评论 -
资源分享——Python、Java、Linux、Go、vue、react、javaScript
微信公众号:爱写bugger的阿拉斯加 如有问题或建议,请后台留言,我会尽力解决你的问题。前言又见面了。废话不多说,最近多了一些在校学生关注,并问我有没有 xxxx 学习资料。作为自学出身的程序猿怎么可能没有,这不就整理了一份超全的编程资料分享给你们。其中包括 Python、java、Go、Linux、vue、react、javaScript、node.js 等,甚至...原创 2018-09-11 10:48:23 · 1087 阅读 · 1 评论 -
浏览器之硬件加速机制
微信公众号:爱写bugger的阿拉斯加 如有问题或建议,请后台留言,我会尽力解决你的问题。前言此文章是我最近在看的【WebKit 技术内幕】一书的一些理解和做的笔记。而【WebKit 技术内幕】是基于 WebKit 的 Chromium 项目的讲解。书接上文 浏览器内核之渲染基础1. 硬件加速基础1.1 概念硬件加速技术是指:使用 GPU ...原创 2018-09-11 10:44:31 · 5058 阅读 · 0 评论 -
浏览器内核之 CSS 解释器和样式布局
微信公众号:爱写bugger的阿拉斯加 如有问题或建议,请后台留言,我会尽力解决你的问题。前言此文章是我最近在看的【WebKit 技术内幕】一书的一些理解和做的笔记。 而【WebKit 技术内幕】是基于 WebKit 的 Chromium 项目的讲解。书接上文 浏览器内核之 HTML 解释器和 DOM 模型本文剖析 WebKit 的 CSS 解释器和样式布局...原创 2018-09-07 17:07:22 · 575 阅读 · 0 评论 -
浏览器内核之渲染基础
微信公众号:爱写bugger的阿拉斯加 如有问题或建议,请后台留言,我会尽力解决你的问题。前言此文章是我最近在看的【WebKit 技术内幕】一书的一些理解和做的笔记。而【WebKit 技术内幕】是基于 WebKit 的 Chromium 项目的讲解。书接上文 浏览器内核之 CSS 解释器和样式布局本文剖析 WebKit 为网页渲染而构造的各种类型的内部结构...原创 2018-09-10 11:00:39 · 561 阅读 · 0 评论 -
vue-cli3.x 新特性及踩坑记
前言Webpack 是一个现代 JavaScript 应用程序的模块打包器 (module bundler) 。当 Webpack 处理应用程序时,它会递归地构建一个依赖关系图,其中包含应用程序需要的每个模块,然后将所有这些模块打包成少量的 bundle - 通常只有一个,由浏览器加载。Webpack 4 正式版刚发布的时候,觉得会有坑就先不用,现在发布已经大半年了,版本都到 we...原创 2018-09-17 12:54:53 · 7648 阅读 · 2 评论 -
浏览器安全机制
前言此文章是我最近在看的【WebKit 技术内幕】一书的一些理解和做的笔记。而【WebKit 技术内幕】是基于 WebKit 的 Chromium 项目的讲解。书接上文 浏览器之 javaScript 引擎本章主要讲解 浏览器安全机制的网页的安全和浏览器的安全。1. 网页安全模型1.1 安全模型基础当用户访问网页的时候,浏览器需要确保该网页中数据的安全性...原创 2018-09-12 20:55:11 · 1190 阅读 · 0 评论 -
浏览器内核之 HTML 解释器和 DOM 模型
微信公众号:爱写bugger的阿拉斯加 如有问题或建议,请后台留言,我会尽力解决你的问题。前言此文章是我最近在看的【WebKit 技术内幕】一书的一些理解和做的笔记。 而【WebKit 技术内幕】是基于 WebKit 的 Chromium 项目的讲解。书接上文 浏览器内核之资源加载与网络栈本文介绍 W3C 的 DOM 模型之后,深入 WebKit 的核心部...原创 2018-09-05 21:30:10 · 1195 阅读 · 0 评论 -
浏览器之 javaScript 引擎
微信公众号:爱写bugger的阿拉斯加 如有问题或建议,请后台留言,我会尽力解决你的问题。前言此文章是我最近在看的【WebKit 技术内幕】一书的一些理解和做的笔记。而【WebKit 技术内幕】是基于 WebKit 的 Chromium 项目的讲解。书接上文 浏览器之硬件加速机制本章主要讲解 WebKit 中广泛使用的 JavaScriptCore 引擎和...原创 2018-09-11 21:03:09 · 359 阅读 · 0 评论 -
项目文档说明:react + Ant Design 的 blog-react-admin
前言此 blog-react-admin 项目是基于 蚂蚁金服开源的 ant design pro 之上,用 react 全家桶 + Ant Design 的进行再次开发的,项目已经开源,项目地址在 github 上。效果预览 https://preview.pro.ant.design/user/login1. 后台管理1.1 已经实现功能 登录 文章管理(支持 MarkDow...原创 2018-11-23 19:54:30 · 639 阅读 · 0 评论 -
react + Ant Design + 支持 markdown 的 blog-react 项目文档说明
前言此 blog 项目是基于 react 全家桶 + Ant Design 的,项目已经开源,项目地址在 github 上。1. 效果完整效果请看:http://biaochenxuying.cn/main.html2. 功能描述2.1 已经实现功能 登录 注册 文章列表 标签分类 个人介绍 点赞与评论 留言 时间轴 发文(支持 MarkDown 语法) 文章...原创 2018-11-22 22:07:58 · 1395 阅读 · 0 评论 -
尤雨溪大大在 6 月 4 日的 Vue3.0 技术分享
尤大于 6 月 4 日,在深圳某科技公司做了一次 Vue 相关的技术分享。这里我讲 PPT 分享给大家。让大家了解 Vue 相关的最新进展。文章地址:https://mp.weixin.qq.com/s?__biz=MzA4MDU1MDExMg==&mid=2247483829&idx=1&sn=75ef516c9174cda030db48d4ab5722e3&...转载 2019-06-05 10:14:09 · 3321 阅读 · 1 评论 -
一张思维导图辅助你深入了解 Vue | Vue-Router | Vuex 源码架构
1.前言本文内容讲解的内容:一张思维导图辅助你深入了解 Vue | Vue-Router | Vuex 源码架构。项目地址:https://github.com/biaochenxuying/vue-family-mindmap文章的图文结合版Vue-family.mdVue-family.pdf2. Vue 全家桶先来张 Vue 全家桶 总图:3. Vue细分如下源码目录...原创 2019-05-12 16:54:39 · 508 阅读 · 0 评论 -
如何自学前端与web前端知识体系梳理
什么是前端工程师?总而言之前端工程师就是运用HTML/CSS/JavaScript等Web技术,在工作中配合设计师实现用户界面,和后端工程师进行数据对接,完成Web应用开发的职位。建立学习大纲必学内容基础:HTMLCSSJavaScript进阶:JavaScript 的三大框架,三个必学一个。vue.jsreact.jsangular.js基础知识HTM...原创 2019-03-31 16:59:03 · 1093 阅读 · 2 评论 -
Vue + TypeScript + Element 搭建简洁时尚的博客网站及踩坑记
前言本文讲解如何在 Vue 项目中使用 TypeScript 来搭建并开发项目,并在此过程中踩过的坑 。TypeScript 具有类型系统,且是 JavaScript 的超集,TypeScript 在 2018年 势头迅猛,可谓遍地开花。Vue3.0 将使用 TS 重写,重写后的 Vue3.0 将更好的支持 TS。2019 年 TypeScript 将会更加普及,能够熟练掌握 TS,并使用...原创 2019-03-31 20:42:41 · 2826 阅读 · 0 评论 -
一次网站的性能优化之路 -- 天下武功,唯快不破
首屏作为直面用户的第一屏,其重要性不言而喻,如何加快加载的速度是非常重要的一课。本文讲解的是:笔者对自己搭建的个人博客网站的速度优化的经历。效果体验地址: http://biaochenxuying.cn1. 用户期待的速度体验2018 年 8 月,百度搜索资源平台发布的《百度移动搜索落地页体验白皮书 4.0 》中提到:页面的首屏内容应在 1.5 秒内加载完成。也许有人有疑惑:为什么是...原创 2019-03-17 22:40:36 · 479 阅读 · 0 评论 -
github 授权登录教程与如何设计第三方授权登录的用户表
需求:在网站上想评论一篇文章,而评论文章是要用户注册与登录的,那么怎么免去这麻烦的步骤呢?答案是通过第三方授权登录。本文讲解的就是 github 授权登录的教程。效果体验地址: http://biaochenxuying.cn1. github 第三方授权登录教程先来看下 github 授权的完整流程图 1:或者看下 github 授权的完整流程图 2:1.1 申请一个 OAuth...原创 2019-03-03 21:44:41 · 559 阅读 · 0 评论 -
原生 js 实现一个前端路由 router
效果图:项目地址:https://github.com/biaochenxuying/route效果体验地址:1. 滑动效果: https://biaochenxuying.github.io/route/index.html2. 淡入淡出效果: https://biaochenxuying.github.io/route/index2.html1. 需求因为我司的 H 5 的项目是...原创 2019-01-29 17:04:53 · 4399 阅读 · 1 评论 -
js 实现上下改变父 div 的高度,左右上下动态分割孩子的宽高
1. 需求实现父 div 里面 左右,上下动态分割 div,并上下改变父 div 的高度,并且宽和高都是按百分比(如图) 。2. 实现原理2.1 父布局<div class='hj-wrap'> <div class="arrow"></div> </div>首先一个父 div 为 hj-wrap,相对定位 ...原创 2018-12-26 21:37:52 · 763 阅读 · 2 评论 -
前端工程师的 2018 年总结
1. 前言时间过得很快,2018 年已经接近尾声了。离开大学校园已经一年半,正式工作也一年半了。2018 年,我的本命年,今年 24 岁,离 “而立之年” —— 30 岁, 又近了一步。今年对我而言,是人生的一个重要节点。今年是我觉得过得最快的一年,也是成长最多的一年。2. 技术作为一名代码搬运工,技术做为安身立命的本钱,今年技术上有了挺大的见长。技术上,前端和后端都接触到当前流行的技...原创 2019-11-13 19:08:48 · 7303 阅读 · 13 评论 -
服务器小白的我,是如何将 node+mongodb 项目部署在服务器上并进行性能优化的
前言本文讲解的是:做为前端开发人员,对服务器的了解还是小白的我,是如何一步步将 node+mongodb 项目部署在阿里云 centos 7.3 的服务器上,并进行性能优化,达到页面 1 秒内看到 loading ,3 秒内看到首屏内容的。搭建的项目是采用了主流的前后端分离思想的,这里只讲 服务器环境搭建与性能优化。效果请看 http://biaochenxuying.cn/main.ht...原创 2018-11-25 20:30:28 · 1364 阅读 · 0 评论 -
后端小白的我,是如何成功搭建 express+mongodb 的简洁博客网站后端的
前言blog-node 是采用了主流的前后端分离思想的,主里只讲 后端。blog-node 项目是 node + express + mongodb 的进行开发的,项目已经开源,项目地址在 github 上。效果请看 http://biaochenxuying.cn/main.html1. 后端1.1 已经实现功能 登录 文章管理 标签管理 评论 留言管理 用户管理 友...原创 2018-11-25 20:27:12 · 511 阅读 · 0 评论 -
浏览器内核之 WebKit 架构与模块
微信公众号:爱写bugger的阿拉斯加 如有问题或建议,请后台留言,我会尽力解决你的问题。前言此文章是我最近在看的【WebKit 技术内幕】一书的一些理解和做的笔记。 而【WebKit 技术内幕】是基于 WebKit 的 Chromium 项目的讲解。1、 WebKit 之架构WebKit 的一个显著特征就是支持不同的浏览器,因为不同浏览器的需求不同,所...原创 2018-08-30 21:43:50 · 3001 阅读 · 0 评论