有幸培养了几位实习生，现在就根据自己的经验，从前端导师的角度，总结一下给实习生的几点建议。1、实习生的特点首先了解并分析实习生这个群体的特点，然后再针对性的做出对应的措施。1.1、优点干劲足：年轻力盛；好奇心旺盛：有很多新鲜东西等待自己学习；时间充裕：一般没有成家生娃，回家也没事干，所以有很多空闲时...

做前端有几年了，有幸做了几位实习生的导师，下面从前端导师的角度记录了一下培养实习生的注意事项。没有过多废话，喜欢的话，可以点赞收藏，谢谢！1、新人特点首先对新人的特点进行分析，然后对症下药。不熟悉规章制度、工作流程、技术环境等没经验技术实现、沟通协作、项目把控等2、熟悉环境2.1、熟悉现实环境熟悉公司...

同源策略（Same-origin policy）是一种在web应用中重要的安全策略，用于限制一个源（origin）的文档或者它加载的脚本如何与来自另一个源的资源进行交互。这里的“源”由协议、域名和端口组成，只要这三者不完全相同，就算是不同源。

当前公司的组件库设计的时候，对于同一组件的颜色设置基本有三种：正常色、较深色（常用于hover效果）、较浅色（常用于边框），所以第一步是可以根据正常色，获取深浅色。

在使用Socket.io进行前端跨域通信时，可以通过设置Socket.io的cors选项来允许跨域请求。以下是一个简单的例子，展示了如何在Node.js的服务器代码中配置Socket.io以允许跨域连接：

在 Vue.js 中，$slots 和 $scopedSlots 是组件实例上用于访问插槽内容的两个属性，但它们各自有不同的用途和表现方式，特别是在处理作用域插槽（scoped slots）时。

每次代码 review 之后，对 review 的情况进行总结记录，产出实际经验，方便组内学习、分享。1、提取公共内容公共内容要提取，避免重复编写；2、css 色值使用变量css 中的色值、字体，都换成组件库中的变量、class；3、v-if、v-show要用对时机如果就是不加载对应组件可以用 v-if，否则，尽量用 v-show。比如多tab切换的时...

这是代码 Review 的初衷，也是代码 Review 最直接的价值。Reviewers 根据各自的经验，思考方式，看问题的角度给代码提出各种可能的改进意见，从而形成更好的代码以及产品质量。

一、多项目并行时的工作特点需要处理的事务较杂；需要处理的工作量较大；二、带来的问题容易被打断，导致精力不集中，效率低；任务切换成本较大，重新进入心流，需要浪费很多时间；造成项目进度出现问题；造成项目质量出现问题；身体、精神压力大，容易焦虑； 三、解决方案3.1、避免进入这种情况：3.1.1、 接活之前1、直...

期望将 ip:port//oldPrefix/pages?a=1 重定向到 ip:port//targetPrefix/pages?a=1nginx 配置 {代码...}

前段时间公司有个需求，需要在一个图表中展示两条折线，并且绘制出两条线的交点。为了满足需求大哥的需求，我也是着实想了有一会。下面我就把具体的实现过程给大家展示一下。

看不到但摸得到的捣蛋鬼---Zero Width Space 1.情况如何？ 昨天，“某某某”的代码出现了一个bug。大概是这个情况：有一个提示信息，需要展示，大概这样： 这行文字，在谷歌上一点问题都没有，但是在ie上出现了奇怪的框框。比如这样： ie浏览器真的是代码检查器啊，稍微一个不注意，就搞事情～～～ 2.so why？ 经过我的多...

在理解this的绑定过程之前，首先要理解调用位置：调用位置就是函数在代码中被调用的位置（而不是声明的位置）。只有分析好调用位置，才能明白这个this到底引用的是什么？寻找调用位置，最重要的是分析调用栈（就是为了到达当前执行位置所调用的所有函数）。调用位置就在当前正在执行的前一个调用中。下面举例说明：

SYN(synchronous)： 发送/同步标志，用来建立连接，和下面的第二个标志位ACK搭配使用。连接开始时，SYN=1，ACK=0，代表连接开始但是未获得响应。当连接被响应的时候，标志位会发生变化，其中ACK会置为1，代表确认收到连接请求，此时的标志位变成了 SYN=1，ACK=1。

# 前端开发-浏览器兼容的坑 最近开始整理前端开发的浏览器兼容问题，初次发版内容少一点，后续会持续更新内容~ 一、JS 篇 1.new Date() ---safari浏览器需要特殊照顾 {代码...} 2.event 事件的兼容 关于event的兼容，在我写的这篇文章中有所提到，其中的方法可以直接使，JavaScript — event介绍以及兼容处理 3.获取光标...

浏览器发展到第四代时（IE4及 Netscape Communicator 4），浏览器开发团队遇到一个问题：页面的哪个部分会拥有某个特定的事件？可以想象在一张纸上的一组同心圆，如果把手指放在圆心上，那么你的手指指向的不是一个圆，而是纸上的所有圆。即在点击一个按钮时，不仅点击了按钮，也点击了整个页面。

1.打包成功后，发布到蒲公英上，显示“未签名，只能越狱手机可以安装”。 出现这个问题，是因为打包的时候签名没有获取到。下面是配置签名的大概步骤。 打包的时候需要点击左上角选择这个设备： 然后选择 Product=》 Archive ，生成安装包 然后选择 Development 后面的一直点下一步就好了。但是上传到蒲公英上的时候，偶尔...

浮点数的精度问题是javaScript计算的一个障碍，因为有些小数以二进制表示的话位数是无穷的。比如1.1，在程序中无法真正的表示1.1，只能做到一定程度的准确，但是无法避免精度的丢失。

这两天做了一个移动端混合开发的项目，需要配置安卓的SDK，不过在这之前，需要先配置好Java环境（这个在这里就不写了）。下面开始配置步骤： 1.下载SDK，然后解压到某个目录下面。推荐两个下载网址： [链接] [链接]2.配置环境变量: {代码...} 3.打开 android-sdk-macosx 下的tools文件夹，在终端执行指令“./android sdk”...

域名访问相当于在ip访问的基础上，做了一个反向代理的中间功能。例如：百度，很多人会同时使用，如果使用的是同一台服务器的话，服务器估计会扛不住，如果访问的是域名，中间的反向代理，可以将用户反向代理到不同的服务器上，减轻服务器压力。

设想一个实际场景：在一个页面为了展示，我们放置了很多独立的小图片，浏览器在显示页面的时候，就需要向服务器就会发送很多请求，来获取并加载这些小图片，但是这样的话，就会导致请求数量太多，造成资源浪费，以及访问速度变慢。

平时在写js的时候，偶尔会需要用js来获取当前div到 body 左侧、顶部的距离。网上查一查，有很多都是通过offsetTop、offsetLeft来计算出来的。我按照网上的查到的资料用了一次，算出来了一堆错误答案。

在前端页面的开发过程中，经常会碰到这么几个 CSS 属性容易搞混：transform、translate、animation还有transition。下面就针对这几个 CSS 属性做一个对比，辨别这几个属性的区别以及了解他们的使用场景。

其中时针和分针使用的是图片，结合transform制作；表盘刻度是通过transform和transformOrigin配合画的；外面的弧形框框，啊哈哈，也是用的图片。具体的看里面的注释就好了，感觉写的还算清楚，啊哈哈~

最近写了一个基于vue的仪表盘，其中 主要是和 transform 相关的 css 用的比较多。给大家分享一下，喜欢的话点个赞呗？嘿嘿 截图如下： 实际效果查看地址：[链接] github：[链接]。 {代码...} 最近在搞一个和前端程序员相关的公号，除了技术分享之外，也增加了对于职业发展、生活记录之类的文章，欢迎大家关注，一起聊天...

前两天在给一个项目做东西的时候，碰到一个有意思的项目，是需要兼容ie6，有一些碰到并且解决的问题，给大家写下来，方便大家以后碰到类似的问题哈～

在处理高频事件，类似于window的resize或者scorll，或者input输入校验等操作时。如果直接执行事件处理器，会增大浏览器的负担，严重的直接卡死，用户体验非常不好。