如果按照以前的方式我们会将组件存到一个公共目录，然后在入口文件引入注册，在全局就可以引用，然后在相应的页面进行各种逻辑使其显示或隐藏，但是这种方式对于此类组件来说不太灵活，因此我们通过方法调用的方式传入相关参数动态创建组件，不过这种方式唯一的缺点就是实现较为麻烦。
身份证号 正则表达式 // 正则表达式 身份证号18位 // 1-8{2} 身份证前两位代表省直辖市自治区 没有0和9 var isIdentityNum = /^[1-8]{2}[0-9]{4}[0-9]{4}((0[1-9]{1})|(1[0-2]{1}))((0[1-9]{1})|(1[0-9]{1})|(2[0-9]{1})|(3[0-1]{1}))[0-9]{3}[0-9xX]{1}$/; JavaScript代码 <!DOCTYPE html> <html> <head> <meta
前阵子做项目时偶然发现自己本地的某个index.js文件无法加入版本库，sourceTree里面一直看不到文件(且项目下面的gitignore文件并没有记录此文件)，尝试执行 git add file_name 去手动添加文件。
事件流描述的是从页面中接收事件的顺序。IE的事件流失事件冒泡，而Netspace的事件流失事件捕获。 事件冒泡 IE的事件流叫事件冒泡，即事件开始时，由具体的元素（文档中嵌套层次最深的节点）接收，然后向上传播到不具体的节点。 1 <html onclick="console.log('html')"> 2 <head> 3 <meta charset="UTF-8"> 4 <title></title> 5 </head> 6 <body o
摘要总结：本文介绍了两个动画示例，第一个示例通过vue.js实现了一个简单的弹出层效果，第二个示例使用vue.js实现了标签页切换的效果。通过这些示例展示了vue.js在动画方面的强大能力，同时也提供了两种实现方式供读者参考。
web前端 —— 移动端知识的一些总结 个人在移动端的一些总结归纳，有新的知识点会一直更新 一.css部分 1.meta标签 <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/> 移动端加上这个标签才是真正的自适应，不加的话，假如你把一个980px宽度(手机端常规是980)的PC网页 放在手机上显示，倒也能正常显示不出现滚动条，不过是移动设备对页面 做了缩小优化，所以字体等都相应
有人问我：有些页面在刚进入的时候，会有loading效果，过一会儿后，loading效果消失，页面展示出来。这个效果如何实现呢？
如上示例中定义的单击事件方法tap中,如果不传递参数,即使用默认参数的情况,系统会自动传递如下对象当成方法的参数
2022 年 3 月 21 日，东方航空公司一架航班号为 MU5735 的波音 737-800 客机在执行昆明-广州航班任务时，于广西梧州上空失联坠毁，2 分钟内急降超过 8000 米。
拖放是很常见的一种交互效果，很多时候我们都会借助于第三方的控件来实现，其实用原生js实现起来也非常的方便。接下来我们就用原生js和css快速实现这样的拖放效果：
事故信息已众所周知。3月10日，埃塞俄比亚航空公司的波音客机，在起飞6分钟后坠毁，机上149名乘客、8名机组成员，全部遇难。其中还包括8名中国公民。
3月10日上午，一架从埃塞俄比亚首都亚的斯亚贝巴前往肯尼亚内罗毕的埃航波音737 MAX 8客机坠毁，机上载有149名乘客和8名机组人员，157人全部遇难。
本文首发于前端面试总结@知乎专栏，各位可以通过点击文章下方的阅读原来来访问原文地址 问题一览 mouseover和mouseenter两个事件有什么区别？ 移动端的click事件行为与PC端有什么不
2018年10月29日，一架载有189名乘客和机组人员的印尼狮航波音737 MAX 8客机，在起飞13分钟后失联，随后被确认在西爪哇附近海域坠毁，机上人员全部遇难。截止到目前，事故调查工作仍在进行。
大数据时代如何活用数据可视化、大数据与众包、群体智慧、贝叶斯方法等为失联搜救出谋献策？请看下文。 引子 “MH370”作为航班代码，是近日震惊世界的马来西亚航空公司客机失去联络事件（后简称“马航事件”）留给公众最深刻的数字印象。时至今日，有关马航事件的调查和搜救工作仍在继续。 在历史上的多次飞机船只等交通工具出现失联情况的突发事件中，数据的收集、分析以及信息的及时发布都在搜寻中起到过关键的作用。比如在2009年，法国航空公司曾有一架民航客机失去联络和踪迹。当时，有不少基于数据
导读：2018年10月29日，一架载有189名乘客和机组人员的印尼狮航波音737 MAX 8客机，在起飞13分钟后失联，随后被确认在西爪哇附近海域坠毁，机上人员全部遇难。截止到目前，事故调查工作仍在进行。
所有的页面都会引用一个公共js代码库base.js，在这个代码库里为document绑定了按键事件，现在需要为某个特殊的custom.html页面定制事件handler。
令人震惊的数据丢失事件就这样发生了，一位来自 BOSS 直聘的 AI 研发工程师无意卷入到此次的风波中，他和 Milvus 社区的伙伴经过层层排查、抽丝剥茧，成功找出了问题所在——GC。
Selenium（思维导图） 目录 1、浏览器基本操作 2、元素查找方法 3、鼠标和键盘事件 4、窗口/iframe切换 5、select下拉框 6、弹框 7、JS处理（滚动条等） 8、框架 9、selenium常见异常 10、断言 11、cookie处理 12、显示等待 13、JS原生查找元素方法 14、思路集合 15、文件上传/下载 16、元素信息 1、浏览器基本操作 2、元素查找方法 find_element_by_css_selector() find_element_by_xpath()
一、事件触发顺序 PC网页上的大部分操作都是用鼠标的，即响应的是鼠标事件，包括mousedown、mouseup、mousemove和click事件。一次点击行为，可被拆解成：mousedown -> mouseup -> click 三步。 手机上没有鼠标，所以就用触摸事件去实现类似的功能。touch事件包含touchstart、touchmove、touchend，注意手机上并没有tap事件。手指触发触摸事件的过程为：touchstart -> touchmove -> touchend。 手机
首先说明下...闭包是js高级特性之一...但并非js独有...perl, python, php(5.3以上版本) 都是支持闭包的..
目录 1、浏览器基本操作 2、元素查找方法 3、鼠标和键盘事件 4、窗口/iframe切换 5、select下拉框 6、弹框 7、JS处理（滚动条等） 8、框架 9、selenium常见异常 10、断
有时候，我们希望在Vue.js中在选项改变时获取所选的选项。在这篇文章中，我们将学习如何在Vue.js中获取选择的选项。
今天，接着往下讲，教大家为小程序加入 JavaScript 脚本，做出动态效果，以及如何跟用户互动。学会了脚本，就能做出复杂的页面了。
好了，下一步就是设置.pop_con隐藏，设置display:none，然后编写jquery，设置点击按钮#btn ，触发click()事件的时候，设置.pop_con使用fateIn()显示。
空间占据上的区别 如果用文字来描述，简单一句话就是display:none的元素是彻底消失，也就是说该元素的宽度、高度等各种属性值都将“丢失”，不在文档流中占位，浏览器也不会解析该元素；而visibility:hidden只是视觉上消失了，可以理解为透明度为0（opacity:0）的效果，它仍具有高度、宽度等属性值，因此在文档流中占位，浏览器会解析该元素。 因此，我们可以知道display:none的元素隐藏后不占据额外空间，状态切换会产生回流和重绘，而visibility:hidden的元素虽然隐藏了，但
持续更新… 测试浏览器 Chrome: 61.0.3163.73 Safari: 10.0（IOS 10.3.3） Github: webapp-bugs 1. IOS overflow: scrol
├── node_modules ├── public │ ├── favicon.ico: 页签图标 │ └── index.html: 主页面 ├── src │ ├── assets: 存放静态资源 │ │ └── logo.png │ │── component: 存放组件 │ │ └── HelloWorld.vue │ │── App.vue: 汇总所有组件 │ │── main.js: 入口文件 ├── .gitignore: git版本管制忽略的配置 ├── babel.config.js: babel的配置文件 ├── package.json: 应用包配置文件 ├── README.md: 应用描述文件 ├── package-lock.json：包版本控制文件
开发语言：PHP 开发工具：VScode 前端框架：vue2+element
大家好，我是7small7，一位混迹互联网多年的IT民工。今天来给大家分享一个世界互联网大厂都在用的软件(Fun Debug)。
写这个之前要先抱歉一下，由于我这段时间要做一个网站，而且比较重要，所以之前那个gh0st的文章先停一段时间，实在没有功夫写那个代码了，不过迟早是会继续写的。
低级别事件指示Component已获得或失去输入焦点。 由组件生成此低级别事件（如一个TextField）。 该事件被传递给每一个FocusListener或FocusAdapter注册，以接收使用组件的此类事件对象addFocusListener方法。 （ FocusAdapter对象实现FocusListener接口。）每个此类侦听器对象获取此FocusEvent当事件发生时。 有两个焦点事件级别：持久性和暂时性的。 永久焦点改变事件发生时焦点直接移动从一个组件到另一个，例如通过到requestFocus的（呼叫）或作为用户使用TAB键遍历组件。 当暂时丢失焦点的组件的另一个操作，比如释放Window或拖动滚动条的间接结果一时焦点变化的事件发生。 在这种情况下，原来的聚焦状态将被自动一旦操作完成恢复，或者，对于窗口失活的情况下，当窗口被重新激活。 永久和临时焦点事件使用FOCUS_GAINED和FOCUS_LOST事件id传递; 水平可以使用isTemporary（）方法的事件区分开来。 如果未指定的行为将导致的id任何特定的参数FocusEvent实例不是从范围FOCUS_FIRST到FOCUS_LAST
当同时绑定 touchstart、touchend、click 三个事件的时候，触发的先后顺序是：touchstart -> touchend -> click。正是由于这种 click 事件的滞后性设计从而会产生事件穿透（点击穿透）问题。
每年，一些漏洞和零日攻击都会成为安全团队的梦靥。但除了这些技术问题之外，大多数分析人士认识到，数据通常是由用户丢失的，而不是系统漏洞和配置错误。在这些情况下，潜在的原因可能是简单的粗心大意，凭据被威胁行为者窃取，或者在极端的例子中，恶意的内部人员利用特权访问窃取有价值的数据和知识产权。
基于3s和地学知识的MH370搜救方案编制 0.引言 2014年3月8日，马航MH370航班在从马来西亚吉隆坡飞往中国北京的航班上从空中交通管制雷达上消失，机上共有239名乘客和机组人员。马航MH370次航班在2014年3月8日零时失联后，其定位于命运牵动着每一个乘客家属的心和全社会的关注。迄今为止中国已经投入大量人力物力、集中力量在南印度洋展开空中与水面搜索以及水下探测；同时澳大利亚、马来西亚等国家也相应地组织搜寻工作，通过卫星遥感、海洋科学与技术等多学科合力以及国际合作，力求尽快对飞机及黑匣子进行定位、以进一步揭示其失联过程的真正原因。灾害救援有明显的阶段性，通常可以界定为三个阶段：早期/紧急/应急阶段（0-1个月）；中期/恢复阶段（1-6个月）；后期/重建/发展阶段（6个月以上）。介于此，本文将从以上三个时间阶段探索并且给出基于2014年3月8日马航MH370失事时的时间维度的搜救方案。 1.短期搜救方案 时间回到MH370刚刚失事的时候，北京时间8日凌晨3点左右，根据从NASA获取的低分辨率卫星影像MODIS卫星数据（卫星观测范围为东经101.5 -103.8度，北纬6.5-9.5度），可较为清晰的看到一条长约180公里的油污带。根据卫星图中油污带的位置，洋流的方向与速度，加之越南军方昨晚发现的油污带等信息。可以作为一条搜救方案来展开，届时我们可以根据当天的风向、风速、洋流等环境因素综合分析，可以使用Landsat 8卫星遥感影像在30米分辨率上对油污带区域进行重点排查。同时基于高分辨率的国产遥感卫星高分一号、高分二号也可以投入到影像搜寻中去，在最短的时间内搜寻尽可能多的区域。 一般来说，遥感卫星是指在空间利用遥感器对地球及大气目标辐射或反射的电磁波信号进行收集、处理从而实现观测和信息利用的人造卫星。它主要由卫星本体、遥感器、信息处理系统和信息传输系统等组成，涵盖了结构、温控、姿控、测控、程控、天线及能源等功能。 所以说利用遥感图像尽心搜寻是在短时间内的最佳方案，当然，飞机失事也不排除有人为因素，如果MH370被劫持在某个海岛机场降落，或是降落到某个内陆国家的废弃机场，这样的话，遥感卫星即便有在高的经度可能也是无法准去观测到的，因为在飞机降落后很可能进行一定的隐蔽工作，这时就需要高分辨率光学遥感卫星和雷达卫星携手工作，通过全色和多光谱卫片与SAR (合成孔径雷达)图像的结合，去伪存真找到客机可能的踪迹。如果航班客机已经耗尽燃油解体坠海，但部分碎片残骸浮在海面上的话，那也只有超高分辨率光学遥感卫星才可能发现一丝蛛丝马迹。 其他方案无非是配合遥感卫星以及专家对图像的分析进行实地的搜寻，可能带来的结果是通过遥感卫星找到了具体的飞机残骸，当然，更可能的会是徒劳无功，不然为什么到了2022年我们还没有得出一个准确的结果证实其到底怎么遇害的以及其残骸到底落到了哪里。 2.中期搜救方案 随着时间的推移，基于早期专家们得出的飞机可能在遇难后又飞行了7个小时的言论又结合了当时的分析，飞机残骸很大几率会落在印度洋海域，要知道，一架飞机坠毁在陆地和坠毁在海上的搜救难度完全不一样，因为陆地上的地点基本上是不会发生轻易改变的，特别是一架大型客机坠毁后，就算是撞击地面成残骸也会有非常大的坠毁痕迹，而且这个痕迹就算十年后、二十年后依然不难发现。所以中期的搜救主要集中在了海洋范围当中，这也大大增加了搜救成本。先客机坠毁在海面会直接解体成数不清的残骸碎片，那么这些碎片在洋流的涌动下很快就会被吹散到其他地方或者沉没到深海，当初的坠毁地点和和坠毁前基本看不出任何不同，所以对于海上搜救而言，就不可能轻易发现坠毁地点，而且因为洋流的涌动也不可能“刻舟求剑”般的直接在疑似坠毁的地点附近搜寻客机残骸，所以这也是当初MH370坠海后，连续三年搜救都没有发现其踪迹的核心原因之一。 所以在此阶段的搜寻可能要借助于海洋遥感技术来进行。海洋遥感利用传感器对海洋进行远距离非接触观测，以获取海洋景观和海洋要素的图像或数据资料。海洋不断向环境辐射电磁波能量，海面还会反射或散射太阳和人造辐射源(如雷达)射来的电磁波能量，故可设计一些专门的传感器，把它装载在人造卫星、宇宙飞船、飞机、火箭和气球等携带的工作平台上，接收并记录这些电磁辐射能，再经过传输、加工和处理，得到海洋图像或数据资料。例如风云系列卫星以及海洋一号系列等都可以投入到海洋遥感监测中去。当然，这种监测大多是海面或者是海洋环境的监测，对海洋图像观测的还没有相应产品，所以使用声纳进行实地探测要比遥感图像有意义的多，虽然船舶携带的声纳能够发现水下更深的目标，但是搜寻船舶每小时最高航速换算成公里数不会超过40公里/小时，这也是为什么二十多个国家连续搜寻了三年，只搜寻了460万平方公里的原因，460万平方公里和3700万平方公里相比不过九牛一毛，这也是大海捞针这个成语的具体表现。 3.后期搜救方案 在持
今天，我们将讨论这样一种方法--故障树分析（FTA）。随着产品和工艺技术变得越来越复杂，FTA方法作为一种独立的风险技术已被证明是非常宝贵的。
默认情况下，在使用Element的Dialog模块时，弹出框是不能移动的，且 一旦点击遮罩层区域，弹框就会消失。
上图就是在Vue中使用 diff的情景(比如左图中，有一些元素的 v-if为false，所以不显示，而右图中， v-if为 true)
HTML页面中的任意位置加上<script type="module"></script>标签即可。
Safari下使用border-image，不能设置border-color: transparent。
还记得去年银行卡余额神秘消失事件吗？幕后黑手“安卓系统的维京海盗” Strandhogg漏洞至今还让人心有余悸。
主机A 向 C发送； 主机B向D 发送。都通过一个路由器，路由器的容量(带宽) 是：R (单位: bps)
话说又学到移动端了,真的让我有点头疼了...真的很麻烦啊!!但是没办法,硬着头皮学吧.
我相信这是一个很常见的一个需求，有很多种方式能够实现，但是，其实现方式的原理各不相同，也有利有弊。
Selector: <material-input:not(material-input[multiline])>
jQuery概述 Write Less Do More（用更少的代码来完成更多的工作） 使用CSS选择器来查找元素（更简单更方便） 使用jQuery方法来操作元素（解决浏览器兼容性问题、应用于所有元素并施加多个方法） 引入jQuery 下载jQuery的开发版和压缩版 从CDN加载jQuery <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script> <script> window.jQuery ||
Vue，Angular，React前端三大框架巨头，重要性不用多说，不过目前项目开发中主要用vue，现总结了一些Vue常用的知识点。
在es5中主要是通过构造函数方式和原型方式来定义一个类，在es6中我们可以通过class来定义类。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
