爱是与世界平行

整理全网可视化大屏有关资料，学习大屏设计，大屏原型参考，大屏设计参考一、大屏设计资源大屏效果图片二、个人收藏的花瓣大屏图片三、一些优秀大屏参考案例3.1 大屏HTML3.2 DataGear大屏看板模板3.3 模板参考项目3.4 特种设备综合监管大屏3.5 Echarts电商平台数据可视化大屏3.6 AJ-Report-可视化拖拽图表工具3.7 Vue大屏数据可视化3.8 data_view_web3.8.1 数据可视化平台四、可视化资源及网站4.1 阿里空间大数据可视化AntV4.2 开源地图开发工具 M

原文地址：前端面试题之代码输出篇git地址：https://gitee.com/AiShiYuShiJiePingXing/lovebetterworld点击前往GIT前言：代码输出结果也是面试中常考的题目，一段代码中可能涉及到很多的知识点，这就考察到了应聘者的基础能力。在前端面试中，常考的代码输出问题主要涉及到以下知识点：异步编程、事件循环、this指向、作用域、变量提升、闭包、原型、继承等，这些知识点往往不是单独出现的，而是在同一段代码中包含多个知识点。所以，笔者将这些问题大致..

原文地址：前端面试题之手写代码篇git地址：https://gitee.com/AiShiYuShiJiePingXing/lovebetterworld点击前往GIT一、JavaScript 基础1. 手写 Object.create思路：将传入的对象作为原型function create(obj) { function F() {} F.prototype = obj return new F()}2. 手写 instanceof 方法instanc..

前端面试题之浏览器原理篇一、浏览器安全1. 什么是 XSS 攻击？（1）概念（2）攻击类型2. 如何防御 XSS 攻击？3. 什么是 CSRF 攻击？（1）概念（2）攻击类型4. 如何防御 CSRF 攻击？5. 什么是中间人攻击？如何防范中间人攻击？6. 有哪些可能引起前端安全的问题**?**7. 网络劫持有哪几种，如何防范？二、进程与线程1. 进程与线程的概念2. 进程和线程的区别3. 浏览器渲染进程的线程有哪些4. 进程之前的通信方式5. 僵尸进程和孤儿进程是什么？6. 死锁产生的原因？ 如果解决死锁

前端面试题之前端工程化篇一、Git1. git 和 svn 的区别2. 经常使用的 git 命令？3. git pull 和 git fetch 的区别4. git rebase 和 git merge 的区别二、Webpack1. **webpack**与**grunt**、**gulp**的不同？2. **webpack**、**rollup**、**parcel**优劣？3. 有哪些常⻅的**Loader**？4. 有哪些常⻅的**Plugin**？5. **bundle**，**chunk**，**

前端面试题之性能优化篇一、CDN1. CDN的概念2. CDN的作用3. CDN的原理4. CDN的使用场景二、懒加载1. 懒加载的概念2. 懒加载的特点3. 懒加载的实现原理4. 懒加载与预加载的区别三、回流与重绘1. 回流与重绘的概念及触发条件（1）回流（2）重绘2. 如何避免回流与重绘？3. 如何优化动画？4. documentFragment 是什么？用它跟直接操作 DOM 的区别是什么？四、节流与防抖1. 对节流与防抖的理解2. 实现节流函数和防抖函数五、图片优化1. 如何对项目中的图片进行优化？

前端面试题之Vue篇一、Vue 基础1. Vue的基本原理2. 双向数据绑定的原理3. 使用 Object.defineProperty() 来进行数据劫持有什么缺点？4. MVVM、MVC、MVP的区别5. Computed 和 Watch 的区别6. Computed 和 Methods 的区别7. slot是什么？有什么作用？原理是什么？8. 过滤器的作用，如何实现一个过滤器9. 如何保存页面的当前的状态优点缺点优点缺点优点缺点10. 常见的事件修饰符及其作用11. v-if、v-show、v-htm

前端面试题之JavaScript篇一、数据类型1. JavaScript有哪些数据类型，它们的区别？2. 数据类型检测的方式有哪些3. 判断数组的方式有哪些4. null和undefined区别5. typeof null 的结果是什么，为什么？6. intanceof 操作符的实现原理及实现7. 为什么0.1+0.2 ! == 0.3，如何让其相等8. 如何获取安全的 undefined 值？9. typeof NaN 的结果是什么？10. isNaN 和 Number.isNaN 函数的区别？11. =

前端面试题之CSS篇一、CSS基础1. CSS选择器及其优先级2. CSS中可继承与不可继承属性有哪些3. display的属性值及其作用4. display的block、inline和inline-block的区别5. 隐藏元素的方法有哪些6. link和@import的区别7. transition和animation的区别8. display:none与visibility:hidden的区别9. **伪元素和伪类的区别和作用？**10. 对requestAnimationframe的理解11. 对盒

前端面试题之HTML篇1. src和href的区别2. 对HTML语义化的理解3. DOCTYPE(⽂档类型) 的作⽤4. script标签中defer和async的区别5. 常⽤的meta标签有哪些6. HTML5有哪些更新1. 语义化标签2. 媒体标签3. 表单4. 进度条、度量器5.DOM查询操作6. Web存储7. 其他7. img的srcset属性的作⽤？8. 行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？9. 说一下 web worker10. HTML5的离线储存怎么使用，它的

程序员面试软技能一、如何通过HR⾯1. HR⾯的⽬的2. HR⾯的常⻅问题（1）你对未来3-5年的职业规划（2）如何看待加班(996)?（3）⾯对⼤量超过⾃⼰承受能⼒且时间有限的⼯作时你会怎么办?（4）你之前在上海为什么现在来北京发展?（5）为什么从上⼀家公司离职?（6）你还有其他公司的Offer吗?（7）如何与HR谈薪资?二、回答问题的技巧1. ⾃我介绍（1）为什么需要⾃我介绍（2）⾃我介绍的⼏个必备要素（3）⾃我介绍要重点匹配当前岗位的技术栈（4）要在⾃我介绍中做刻意引导（5）如何准备⾃我介绍2. 技术

前端面试准备一、面试准备1. 利用脑图来梳理知识点2. 程序员应该具备哪些软技能？3. 准备合适的技术型简历4. 收到面试邀请之后的准备二、面试过程：1. 面试过程中要注意社交礼仪2 面试中出现的常规问题3. 如何介绍自己的项目经历4. 项目细节和技术点的追问5. 没有做过大型项目怎么办6. 当被分配一个几乎不可能完成的任务时，会怎么做7. 提问环节三、HR面试：1. 谈薪资——准确定位和自我估值2. 跟 HR 沟通的技巧四、其他1. 总结和思考2. 面试注意点原文地址：前端面试准备git地址：htt

朋友之前某宝花费1000+给公司买了一个网站，历时1年不到，被商铺以一些不合理的理由关停，比如域名到期，然后我特意去查了一下此域名，当初是买了两年的，而且域名非特殊情况中途也是禁止交易的。又或者辛辛苦苦花钱买的网站，经常出现访问不了的情况，或者能访问，但是页面十分卡的情况。故今天教大家如何从零搭建个人或公司的网站。搭建网站的必备要素主要有三点：拥有一个自己的云服务器申请一个自己的独家域名网站一、购置云服务器首先我们先来了解一下什么是云服务器？百度百科对云服务器的定义：云服务器(Elas

前台console调试技巧一、console.log()二、console.warn()三、console.dir()四、console.table()五、console.assert()六、console.trace()七、console.count()八、console.time() & console.timeEnd()九、console.group() & console....

JavaScript常用工具方法1、日期格式化2、将日期字符串转换为Date，字符串格式为（yyyy-mm-dd hh:mm:ss）3、JS获取当天00:00:00时间和23:59:59的时间1、日期格式化/** * 日期格式化 * 格式：yyyy-MM-dd hh:mm:ss */Date.prototype.Format = function (fmt) { var o =...

浮动和定位是CSS两大布局方式。浮动布局比较灵活，但不容易控制。定位布局虽然缺乏灵活性，但是却可以让用户精准地定位页面中元素的位置。关于浮动布局的相关知识，在上一个博客中已经总结归纳，今天对定位布局进行学习归纳。

HTMl元素根据表现形式，常见的可以分为两类。（1）块元素（block） （2）行内元素（inline)。 当然，除了以上两种元素类型外，还有inline-block、table-cell等元素类型。对于这些元素的运用，就需要通过display来编码，对于display学习的掌握，可以将网页做得更加完善和美观。

以下内容学习总结自阮一峰的网络日志：Flex布局教程-语法篇阮一峰布局教程1. Flex布局概述Flex是Flexible Box的缩写，意为”弹性布局”，为盒状模型提供最大的灵活性。 任何一个容器都可以指定为Flex布局。.box{ display: flex;}行内元素也可以使用Flex布局。.box{ display: inline-flex;}注意，设为Flex布局以后，子

有一次看一个项目的时候，看到图片的格式为svg,作为萌新的我瞬间有点小懵，这可是之前从没有见到过的格式，于是就开始上某度进行学习，发现某博主的优秀文章，进行转载方便自己学习，感谢原博主的优秀文章。·svg介绍 SVG 是一种使用 XML 描述 2D 图形的语言。 SVG 基于 XML，这意味着 SVG DOM 中的每个元素都是可用的。您可以为某个元素附加 JavaScript 事件处理器。

最近在完成一个项目，采用SSM框架搭建完成，前端使用EasyUI搭建页面；其中涉及到一个查询显示功能；查询数据库中的数据，动态显示在页面之中，刚开始这部分十分有疑问，所以虚心向同学学习，现总结至博客当中，以待继续深入学习。首先，需要根据EasyUI搭建一个前端页面；代码实现：<body><div id="p" class="easyui-pa...

使用EasyUI框架时，需要导入3个包在项目js文件夹之中。 在项目之中，每次需先引入相关文件：<!--引入jquery--> <script src="../js/jquery.min.js" charset="utf-8"></script> <!--引入easyui--> <script src=

效果图：CSS 及 Html:css:#bottom-img{position: absolute; bottom: 15px; right: 20px; z-index: 20;}html:<div id="bottom-img"></div>JS：控制图例的显示与隐藏，并根据不同的图片url显示不同的图例//控制图例的显示与隐藏 var b...

Java，面试题，简历，Linux，大数据，常用开发工具类，API文档，电子书，各种思维导图资源，百度网盘资源应有尽有一、面试题、简历资源二、各类思维导图三、大数据学习四、Linux五、各类常用开发工具类六、百度网盘各类资源，包含java开发，项目实战，MYSQL，框架学习，大数据，Linux等等，应有尽有百度网盘面试题资源MySQL数据库程序员的道路，是一个不断不断不断学习的道路，各类资源，在...

规范化的CSS不仅利于团队合作，而且对后期的维护以及代码的重用，都是十分至关重要的，所以，学习总结CSS规范的相关知识。