前端
文章平均质量分 53
全栈修炼
公众号:全栈修炼
展开
-
尤雨溪: Vue3 将不会支持 IE11!VSCode 1.55 稳定版发布,更新了 9 个亮点!
Vue 3 将不会支持 IE11凌晨时分,尤雨溪突然在知乎上发布了一个消息,宣布了一个提案:Vue3 将不再支持 IE11。摘要Vue 3 将不会支持 IE11原定投入 Vue 3 IE1...原创 2021-04-03 13:00:39 · 771 阅读 · 0 评论 -
如何自学前端与web前端知识体系梳理
什么是前端工程师?总而言之前端工程师就是运用HTML/CSS/JavaScript等Web技术,在工作中配合设计师实现用户界面,和后端工程师进行数据对接,完成Web应用开发的职位。建立学习大纲必学内容基础:HTMLCSSJavaScript进阶:JavaScript 的三大框架,三个必学一个。vue.jsreact.jsangular.js基础知识HTM...原创 2019-03-31 16:59:03 · 1114 阅读 · 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 · 2844 阅读 · 0 评论 -
github 授权登录教程与如何设计第三方授权登录的用户表
需求:在网站上想评论一篇文章,而评论文章是要用户注册与登录的,那么怎么免去这麻烦的步骤呢?答案是通过第三方授权登录。本文讲解的就是 github 授权登录的教程。效果体验地址: http://biaochenxuying.cn1. github 第三方授权登录教程先来看下 github 授权的完整流程图 1:或者看下 github 授权的完整流程图 2:1.1 申请一个 OAuth...原创 2019-03-03 21:44:41 · 569 阅读 · 0 评论 -
原生 js 实现一个有动画效果的进度条插件 progress
效果图:项目地址:https://github.com/biaochenxuying/progress效果体验地址: https://biaochenxuying.github.io/progress/index.html1. 原理一个用于装载进度条内容的 div (且叫做 container)。然后在 container 里面动态生成三个元素,一个是做为背景的 div (且叫做 p...原创 2019-02-26 22:03:28 · 1404 阅读 · 0 评论 -
浏览器内核之 CSS 解释器和样式布局
微信公众号:爱写bugger的阿拉斯加 如有问题或建议,请后台留言,我会尽力解决你的问题。前言此文章是我最近在看的【WebKit 技术内幕】一书的一些理解和做的笔记。 而【WebKit 技术内幕】是基于 WebKit 的 Chromium 项目的讲解。书接上文 浏览器内核之 HTML 解释器和 DOM 模型本文剖析 WebKit 的 CSS 解释器和样式布局...原创 2018-09-07 17:07:22 · 591 阅读 · 0 评论 -
浏览器内核之 WebKit 架构与模块
微信公众号:爱写bugger的阿拉斯加 如有问题或建议,请后台留言,我会尽力解决你的问题。前言此文章是我最近在看的【WebKit 技术内幕】一书的一些理解和做的笔记。 而【WebKit 技术内幕】是基于 WebKit 的 Chromium 项目的讲解。1、 WebKit 之架构WebKit 的一个显著特征就是支持不同的浏览器,因为不同浏览器的需求不同,所...原创 2018-08-30 21:43:50 · 3014 阅读 · 0 评论 -
浏览器内核之资料加载与网络栈
微信公众号:爱写bugger的阿拉斯加 如有问题或建议,请后台留言,我会尽力解决你的问题。前言此文章是我最近在看的【WebKit 技术内幕】一书的一些理解和做的笔记。 而【WebKit 技术内幕】是基于 WebKit 的 Chromium 项目的讲解。 书接上文 浏览器内核之WebKit 架构与模块1. Webkit 资源加载机制网络和资源加载是网页的...原创 2018-08-30 21:42:04 · 520 阅读 · 0 评论 -
WebKit 技术内幕之浏览器与WebKit内核
微信公众号:爱写bugger的阿拉斯加 如有问题或建议,请后台留言,我会尽力解决你的问题。前言此文章是我最近在看的【WebKit 技术内幕】一书的一些理解和做的笔记。 而【WebKit 技术内幕】是基于 WebKit 的 Chromium 项目的讲解。第一章 浏览器和浏览器内核WebKit 内核是苹果2005年先开发并提出开源的,后面 Google 也以此为...原创 2018-08-08 22:11:48 · 4301 阅读 · 0 评论 -
react antd-mobile 项目中实现 css 与 less 局部作用域化
微信公众号:爱写bugger的阿拉斯加 如有问题或建议,请后台留言,我会尽力解决你的问题。1. 前言最近搭建的 react 项目想引入 less ,并实现样式局部作用域化,但是在网上找了很多方法试过了都不行,最后打到解决方法,在此记下这惨痛的历程。2. create-react-appcreate-react-app 是业界最优秀的 React 相关...原创 2018-08-02 13:13:35 · 2128 阅读 · 0 评论 -
react 基础之组件篇——设计复合组件
设计复合组件前言你问我为什么写博客? 因为阿拉斯加爱写bugger!!! 微信公众号:爱写bugger的阿拉斯加 如有问题或建议,请往公众号,我们一起交流如何写bugger !书接上文——react 基础之组件篇二——Style in React 本节精彩继续,阿拉斯加继续装逼如何优雅的写bugger!!!1. 复合组件要怎么设计?1.本节内容...原创 2018-07-28 12:11:23 · 822 阅读 · 0 评论 -
复杂表格设计数据格式
1. 表头设计原理: 和多叉树的原理类似,参考了它的展示形式。 表头说明: 如果没有孩子节点就只返回如下一个字段: - name :名字如果有孩子节点,就把数据加在children里面,层层嵌套,返回字段如下: name :名字children : 孩子节点数据结构格式,参考如下代码:headerData:[ { ...原创 2018-07-28 11:46:56 · 4502 阅读 · 0 评论 -
vue移动端复杂表格表头,固定表头与固定第一列
前言最近做移动端的h5项目,要做一个可配置表头的复杂表格,网上找了很久也没什么好方法,结合网上的一些例子,在此做一了一个完整的vue版的例子。效果无图无真相,先上最终效果图再说 。 方法一:iscroll 插件版第一步:npm install引入 iscrollnpm i iscroll --save 第二步:封装对插件再做一层封装...原创 2018-07-28 11:45:09 · 16740 阅读 · 11 评论 -
js 递归调用
程序员不止眼前的逻辑和代码,还有底层的框架与架构。1. 前言最近在做一个复杂表格设计数据格式设置,其中用到了多叉树的原理,所以要用到递归来实现数据格式化。2. 递归的概念在程序中函数直接或间接调用自己注意:使用递归函数一定要注意,处理不当就会进入死循环。递归函数只有在特定的情况下使用 ,比如阶乘问题。3. 例子1. 一个阶乘的例子:fun...原创 2018-07-30 12:15:04 · 2183 阅读 · 0 评论 -
JS是单线程,你了解其运行机制吗?
一. 区分进程和线程很多新手是区分不清线程和进程的,没有关系。这很正常。先看看下面这个形象的比喻: 进程是一个工厂,工厂有它的独立资源-工厂之间相互独立-线程是工厂中的工人,多个工人协作完成任务-工厂内有一个或多个工人-工人之间共享空间如果是windows电脑中,可以打开任务管理器,可以看到有一个后台进程列表。对,那里就是查看进程的地方,而且可以看到每个进程的内存资源信息以及cp...原创 2018-07-29 19:56:22 · 466 阅读 · 0 评论 -
前端代码开发规范
团队代码开发规范结合团队日常业务需求以及团队在日常开发过程中总结提炼出的经验而制定。旨在增强团队开发协作、提高代码质量和打造开发基石的编码规范,以下规范是团队基本约定的内容,必须严格遵循。页面头部本章将介绍页面的<head>标签含有的内容。包含页面的基本信息、SEO优化、双端页面跳转等。DOCTYPE 设置文档类型统一使用html5的doctype:Copy<!DOCTYPE h...原创 2018-06-28 15:22:21 · 393 阅读 · 0 评论 -
js获取当前时间的前一天/后一天 ,前一月/后一月
js获取当前时间的前一天/后一天Date curDate = new Date(); var preDate = new Date(curDate.getTime() - 24*60*60*1000); //前一天 var nextDate = new Date(curDate.getTime() + 24*60*60*1000); //后一天前一月/后一月var ...原创 2018-06-16 11:53:01 · 23934 阅读 · 2 评论 -
js 将Date 日期对象与时间戳互相转换
将Date对象转换成时间戳第一种方法,使用Number()方法[javascript] view plain copyvar newDay = new Date(); console.log(Number(newDay)); 返回当前的时间的时间戳第二种方法是,使用日期对象Date.parse()方法[javascript] view plain copyvar newDay = new Da...转载 2018-06-22 21:21:19 · 2708 阅读 · 0 评论 -
css解决fixed布局不会出现滚动条
css解决fixed布局不会出现滚动条的问题如果我们布局的是后是fixed并且想要高度为100%的时候,我们一般会这样设置: width: 100%; height: auto; z-index: 9999999; background: #fff; padding-bottom: 1rem; position: fixed; top: 0; overflow-y: scroll;...原创 2018-06-22 11:54:23 · 7869 阅读 · 0 评论