前端学习方法
关注
分享
扫一扫
Jack-小俊
高级前端开发工程师
展开
-
2020年百度，字节前端面试题小结
最近去面试的大概总结-前端开发相关头条一面：1.小程序的本质是什么，如何实现的2.webpack中的loader可以用plugin实现么3.强缓存和协商缓存的具体流程及其中的一些细节笔试题做了：1.用reduce实现一个map2.实现一个bind函数3.evetloop的问题4.实现一个事件监听函数5.大数相加百度一面：一、口述问题：1、原型链 （写一个构造函数，然后new出了个对象，考察__proto__ 和prototype，原型链那张图背下来就完事）2、js运行机制 （ev原创 2020-08-10 14:22:50 · 1100 阅读 · 0 评论 -
2020前端面试题目
最近面试招人，加上自己面试各种公司的经历（深圳），不定期补充一些面试常问的问题，分享给大家，理论问题为主，笔试的话建议大家直接去刷题哦。1.什么是BFC？一个块格式化上下文（block formatting context）是Web页面的可视化CSS渲染出的一部分。它是块级盒布局出现的区域，也是浮动层元素进行交互的区域。2.http协议理解，说一下状态码3.为什么会跨域 如何处理跨域？4.js 微任务 （主程序和和settimeout都是宏任务，两个promise是微任务宏任务：当前调用栈中执行原创 2020-06-29 17:25:29 · 828 阅读 · 0 评论 -
Windows cmd命令行常用命令
winver 检查Windows版本 wmimgmt.msc 打开Windows管理体系结构(wmi) wupdmgr Windows更新程序 wscript Windows脚本宿主设置 write 写字板 winmsd 系统信息 wiaacmgr 扫描仪和照相机向导 winchat xp自带局域网聊天 mem.exe 显示内存使用情况 msconfig.exe 系统配置实用程序转载 2017-04-15 16:21:41 · 5422 阅读 · 0 评论 -
JS<script> 一定要放在 Body 的最底部吗
文章目录一、从一个面试题说起“页面渲染出来了” 指的是什么？陷阱二、浏览器的渲染机制几个概念浏览器的渲染过程看 Timeline，一目了然三、问题的答案四、总结、再进一步说明：本文提到的浏览器均是指Chrome。“script标签“指的都是普通的不带其他属性的外联javascript。web性能优化的手段并不是非黑即白的，有些手段过头了反而降低性能，所以在讨论条件和结论的时候，虽然很多条件本身会带来转载 2017-05-02 10:17:32 · 8732 阅读 · 0 评论 -
基础 JavaScript 装逼指南
文章目录SummaryBooleanNumberIIFEClosureEventparseIntHex«BTWOthers导语：以下JavaScript代码仅为探讨交流，在实际情况中建议合理酌情使用，有些能给你的代码带来加分项，有些则是扣分，祝你装逼成功！Summary本文秉承着你看不懂是你sb，我写的代码就要牛逼的理念来介绍一些js的装逼技巧。下面的技巧，后三个，请谨慎用于团队项目中(主要考虑到可转载 2017-05-02 11:35:27 · 887 阅读 · 0 评论 -
移动端响应适设计
-最近在学习移动端的响应适布局，收集些系统的干货在博客备用。响应式布局就是响应式设计方案呈现的效果。具体就是页面的布局会根据不同设备的显示面积（主要是宽度）的不同而呈现不同的布局，这个效果是比弹性的布局更好的地方是样式会主动地根据用户的设备的显示面积呈现的布局更灵活，可读性更强。当然对研发的要求也更高（比如说如何更好地让图片，适配，UI动画自适应各种布局）。响应式设计一般来说是一套设计方案解决所有的原创 2017-04-21 06:01:12 · 626 阅读 · 0 评论 -
localStorage-“增删改查”
学习vue.js，依赖HTML5的新特性来实现前端模拟数据库的存储，和数据的增删改查。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style type="text/css"> h3{ columns: 200px 3;原创 2017-05-23 14:33:59 · 11377 阅读 · 3 评论 -
移动端web整理
meta基础知识H5页面窗口自动调整到设备宽度，并禁止用户缩放页面忽略将页面中的数字识别为电话号码忽略Android平台中对邮箱地址的识别当网站添加到主屏幕快速启动方式，可隐藏地址栏，仅针对ios的safari将网站添加到主屏幕快速启动方式，仅针对ios的safari顶端状态条的样式viewport模板常见问题移动端如何定义字体font-family移动端字体单位font-size选择px还是rem转载 2017-05-15 17:25:25 · 468 阅读 · 0 评论 -
JS解析json数据（怎么把json字符串转化为数组）
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><TITLE> New Document </TITLE><SCRIPT LANGUAGE="JavaScript"> var t="{'firstName': 'cyra', 'lastName': 'richardson', 'addre转载 2017-04-25 13:49:04 · 13675 阅读 · 1 评论 -
前端面试题整理汇总100题
1.一些开放性题目1.自我介绍：除了基本个人信息以外，面试官更想听的是你与众不同的地方和你的优势。2.项目介绍3.如何看待前端开发？4.平时是如何学习前端开发的？5.未来三到五年的规划是怎样的？position的值， relative和absolute分别是相对于谁进行定位的？absolute :生成绝对定位的元素， 相对于最近一级的 定位不是 static转载 2018-02-04 10:38:37 · 26081 阅读 · 4 评论 -
数组和JSON不同的遍历方法总结
项目中对于数组和JSON数组不同的遍历方法总结 最近也在开发小程序，各种爬坑<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> &a原创 2018-03-07 16:28:17 · 763 阅读 · 0 评论 -
学习小程序遇到的问题总结
学习小程序遇到的问题1.小程序中无法长按图片扫描识别公众号二维码，可以通过自带的api中wx.previewImage来进行预览图片的操作，保存至本地后可操作。但例外的是，可以识别小程序码。2.WebSocket是HTML5开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。 在WebSocket API中，浏览器和服务器只需要做一个握手的动作，然后，浏览器和服务器之间就形成了一条...原创 2018-06-06 09:48:17 · 3287 阅读 · 0 评论 -
小程序左滑删除功能
在使用wepy框架中，对左滑删除功能做解释，通过touch事件的起止，完成事件的绑定和数据刷新，来达到效果，大致代码如下：wxml <view class="touch-item" @touchstart="touchS" @touchmove="touchM" @touchend="touchE" data-index="{{idx}}" style="{{value.posi原创 2018-08-21 11:09:40 · 984 阅读 · 0 评论 -
viewport实现响应式设计
1. 不使用viewport出现的问题提到响应式设计，大家首先想到的可能是 Bootstrap ， @media 。前者是一个响应式UI库，风格比较扁平化，类似的还有雅虎的Pure。@media是CSS3的属性，利用它可以在不依赖其他库的情况下实现响应式设计。如果你使用过媒体查询，应该熟悉下面的代码： 可查看github下载实例代码 @media screen and (min-转载 2017-04-18 14:20:31 · 1157 阅读 · 0 评论 -
前端性能优化
我的前端学习历程 很难想象一个半年前还在做后台开发，对前端知之甚少的我，现在也可以从事前端开发了。这半年的学习过程将会是我人生一笔宝贵的财富，这让我想到一句话“在成长的道路上，我们不要给自己设定界限，只要拥有成长的力量，就能不断超越自己”。 下面以我自己的经历讲讲前端的学习过程。阅读目录Jquery基础知识准备CSS学习与技巧代码优化总结回到顶部Jquery基础知识准备 学习前端需要掌转载 2017-04-28 14:59:10 · 1032 阅读 · 0 评论 -
前端优化最佳实践及工具
Web前端优化最佳实践及工具集锦发表于2013-09-23 19:47| 21315次阅读| 来源Googe & Yahoo| 118 条评论| 作者王果 编译 Web优化Google雅虎PageSpeedYSlow摘要：前端的性能对于Web应用的用户体验来说非常重要。不要以为你的Web应用的性能已经足够好了，其实还会有很多可以提升的地方。本文将介绍Google和雅虎关于前端优化的最佳实践以及转载 2017-04-28 08:48:29 · 598 阅读 · 0 评论 -
转载看到的不错的一篇blog， 值得学习与参考！
转载看到的不错的一篇blog， 值得学习与参考！ 原文出处： qiu deqing 欢迎分享原创到伯乐头条转载 2017-01-24 12:24:57 · 518 阅读 · 0 评论 -
自己一人如何去做一个web项目
三思而后行 当你被自己的想法激起心中豪情的时候，一定要按下心情，冷静的思考一下，思考点包括以下几个部分转载 2017-01-24 12:36:23 · 966 阅读 · 2 评论 -
Github的基本功能（转自知乎）
Github的基本功能： ● Repository：你和我一起做“知乎首页”，“知乎首页”就是Repository，即项目或者”未来武器T2级425mm磁轨炮“之类，怎么叫随你，你只需知转载 2017-01-25 19:26:02 · 1069 阅读 · 1 评论 -
html中隐藏域hidden的作用
基本语法： <input type="hidden" name="name" value="value">转载 2017-01-25 19:52:27 · 4956 阅读 · 1 评论 -
如何转载CSDN里的好博文？
前言 对于喜欢逛CSDN的人来说，看别人的博客确实能够对自己有不小的提高，有时候看到特别好的博客想转载下载，但是不能一个字一个字的敲了，这时候我们就想快速转载别人的博客，把别人的博客移到自己的空间里面，当然有人会说我们可以收藏博客啊，就不需要转载，(⊙o⊙)… 也对。。转载 2017-01-26 08:25:29 · 2219 阅读 · 4 评论 -
github上值得关注的前端项目
frontend-dev-bookmarks 一个巨大的前端开发资源清单。star:15000front-end-collect 分享自己长期关注的前端开发相关的优秀网站、博客、以及活跃开发者。star:860Front-end-Interview-questions 史上最全前端开发面试问题及答案f2e-hub 包含Animation，UI，dialog，Carousels，color，image转载 2017-01-26 08:30:22 · 4872 阅读 · 0 评论 -
1. web前端开发分享-css,js入门篇
1. web前端开发分享-css,js入门篇 关注前端这么多年，没有大的成就，就入门期间积累了不少技巧与心得，跟大家分享一下，不一定都适合每个人，毕竟人与人的教育背景与成长环境心理活动都有差别，但就别人的心得再结合自己的特点，然后探索适合自己的学习之路是比较好的。学习没有捷径，但学习是有技巧与方法。 一，css入门篇转载 2017-01-26 10:57:47 · 910 阅读 · 0 评论 -
sublime text 3的一些快捷键
Sublime 作为新手的我来说，真的是一个体积小功能多的代码编辑器，但是不能只会粘贴复制，写代码毕竟不是写word，因为在代码很多的情况下，无论是修改还是优化都有很大的难度，所以需要利用好编辑器中的快捷键和插件，挑着来用，效果显著，而且高大上有没有？下面是我收集的一些快捷键使用方法。选择类Ctrl+D 选中光标所占的文本，继续操作则会选中下一个相同的文本。Alt+原创 2017-01-26 18:15:31 · 828 阅读 · 0 评论 -
Javascript异步编程的4种方法
Javascript异步编程的4种方法作者： 阮一峰 日期： 2012年12月21日 所谓”单线程”，就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务，以此类推。这种模式的好处是实现起来比较简单，执行环境相对单纯；坏处是只要有一个任务耗时很长，后面的任务都必须排队等着，会拖延整个程序的执行。常见的浏览器无响应（假死），往往就是因为某一段Javasc转载 2017-01-27 09:47:00 · 252 阅读 · 0 评论 -
博主github项目分享
https://github.com/garvisjack仅供各位学习web开发的朋友参考借鉴。原创 2017-04-08 22:10:44 · 375 阅读 · 2 评论 -
浏览器兼容与前端性能优化集合
一、浏览器兼容1.1、概要世界上没有任何一个浏览器是一样的，同样的代码在不一样的浏览器上运行就存在兼容性问题。不同浏览器其内核亦不尽相同，相同内核的版本不同，相同版本的内核浏览器品牌不一样，各种运行平台还存在差异、屏幕分辨率不一样，大小不一样，比例不一样。兼容性主要考虑三方面：1)、CSS兼容2)、JavaScript兼容3)、HTML兼容这三类也是前端的主要组成部分，都存在一定的兼容性问题转载 2017-04-09 23:34:32 · 6091 阅读 · 1 评论 -
移动web前端开发总结
工作笔记：移动web页面前端开发总结 移动web在当今的发展速度是一日千里，作为移动领域的门外汉，在这段时间的接触后，发现前端开发这一块做一个小小的总结。 1.四大浏览器内核 1.Trident (IE浏览器) :因为在早期IE占有大量的市场份额，所以以前有很多网页是根据这个Trident的标准来编写的，但是实际上这个内核对真正的网页标准支持不是很好，同转载 2017-04-28 08:40:03 · 1035 阅读 · 0 评论 -
web前端浏览器的兼容性处理
目录(?)[+]HTML对象获取问题const问题eventx与eventy问题windowlocationhref问题frame问题模态和非模态窗口问题firefox与IE的父元素parentElement的区别documentformNameitemitemName问题集合类对象问题自定义属性问题inputtype属性问题eventsrcElement问题body载入问题事件委托方法Table转载 2017-02-09 19:19:34 · 770 阅读 · 0 评论