前端

这两天遇到一个问题就是在首页点登录的时候用iframe框架弹出登录界面，输入用户密码点登录的时候发现不能关掉这个弹出界面(取消也不行)，使用很多方法都不行，最后求助百度，终于让我找到了同源策略---跨域。下面稍微讲一下： 同源策略指的是：端口、协议、域名相同 同源策略是什么 同源策略是浏览器的一个安全功能，不同源的客户端脚本在没有明确授权的情况下，不能读写对方资源。所以baidu.com下的js脚本采用ajax读取sogou.com里面的文件数据是会被拒绝的。 同源策略限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的重要安全机制。 另外，同源策略又分为以下两种： DOM 同源策略：禁止对不同源页面 DOM 进行操作。这里主要场景是 iframe 跨域的情况，不同域名的 iframe 是限制互相访问的。 XMLHttpRequest 同源策略：禁止使用 XHR 对象向不同源的服务器地址发起 HTTP 请求。 怎么解决我的这个问题 简单介绍一下情况，在A.html页面有一个iframe框架引用了B.html页面，我们现在呢需要点击B.html里面的按钮来关闭iframe或者登录后关闭；这里很多人会讲我引用同一个js，用里面的函数不行吗？这里我也试过，不知道是我没弄好还是怎么了，效果就是达不到，所以找到了同源策略来解决它。话不多说先上代码：

「前端，有发展“钱”途」 前端发展随着互联网大时代如火如荼的进行着，Web前端技术依靠其自身在页面交互效果上强大的功能属性受到了众多企业的青睐。这不仅是在北上广，很多一二线城市都是如此。 无论是你使用的智能手机，还是iPad，还是pc电脑等等，前台的页面样式都需要前端开发工程师来编写实现，也因此市场上的移动应用Web前端岗位空缺有增无减，专业的Web前端工程师供不应求，前景广阔。 所以学好前端，是有前景可图的。 姑且不论BAT大厂校招时十几K的月薪，在广州普通的互联网公司前端程序员月薪七八千也是正常的。 因此大家其实并不太需要担心web前端开发的就业前景和工资待遇，需要在意的是自身水平够不够格。 「找工作，得有本事」 首先如果你不是小白，你是正准备找工作的应届生，那么你需要一个自我评估。 打开当前众人皆知的招聘网站进行职位查询，根据自身情况设置塞选。然后点进你想去的岗位，看看任职要求。 就比如：（资料来源于boss直聘） 1.设置塞选 ———————————————— 条条款款，一看便知。 少什么差什么，就去补什么学什么。 你完全可以通过类如CSDN,GitHub等开源知识分享圣地，多去取经。 你也可以通过购买进阶类书籍为自己的专业知识充电等等。 并且一定要勤于动手，学到的知识点要运用到实处。 编程学习都是这样的过程，代码量还是要有的，而且在过程中也会出现一些预知外的错误

某厂面试归来，发现自己落伍了！>>> 在网络编程中经常用到线程池和连接池，今天就对其中常用的线程池的基本应用场景和模型做个简单的对比分析。 1、 业务流程对比 a、 非线程池业务流模型： 上图标识了基本的非线程池的线程模型，前端 1 有多少连接则前端客户端 2 与前端服务器端 3 均需建立一对一的线程数进行响应的连接。前端服务器端 3 与后端服务器端 4 也需建立响应数目的线程进行连接处理相关业务。 当一个任务处理完毕后线程退出，在下一个任务到来的时候前端服务器端创建新的线程来处理新的任务。 b 、线程池模型： 上图标识了基本的线程池模型。前端客户端大量的连接通过服务端的任务接收线程将连接任务放入前端服务器端的任务队列中，前端服务器端起固定数量的处理线程处理前端的任务，当处理线程处理完任务后从任务队列中获取下一个处理任务。保证了前端服务器端和后端服务器端的连接数不会超过前端服务器端的处理任务线程数 n ，从而保证了后端服务器端的压力。 当处理线程处理完一个任务而任务队列中没有任务的时候线程并不退出，阻塞等待新的任务。 通过上图可以看出，当前端服务器端通过设置合理的处理线程数和任务队列大小，可以有效的屏蔽前端客户端高并发量对后端服务器端的冲击。 2、 应用场景分析对比 a、 非线程池模型 适用于单次连接任务执行时间较长，并发量不高的情况。一旦并发量很高则线程频繁创建的开销是巨大的。

　本人敲了3年的代码，途中去学校教书了教了一年的计算机基础，但是最终还是选择的程序员这条路。一年不见代码，还是对代码生疏了许多。开个微博园，分享一下一些心得与代码知识，一则为了巩固我新学的知识，一则为了方便我写笔记。主要是为了我自己，其次是分享交流。 　　本主题是说怎么成为一个web前端开发工程师，怎么成为一名优秀web开发人员我也没有资格去说，等到了大神级别再讨论吧。 　　对于刚开始学的人来说，web 就是 HTML+CSS+JavaScript 其实我们是可以这样理解的。web工程师负责或参与Web产品的页面开发，包含PC端、移动APP内嵌移动端、微信小程序、webapp等移动端页面的开发。 　　HTML 定义网页的内容 。HTML是超文本标记语言（包括文字、图形、动画、声音、表格、链接等）可以把我们想要放的内容都放在页面中展示出来。最新的版本为HTML5 　　 CSS 规定网页的布局。 HTML虽然可以展示所有的内容，但是他们的排列和布局并不是我们想要的，想要美化页面，就必须加上css。如果有了CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化，拥有对网页对象和模型样式编辑的能力。css相当于我们可以对HTML的标签进行修饰美化,我们需要的是掌握HTML的标签运用、排版技巧、CSS的布局定位、款式美化、浏览器兼容性。最新的版本为css3。 　

现代的，开放源代码的文本编辑器： Brackets 来源： https://www.cnblogs.com/pangchunyu/p/12501705.html

这个作业属于哪个课程 < 2020 春 W 班 (福州大学) > 这个作业要求在哪里 < 作业要求 > 这个作业的目标 组建6-8人团队，定一个学期选题并做出PPT，争取进入种子队伍 作业正文 < 作业正文 > 其他参考文献 <《构建之法》> part.01 团队名 给出队名（最好能够体现项目内容，要求有亮点与个性） 旗山的骄傲 part.02 项目名称 拟作的团队项目描述：一句话（中英文不限） 校园芥子空间 ———— 集任务发布、物品租赁、失物招领及其他附加功能的校园综合平台 part.03 队员风采 队员风采：介绍每一名队员 陈浩男 221701412（221701412_theTuring） 学号：221701412 姓名：陈浩男 博客园地址： https://www.cnblogs.com/theTuring 性格：莽，非常自信（自负？？？），有责任心 擅长的技术：暂无 兴趣爱好：健身、打代码、moba 希望的软工角色：后端 slogan：秀到想自闭 队内定位：后端核心，前端写的一般但是非常喜欢对前端队友指手画脚，快用你那超级无敌的后端框架想想办法！我不敲代码了！jojo！ 黎家泽 221701414（aaHorse） 学号：221701414 姓名：黎家泽 博客园地址： https://www.cnblogs.com/aahorse 性格：脚踏实地，认真做事 擅长的技术

背景 前几天在开发过程中遇到一个需求，前端需要动态渲染一个菜单，这个菜单是一个树状结构，就是每个菜单中可能有多个子菜单，子菜单中又有子菜单，同时呢，每个菜单都可以单独绑定一个页面。为了加速前端加载页面和渲染速度，后端一次性将整个菜单和页面信息用树形结构返回给前端，结构大概如下（主菜单不算在后端返回的数据中，只是前端的一个入口，黄色虚线框中的数据才是真正需要的）： 转化为树结构： 后端将如上数据结构返回给了前端，前端需要将其加载为树型结构。 同时另一个需求是点击某个菜单，如果有页面那么就直接展示其对应的第一个也没，如果没有需要继续找子菜单的第一个页面，都没有那就不显示页面。 按照上图所展示的数据，那么，如果点击 主菜单 ，那么需要战士 页面1-1-1-P1 ，也就是红色展示的部分；如果点击 菜单2 那么需要展示 页面2-P1 ，也就是绿色展示的部分。 实现 需求有了，数据也有了，那么我们考虑实现方式。 首先这个是树，如果加上主目录的话，算是1棵有多个节点的数；如果不算主目录那么算是多棵树。 不管是1棵树，还是多棵树的方式考虑，都是采用 广度优先遍历 的，这里呢我们按照多棵树遍历的方式使用js实现了一下： function getFirstPage(list) { for (const item of list) { if (item.pages && item.pages

重复优化的思考 这段时间对项目做了一次整体的优化，全站有了20%左右的提升（本来载入速度已经1.2S左右了，优化度很低），算一算已经做了四轮的全站性能优化了，回顾几次的优化手段，基本上几个字就能说清楚： 传输层面：减少请求数，降低请求量执行层面：减少重绘&回流 传输层面的从来都是优化的核心点，而这个层面的优化要对浏览器有一个基本的认识，比如： ① 网页自上而下的解析渲染，边解析边渲染，页面内CSS文件会阻塞渲染，异步CSS文件会导致回流 ② 浏览器在document下载结束会检测静态资源，新开线程下载（有并发上限），在带宽限制的条件下，无序并发会导致主资源速度下降，从而影响首屏渲染 ③ 浏览器缓存可用时会使用缓存资源，这个时候可以避免请求体的传输，对性能有极大提高 衡量性能的重要指标为首屏载入速度（指页面可以看见，不一定可交互），影响首屏的最大因素为请求，所以请求是页面真正的杀手，一般来说我们会做这些优化： 减少请求数 ① 合并样式、脚本文件 ② 合并背景图片 ③ CSS3图标、Icon Font 降低请求量 ① 开启GZip ② 优化静态资源，jQuery->Zepto、阉割IScroll、去除冗余代码 ③ 图片无损压缩 ④ 图片延迟加载 ⑤ 减少Cookie携带 很多时候，我们也会采用类似“时间换空间、空间换时间”的做法，比如： ① 缓存为王，对更新较缓慢的资源&接口做缓存

「前端，有发展“钱”途」 前端发展随着互联网大时代如火如荼的进行着，Web前端技术依靠其自身在页面交互效果上强大的功能属性受到了众多企业的青睐。这不仅是在北上广，很多一二线城市都是如此。 无论是你使用的智能手机，还是iPad，还是pc电脑等等，前台的页面样式都需要前端开发工程师来编写实现，也因此市场上的移动应用Web前端岗位空缺有增无减，专业的Web前端工程师供不应求，前景广阔。 所以学好前端，是有前景可图的。 姑且不论BAT大厂校招时十几K的月薪，在广州普通的互联网公司前端程序员月薪七八千也是正常的。 因此大家其实并不太需要担心web前端开发的就业前景和工资待遇，需要在意的是自身水平够不够格。 「找工作，得有本事」 首先如果你不是小白，你是正准备找工作的应届生，那么你需要一个自我评估。 打开当前众人皆知的招聘网站进行职位查询，根据自身情况设置塞选。然后点进你想去的岗位，看看任职要求。 就比如：（资料来源于boss直聘） 1.设置塞选 条条款款，一看便知。 少什么差什么，就去补什么学什么。 你完全可以通过类如CSDN,GitHub等开源知识分享圣地，多去取经。 你也可以通过购买进阶类书籍为自己的专业知识充电等等。 并且一定要勤于动手，学到的知识点要运用到实处。 编程学习都是这样的过程，代码量还是要有的，而且在过程中也会出现一些预知外的错误，你也可以进行询问和学习

脚本之家IT类在线教程 http://shouce.jb51.net/ 脚本之家在线工具集 http://tools.jb51.net/ 脚本之家在线二维码生成器 http://tools.jb51.net/transcoding/jb51qrcode 脚本之家正则表达式使用 http://tools.jb51.net/regex/javascript 来源： oschina 链接： https://my.oschina.net/u/4161514/blog/3194776