自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

全栈道路

一个前端研发进阶全栈开发的岁月点滴

  • 博客(19)
  • 资源 (2)
  • 收藏
  • 关注

原创 [前端面试经]百度和好未来的面试官把我榨干了

百度和好未来的面试官把我榨干了我,普通本科计算机专业,18年6月毕业,抛去实习,工作经验只有一年半,没想到自己临时的决定让我敲开了百度的大门,非常荣幸地成为百度的RD。2019年最后一个月,由于当时的东家当时业务成绩不是很出色,涨薪变得困难,所以当时决定抽出时间学习然后出去探探风,遂整理简历并高效学习,同时在求职APP上有针对性的投递简历,没想到第一周就有面试电话打了过来,于是请了一周年假,准备开始面试。一周时间一共面试了三家公司,没想到三家公司全都拿到了offer,除了一家上海的企业涨幅没

2020-06-03 11:05:43 8545 17

原创 提高开发效率的 Chrome 开发者工具高端使用技巧(一)

工欲善其事必先利其器,Chrome 浏览器应该算是前端开发人员最常用的工具了,本期带来一些很实用的 Chrome 浏览器调试方法,这些调试方式可以从性能,逻辑,布局,交互等等方面帮助和提高开发效率。以下快捷键部分均是在 MacBook 硬件环境下,Windows 系统下请自行更正部分快捷键更多文章在我的 Github 及个人公众号【全栈道路】上,欢迎观赏【一个不知名的足球狗的前端知识点】,如有受益,不要钱,小手点个Star。如何打开 Chrome Devtool在 Chrome 菜单..

2021-10-24 14:01:48 1699

原创 CSS冷门属性 mix-blend-mode 制作文字镂空效果

CSS冷门属性 mix-blend-mode 制作文字镂空效果本篇文章为大家带来如何制作文字镂空效果,仅仅使用CSS样式进行处理,借助 mix-blend-mode 属性,将文字的颜色反转,从而实现视觉上镂空。更多文章在我的 Github 及个人公众号【全栈道路】上,欢迎观赏【一个不知名的足球狗的前端知识点】,如有受益,不要钱,小手点个Star。阅读本文您将收获mix-blend-mode 属性介绍mix-blend-mode 可以实现哪些效果mix-blend-mode 属性.

2021-09-25 16:02:20 1872

原创 JS 浮点数存储与计算

写在前面JavaScript中有些特殊的计算结果,如 0.1 + 0.2 = 0.30000000000000004(这个问题不止在JavaScript中存在,在C++、java语言中都存在这个问题,只不过这些强类型语言封装好了方法来解决这个问题。)想必大家都知道这是由于存储时数据长度截取造成的问题,但是计算机是如何存储计算这些数值的呢,本文结合多个计算机基础知识解释这点。更多文章在我的github及个人公众号【全栈道路】上,欢迎观赏【全栈道路 · 前端知识点】,如有受益,不要钱,小手点个Sta.

2021-01-31 11:25:04 823

原创 img标签到底是行内元素还是块级元素

面试官问你<img>是什么元素时你怎么回答写这篇文章源自我之前的一次面试,题目便是问img标签属于块级元素还是行内元素,当时想都没想就说了是行内(inline)元素,面试官追问为什么能够设置 <img /> 标签的宽和高,当时脑子突然一懵,发现这是自己技术上的一个空白,所以有了这篇文章。阅读本文您将收获<img />标签的基本使用MDN关于元素的定义特殊的可替换元素<img /> 标签的基本使用浏览器支持所有主流浏览器都支持 &lt.

2020-11-27 14:19:16 16187 5

原创 搜索引擎使用技巧-更好地使用搜索

【实践出真知】攻城狮,你真的会使用搜索引擎么首先,这绝不是一篇广告帖,是个科普贴~写这篇文章的初衷来自于头条上的一个活动【被互联网遗忘的人】,有感而发,遂作此篇。小编文采不好,都是通俗的干货,更多文章在我的github上,欢迎观赏【前端知识点】,如有受益,不要钱,小手点个Star阅读本文您将收获老年人都能看懂的搜索引擎使用技巧使用指令搜索搜索引擎除了小小的输入框能够进行搜索之外,使用指令搜索可以更直接准确地筛选出我们想要的结果,例如在某搜索引擎中,右上角设置一栏,可以使用高级搜索

2020-11-22 16:29:43 2249

原创 冷门的HTML - tabindex 的作用

冷门的HTML - tabindex 的作用HTML 的 tabindex 属性开发过程中一般不会使用到,最近开发中有个需求兼顾富交互,便总结了一下。本篇文章同时收录在我的【前端知识点】中,Github链接直达,欢迎 Star按照惯例,放上官方定义兼容性:Safari不支持!阅读本文您将收获tabindex的作用tabindex的使用如何利用 tabindex 创造更好的用户体验前言在我们日常使用网页的过程中,可以通过键盘控制一些元素的聚焦,从而达到便捷访问的目的

2020-11-01 10:23:35 572

原创 ES6 Proxy 的巧用

阅读本文您将收获JavaScript 中的 Proxy 是什么?能干什么?Vue3.0 开始为什么用 Proxy 代替 Object.definePropertyProxy 是什么“解释参考MDN,链接直达名词解释Proxy 对象用于定义基本操作的自定义行为(如属性查找、赋值、枚举、函数调用等)Proxy 用于修改某些操作的默认行为,也可以理解为在目标对象之前架设一层拦截,外部所有的访问都必须先通过这层拦截,因此提供了一种机制,可以对外部的访问进行过滤和修改语法const p = .

2020-09-07 11:02:35 742

原创 js 操作 cookie 实操

阅读本文您将收获js 读取cookie操作js 删除cookie操作js读取cookie操作方法一let acookie=document.cookie.split("; "); //获取单个cookiesgetck:function(sname){ for(let i=0;i<acookie.length;i++){ let arr=acookie[i].split("="); if(sname==arr[0]){ if(arr.length>1){..

2020-07-11 15:51:10 314

原创 真·十分钟搞定Flex布局

真·十分钟搞定Flex布局阅读本文您将收获布局的相关概念Flex布局的相关属性面试中常问的Flex相关知识为啥要Flex布局?因为贪婪!在网页布局还未进入CSS时代的时候,布局往往通过 <table> 标签来实现伴随着 Web语义化 时代的到来,人们不满足于简单的 table 布局,开始琢磨新花样CSS标准 为我们提供了三种基本的布局方式:标准流、浮动布局、定位布局随着技术和人们对美的需求的发展,传统的布局显得不够灵活,所以就出现了今天要讲的 flex 布局Flex布局基本概念

2020-06-23 14:36:14 273

原创 记一次惨痛的Vue-cli + VueX + SSR经历

记一次惨痛的Vue-cli + VueX + SSR经历前言介绍此篇写于一年前,当时仅作为自己的个人项目总结,现在换了工作,就把之前的一些经验或教训发出来,以警后人,也为大家碰到相同问题时提供解决方案,或多或少有帮助您就点个赞,如果有问题或更好的解决方式请在评论中指出或关注公众号给我留言,感谢指点。总部提出新项目,大致需求就是APP内置一个H5商城,于是开始出差去总部极限开发,可没想到碰到的问题让我一个工作经验只有半年多点的应届生熬了好几宿。技术选型项目语言:HTML、CSS、J

2020-06-07 22:29:29 3305

原创 微信内置浏览器动态生成二维码并长按识别

现如今围绕微信生态相关开发已经非常常见,本期带来如何通过 qrcode.js 实现微信内置浏览器动态生成二维码并能够长按识别 以及 通过 html2canvas 生成图片并长按保存说几个知识点微信长按弹出识别选项的原理微信客户端检测到用户长按img标签微信主动进行截屏并识别图片,二维码识别采用的是截屏而不是通过img标签微信识别成功后执行相关操作Base64Base64是网络上最常见的用于传输8Bit字节码的编码方式之一,Base64就是一种基于64个可打印字符来表示二进制数据的方法.

2020-06-07 22:18:36 1521 1

原创 前端正则表达式及书写技巧 收藏就完了

一向以活好著称的我给大家来点精华,不搞假大空,直接上实操,不用看懂,收藏就完了,以后你肯定会用到的。今天带来的是前端开发中经常碰到的数字问题,解决方式有些过于粗暴,未来还会不断美化更新。也欢迎大家关注我的Github,共同学习,共同提高。编者不才,如有问题,欢迎雅正,若有收获,请尽情用star羞辱我。另附Github地址充分利用JavaScript自带原生方法解决问题前端页面...

2020-04-11 17:35:33 853 1

原创 [前端面试基础]前端缓存全掌握

写在前面的话缓存对于web开发有重要作用,尤其是大负荷web系统开发中。想了解更多关于性能优化的知识,请移步HTML、CSS、JS优化、 页面加载速度优化、 网络传输层优化缓存的概念知识缓存的分类:服务器缓存(代理服务器缓存、CDN 缓存),第三方缓存,浏览器缓存等。缓存的相关术语:缓存命中率:从缓存中得到数据的请求数与所有请求数的比率。理想状态是越高越好。过期内容:超...

2020-03-01 12:02:17 538

原创 [高效撸码]ITerm2安装使用指南

之前一直用 MAC OS 自带的终端进行操作,但总感觉差点事,于是在同事的介绍下,用上了iTerm2,结合 on my zsh 之后发现很强大,正式入坑阅读所有文章请点击文章建议阅读时间:5分钟阅读本文您将收获:iTerm2 安装iTerm2 使用技巧安装iTerm2方式一下载地址解压之后便是执行程序文件方式二使用 MAC OS 自带的 Homebr...

2020-02-18 21:27:08 807

原创 [面试三分钟小文]前端性能优化-网络传输层优化

前两期讲过了如何在代码层级进行性能优化,本期给大家带来网络传输层的优化阅读所有文章请点击文章建议阅读时间:3分钟阅读本文您将收获:HTTP请求的完整过程网络传输层级的性能优化合理利用 chrome-devtool 进行开发强调HTTP请求的完整过程DNS解析首先会搜索浏览器自身的DNS缓存(缓存时间比较短,大概只有1分钟,且只能容纳1000条缓存)如果浏览...

2020-02-16 12:45:42 844

原创 [面试三分钟小文]前端性能优化-页面加载速度优化

上期给大家带来了HTML、CSS、JS优化,这期给大家带来页面加载速度优化阅读所有文章请点击本期内容请记住一个核心:JavaScript很快,DOM很慢文章建议阅读时间:3分钟阅读本文您将收获:从用户输入URL到看得到页面的过程在页面加载层级的性能优化用户看到页面之前都经历了什么此处简单介绍,后续会专出一篇文章讲解次过程检查缓存DNS服务器通过域名查...

2020-02-16 12:35:31 3198

原创 [面试三分钟小文]前端性能优化-HTML、CSS、JS部分

今天给大家带来前端面试必会问到的前端性能优化问题,暂定分三期给大家带来,第一期讲述基本的代码优化,后续还有网络传输层优化和页面加载速度优化,敬请期待,也欢迎点击查看原文了解更多前端小知识。阅读所有文章请点击文章建议阅读时间:3分钟阅读本文您将收获:性能优化的整体思路在HTML、CSS、JavaScript层级的性能优化为什么要进行性能优化用户: 提升用户体验,改善...

2020-02-16 12:28:57 402

原创 程序猿必备求神指南

程序猿必备求神指南 程序猿必备 代码保平安 以下代码仅供参考,只为娱乐,放松身心 _ooOoo_ o8888888o 88" . "88 (| -_- |)

2017-03-24 22:48:00 288

Android简易日历

利用java语言和Android开发能在移动端运行的日历程序; 支持日历备注填写; 支持日历查看; 主程序利用java语言编写。

2015-07-17

duang简易日历记事本

利用java语言开发建议日历记事本程序。 public class CalendarPad extends JFrame implements MouseListener{ int year,month,day; Hashtable hashtable; File file; static JTextField showDay[]; JLabel title[]; Calendar calendar; int week; NotePad notepad=null; Month changemonth; Year changeyear; String 星期[]={"日","一","二","三","四","五","六"}; JPanel leftPanel,rightPanel; //以下是定义CalendarPad方法 public CalendarPad(int year,int month,int day) { super("Duang日历记事本"); //设置窗体标题 leftPanel=new JPanel(); JPanel leftCenter=new JPanel(); JPanel leftNorth=new JPanel(); leftCenter.setLayout(new GridLayout(7,7)); rightPanel=new JPanel(); this.year=year; this.month=month; this.day=day; changeyear=new Year(this); changeyear.setYear(year); changemonth=new Month(this); changemonth.setMonth(month); title=new JLabel[7]; //定义显示星期标签 showDay=new JTextField[42]; for(int j=0;j<7;j++) { title[j]=new JLabel(); title[j].setText(星期[j]); //定义显示星期标签 title[j].setBorder(BorderFactory.createRaisedBevelBorder()); //定义边框为斜面边框(凸) leftCenter.add(title[j]); //显示星期标签 } title[0].setForeground(Color.red); //将周日显示为红色 title[6].setForeground(Color.red); //将周六显示为红色 for(int i=0;i<42;i++) { showDay[i]=new JTextField(); showDay[i].addMouseListener(this); //添加鼠标进入 showDay[i].setEditable(false); //设置为不可编辑标签 leftCenter.add(showDay[i]); } calendar=Calendar.getInstance(); Box box=Box.createHorizontalBox(); box.add(changeyear); //添加改变年控件 box.add(changemonth); //添加改变月控件 leftNorth.add(box); //定位改变年月标签

2015-07-17

空空如也

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

TA关注的人

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