![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
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 · 1052 阅读 · 0 评论 -
基础 JavaScript 装逼指南
文章目录SummaryBooleanNumberIIFEClosureEventparseIntHex«BTWOthers导语:以下JavaScript代码仅为探讨交流,在实际情况中建议合理酌情使用,有些能给你的代码带来加分项,有些则是扣分,祝你装逼成功!Summary本文秉承着你看不懂是你sb,我写的代码就要牛逼的理念来介绍一些js的装逼技巧。下面的技巧,后三个,请谨慎用于团队项目中(主要考虑到可转载 2017-05-02 11:35:27 · 864 阅读 · 0 评论 -
移动端响应适设计
-最近在学习移动端的响应适布局,收集些系统的干货在博客备用。响应式布局就是响应式设计方案呈现的效果。具体就是页面的布局会根据不同设备的显示面积(主要是宽度)的不同而呈现不同的布局,这个效果是比弹性的布局更好的地方是样式会主动地根据用户的设备的显示面积呈现的布局更灵活,可读性更强。当然对研发的要求也更高(比如说如何更好地让图片,适配,UI动画自适应各种布局)。响应式设计一般来说是一套设计方案解决所有的原创 2017-04-21 06:01:12 · 597 阅读 · 0 评论 -
npm(包管理器)安装vue
最近工作前端开发上,准备学习vue.js 该框架可以直接script引用加载,也可以通过npm包管理器安装。 在用 Vue.js 构建大型应用时推荐使用 NPM 安装, NPM 能很好地和诸如 Webpack 或 Browserify 模块打包器配合使用。 Vue.js 也提供配套工具来开发单文件组件。详细的安装流程和中文文档: https://vuefe.cn/v2/guide/install原创 2017-05-23 09:49:21 · 2148 阅读 · 0 评论 -
LayDate 时间选择插件的使用介绍
使用实例:[html] view plain copy print?<span style=“font-size:18px;”><!doctype html> <html> <head> <meta charset=“utf-8”> <title>layDate 调用实例</title> <script src=“laydate/laydate.js”></script> <style转载 2017-05-12 11:37:48 · 2706 阅读 · 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 · 13639 阅读 · 1 评论 -
Sea.js入门教程
下载与安装要在项目中使用SeaJS,你所有需要做的准备工作就是下载sea.js然后放到你项目的某个位置。 SeaJS项目目前托管在GitHub上,主页为 https://github.com/seajs/seajs/ 。可以到其Git库的build目录下下载sea.js(已压缩)或sea-debug.js(未压缩)。 下载完成后放到项目的相应位置,然后在页面中通过<script>标签引入,你就可转载 2017-04-27 15:20:38 · 1237 阅读 · 0 评论 -
由浅入深-谈如何面试Javascript工程师
以小见大、由浅入深-谈如何面试Javascript工程师 转自:蒋宇捷的专栏 转载原因:不仅仅是面经,更加了解了需要学习的还有很多。面试JavaScript工程师难吗?javascript工程师的水平参差不齐,如何评定他们技术水平的高低?如何确定Javascript工程师适合承担哪方面的任务?我在腾讯时的面试经验是,通过不同纬度的结构化转载 2017-07-04 10:41:59 · 789 阅读 · 0 评论 -
前端面试题整理汇总100题
1.一些开放性题目1.自我介绍:除了基本个人信息以外,面试官更想听的是你与众不同的地方和你的优势。2.项目介绍3.如何看待前端开发?4.平时是如何学习前端开发的?5.未来三到五年的规划是怎样的?position的值, relative和absolute分别是相对于谁进行定位的?absolute :生成绝对定位的元素, 相对于最近一级的 定位不是 static转载 2018-02-04 10:38:37 · 25972 阅读 · 4 评论 -
数组和JSON不同的遍历方法总结
项目中对于数组和JSON数组不同的遍历方法总结 最近也在开发小程序,各种爬坑<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> &a原创 2018-03-07 16:28:17 · 738 阅读 · 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 · 951 阅读 · 0 评论 -
JS<script> 一定要放在 Body 的最底部吗
文章目录一、从一个面试题说起“页面渲染出来了” 指的是什么?陷阱二、浏览器的渲染机制几个概念浏览器的渲染过程看 Timeline,一目了然三、问题的答案四、总结、再进一步说明:本文提到的浏览器均是指Chrome。“script标签“指的都是普通的不带其他属性的外联javascript。web性能优化的手段并不是非黑即白的,有些手段过头了反而降低性能,所以在讨论条件和结论的时候,虽然很多条件本身会带来转载 2017-05-02 10:17:32 · 8686 阅读 · 0 评论 -
viewport实现响应式设计
1. 不使用viewport出现的问题提到响应式设计,大家首先想到的可能是 Bootstrap , @media 。前者是一个响应式UI库,风格比较扁平化,类似的还有雅虎的Pure。@media是CSS3的属性,利用它可以在不依赖其他库的情况下实现响应式设计。如果你使用过媒体查询,应该熟悉下面的代码: 可查看github下载实例代码 @media screen and (min-转载 2017-04-18 14:20:31 · 1133 阅读 · 0 评论 -
浏览器兼容与前端性能优化集合
一、浏览器兼容1.1、概要世界上没有任何一个浏览器是一样的,同样的代码在不一样的浏览器上运行就存在兼容性问题。不同浏览器其内核亦不尽相同,相同内核的版本不同,相同版本的内核浏览器品牌不一样,各种运行平台还存在差异、屏幕分辨率不一样,大小不一样,比例不一样。兼容性主要考虑三方面:1)、CSS兼容2)、JavaScript兼容3)、HTML兼容这三类也是前端的主要组成部分,都存在一定的兼容性问题转载 2017-04-09 23:34:32 · 5972 阅读 · 1 评论 -
webstorm快捷键收集
常用快捷键—Webstorm入门指南提高代码编写效率,离不开快捷键的使用,Webstorm拥有丰富的代码快速编辑功能,你可以自由配置功能快捷键。快捷键配置点击“File”-> “settings”Webstorm预置了其他编辑器的快捷键配置,可以点击默认配置-Eclipse的常用快捷键对照表查找/代替Webstorm快捷键Eclipse快捷键说明ctrl+shift+Nctrl+转载 2017-02-11 18:14:16 · 362 阅读 · 0 评论 -
Javascript模块化编程(一):模块的写法
作者: 阮一峰日期: 2012年10月26日随着网站逐渐变成”互联网应用程序“,嵌入网页的JavaScript代码越来越庞大,越来越复杂。网页越来越像桌面程序,需要一个团队分工协作、进度管理、单元测试等等……开发者不得不使用软件工程的方法,管理网页的业务逻辑。Javascript模块化编程,已经成为一个迫切的需求。理想情况下,开发者只需要实现核心的业务逻辑,其他都可以加载别人已经写好的模块。但是,转载 2017-01-26 19:08:52 · 232 阅读 · 0 评论 -
Javascript异步编程的4种方法
Javascript异步编程的4种方法作者: 阮一峰 日期: 2012年12月21日 所谓”单线程”,就是指一次只能完成一件任务。如果有多个任务,就必须排队,前面一个任务完成,再执行后面一个任务,以此类推。这种模式的好处是实现起来比较简单,执行环境相对单纯;坏处是只要有一个任务耗时很长,后面的任务都必须排队等着,会拖延整个程序的执行。常见的浏览器无响应(假死),往往就是因为某一段Javasc转载 2017-01-27 09:47:00 · 234 阅读 · 0 评论 -
js实现排序算法(冒泡、选择、插入、二分插入、快速、希尔)
插入排序插入排序的基本操作是将一个记录插入到已经排好序的有序表中,从而得到一个新的、记录数增1的有序表 排序过程大概如下: 从第一个元素开始,该元素可以认为已经被排序; 取出下一个元素,在已经排序的元素序列中从后向前扫描; 如果该元素(已排序)大于新元素,将该元素移到下一位置; 重复步骤3,直到找到已排序的元素小于或者等于新元素的位置; 将新元素插入到该位转载 2017-02-14 20:16:52 · 436 阅读 · 0 评论 -
javascript实现-右下角广告框效果
**以下是用原生js实现的简单网页主页右下角的广告框效果; 利用好绝对定位,点击X关闭广告,里面的内容不管动图或者视频都可以。 代码最简洁,js行为优化版,复制粘贴即可使用。 ** <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>右下角广告框效果</title></head><st原创 2017-01-29 20:42:51 · 1356 阅读 · 0 评论 -
javascript实现-简易计算器
前言hello,大家好,学习一段时间了,学习了框架和后台的内容,为了防止前端的js和jq的熟练度不够,忘记很多算法和基础用法,会陆陆续续更新一些小的功能效果code,用于记录和积累,不足之处很多,封装性和代码冗余暂且不严格要求,尽力完善,保持更新..原创 2017-01-27 10:15:28 · 903 阅读 · 0 评论 -
javascript实现-最简单选项卡切换
以下是用原生js实现的最简单选项卡切换效果。鼠标滑过,对应的隐藏部分显示,并且样式发生改变。代码最简洁,js行为优化版,复制粘贴即可使用。** <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>javascript-实现最简易选项卡</title><style> body,ul,li{margi原创 2017-01-30 15:10:58 · 1158 阅读 · 0 评论 -
javasctipt实现-复选框全选/反选的实现
以下是用原生js实现的复选框全选/反选的实现 选中checkbox的时候,实现全选的效果,并且样式发生改变。 代码最简洁,js行为优化版,复制粘贴即可使用。 ** <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>复选框全选/反选效果实现</title> <style>原创 2017-01-30 21:25:32 · 1821 阅读 · 0 评论 -
javascript实现-冒泡排序算法
//以下代码是自己用冒泡算法结合dom操作实现的排序操作。 熟悉js功能的朋友可以直接用sort()内置函数实现数组的排序,此方法是自己写的冒泡排序,有助于理解算法的思想.代码可直接复制使用,已经优化精简//<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>冒泡排序</titl原创 2017-01-31 13:17:58 · 1646 阅读 · 1 评论 -
javascript实现-表单正则应用
以下是之前练习正则表达式时候做的js表单测试. input里的value用.test()比较以后,处理正则和需求,反馈,代码欠优化,但功能完善,仅供参考学习html部分原创 2017-02-03 22:17:54 · 419 阅读 · 0 评论 -
javascript基础概念
> 转载自:http://www.cnblogs.com/weblm/p/5698884.html#_label0 阅读目录javascript学习笔记回到目录javascript学习笔记简介javascript是什么?JavaScript是一种运行在浏览器中的解释型、面向对象、事件驱动式的编程语言。javascript能干什么?交互式操作;表单验证;网页特效;Web转载 2017-02-16 11:46:20 · 375 阅读 · 0 评论