我用的是2013版的word，但可以用office 2010打开（我电脑上安装了两个office版本）。而且在其它电脑上office2013可以打开。...我的解决方案是用office2010打开后把昨天写的部分删除，发现用office2013可以打开了。然后再从2010中把相关部分粘贴过来。...这个方案用了我早上4个小时才摸索到，在这儿分享一下，让别人能更快的解决这问题。
Word在试图打开文件时遇到错误，请尝试下列方法：检查文档或驱动器的文件权限 确保有足够的内存和磁盘空间 用文本恢器打开文件 。...经常在浏览器上直接下载的文档打开就报这个错，也不知道是什么原因，最后发现就是文件的权限。解决方法： 右键该文档属性： 在解除锁定这里√上就ojbk了。
但是项目用在app中，因为另一个未知原因的bug，自定义事件躺枪(至今死不瞑目)。长按事件被我改成了在初始化时，就直接绑定到需要他的dom上。 ...（查看大图:右键新标签中打开）掌握了上边的知识点后，就是在长按功能里边的应用了。...() { z = 1; // 如果倒计时结束还没有清楚定时器的话，就把z赋值为1，这样，当判断z=1就说明按住屏幕的时间达到了开发者设定的长按时间。...// 那么移动的话，先要清除事先埋伏的定时器timer1.要不然，虽然不是长按事件但是倒计时还在进行中。...= 1) { /* 如果用户手指头拿开的时候，z还是0，即不等于1，说明定时器还没被触发，也就说明没有达到长按的时间，那么不用期待了，同touchmove寿终正寝时要做的一样，清除定时器即可
你能够看到，虽然我们的代码执行得非常好（而且同一时候有多个机器人）,然而这里没有一个简单的方式来执行代码。 事件处理程序 事件处理程序是这种命令，当特定的事件触发时，它告诉某些代码运行。...在真实世界中，不同的浏览器可能会有全然不同的命名来做同一件事（*咳**咳* IE），所以有时候想要一段代码在全部的浏览器中都执行得一样。会让人认为像是在放牧一群猫。近期。...当我在舞台区域移动鼠标时。我想要全部的机器人朝着鼠标移动的方向跑。当它们抵达鼠标或者鼠标正好在它们上面，我想要它们停止移动。假如鼠标放在它们身上，我想要它们跳起来。...正由于它是一个mousemove侦听器，当鼠标每次在舞台区域内移动时，都将触发它（这意味着在一秒钟内将会触发多次）这个函数须要将机器人的位置和鼠标的位置作比較。并使机器人见机行事。...} 我们有个叫做e的參数在函数中，虽然我们没有传递不论什么东西给它。可是这是一个事件侦听器，我们将自己主动拥有一个叫做e的变量，这个变量存储有和事件相关的信息，比方鼠标数据。
设计师日常设计过程中， 免不了需要使用Chrome搜索各类最新设计案例或文章。善用各种专为Chrome打造的扩展小插件，能显著提升Chrome的效能，帮助设计师更快获取灵感、学习技巧。...此外，在添加相关设计评论或反馈时，此工具还支持自动截屏并记录相关Bug信息 (如浏览器信息、操作系统信息和视口大小信息等)，以方便后期处理这类问题时， 轻松重现相关问题。...不妨尝试安装一个Chrome的Muzli插件吧！如此，每次打开Chrome浏览器， 你就可以快速查看最新最优的设计了。为什么呢？...大家可以通过以下方式打开Chrome浏览器的Dev Tools工具：点击谷歌浏览器窗口右上角的三点图标 > 选择“设置”> 打开“外观”板块，然后切换到深色模式即可。...如此，就可以在深色模式下查看网页 DOM了。 image.png 8.ColorZilla 当需要在Chrome浏览器下快速查看任意网页所用色彩或配色时，ColorZilla取色工具会是你的绝佳选择。
在触发 longTap 事件前，先将保存定时器的变量 longTapTimeout 释放，如果 touch 对象中存在 last ，则触发 longTap 事件， last 保存的是最后触摸的时间。...当 pointerType 为 touch 并且 isPrimary 为 true 时，才为主触点。...在低版本的移动端 IE 浏览器中，只实现了 PointerEvent ，并没有实现 TouchEvent ，所以需要这个来判断。...e : e.touches[0] 这里还将 isPointerEventType 的判断结果保存到了 _isPointerType 中，用来判断是否为 PointerEvent 。...注意，swipe 事件并不是在 end 系列事件触发时立即触发的，而是设置了一个 0ms 的定时器，让事件异步触发，这个有什么用呢？后面会讲到。
静电说：设计师在日常设计过程中， 免不了需要使用Chrome搜索各类最新设计案例或文章。...此外，在添加相关设计评论或反馈时，此工具还支持自动截屏并记录相关Bug信息 (如浏览器信息、操作系统信息和视口大小信息等)，以方便后期处理这类问题时， 轻松重现相关问题。...不妨尝试安装一个Chrome的Muzli插件吧！如此，每次打开Chrome浏览器， 你就可以快速查看最新最优的设计了。为什么呢？...大家可以通过以下方式打开Chrome浏览器的Dev Tools工具：点击谷歌浏览器窗口右上角的三点图标 > 选择“设置”> 打开“外观”板块，然后切换到深色模式即可。...当需要在Chrome浏览器下快速查看任意网页所用色彩或配色时，ColorZilla取色工具会是你的绝佳选择。
为什么选择Vue? 主要原因：对于前端开发来说，兼容性是我们必须要考虑的问题之一。我们的项目不需要兼容低版本浏览器。项目本身也是一个数据驱动型的。...这就是我们为什么选择Vue框架的一些原因。 为什么要封装成一个Vue组件？ 主要目的是可提高代码的复用性和可维护性。...我们以向下拖拽来说： 首先，我们要在拖拽结束事件touchend中判断元素从拖动开始到拖动结束时拖动的距离。...若小于某个设定的值，则什么也不做； 然后，在touchmove事件中判断，若 (currTop-initTop)%elHeight>=elHeight/2成立，即当元素拖至另一个元素块等于或超过1/2的位置时...牢记一点，切勿在Vue中过多得操作DOM，要能深入理解Vue数据驱动的核心思想。
display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome...autoprefixer来处理,这里我的处理范围 var AUTOPREFIXER_BROWSERS = [ 'ie >= 9', 'ie_mob >= 9', 'ff >= 30', 'chrome...若是实在不信邪，滚动的时候，微信端这些你就会感受到花儿为什么这样红了。。。...3D 空间如何呈现：保留3D / -webkit-transform-style: preserve-3d; / 设置进行转换的元素的背面在面对用户时是否可见：隐藏 / -webkit-backface-visibility...none; -ms-user-select: none; } IOS禁止保存或拷贝图像 img { -webkit-touch-callout: none; } IOS中input
在两圆完全重合时，小圆不会出现；当两圆之间距离超出设置的最大连接距离时，两圆会完全分离不接触；而重点在于第三种情况，两圆有接触但没有完全重合。...当第三种情况发生时，我们就需要考虑以下几点： 两圆有接触没有完全重叠，会出现两条弧形的轨迹，在这里称它为连接器。...当发生移动时，这八个点的状态如图 1-3 所示。 metaball 函数的功能就是通过计算出这八个点的坐标，并返回出来。...在定时器中，每次要先清除画布，然后调用 metaball 函数，使用数组变量 a 接收 metaball 函数的返回值，并对返回结果进行如下判断： center2.x = e.touches[0].x...center2.x = e.touches[0].x center2.y = e.touches[0].y 手指触摸动作结束事件 touchend 触发的事件回调函数中把小圆的圆心位置重置到大圆的圆心位置
页面跨浏览器兼容性 测试 在Chrome, Edge, Firefox和Safari中测试页面 修复 修复应用跨浏览器运行时的问题 页面过渡不要表现得像网络阻塞 当你四处触碰时过渡应该表现顺畅点，哪怕在弱网络下...测试 在很慢的模拟网络下打开app。每次你在app中触碰一个链接或者按钮，页面应该立即响应，可以使用以下方案： 立即过渡到下一屏，同时在等待网络内容时展示一个占位加载。...每个页面都有一个URL 测试 确保每个单独的页面100%可以通过URL访问，并且在社交媒体上分享时URL是唯一的，可以用这个方法进行测试：每个单独的页面都可以被新的浏览器窗口打开和访问。...测试 在Facebook爬虫中打开一个典型的页面，并且确保其看起来没什么问题。...向用户提供通知使用方式的上下文 测试 访问站点，找到推送通知同意流程 当浏览器向你弹出许可请求时，确保上下文已经告知为什么站点需要这个许可 如果页面一加载完就弹出许可请求，确保其同时提供了明晰的上下文
祝大家在新的一年里：身体健康平安，生活充实饱满，事业步步高升，心情阳光灿烂，财运滚滚而来，家庭美满幸福，新年开心快乐!...3、修改文件后缀为html，最后双击打开即可。（没有背景音乐可能是浏览器问题，可以下载一个360浏览器） 不会修改后缀或者文件没有显示后缀?...可以看一下教程—>>>百度教程 手机端发送： 把电脑端弄好的html文件直接通过QQ或者微信发送给ta，然后让ta使用qq浏览器打开即可。...补充说明： 如果页面没有音乐，考虑换一个浏览器访问， 360、qq浏览器应该都能自动播放音乐，或者去看我的文章：解决audio自动播放无效问题 如果打开出现乱码，可以百度找一下解决方法。...> 完整项目下载地址 完整项目下载地址：跨年倒计时代码零点有烟花 里面有完整的使用说明（不改也行直接使用即可）： 里面还有一个五秒倒计时测试跳转，跳转不了的检查一下是否被浏览器拦截
“在本地设置安全cookie时，并非所有浏览器的行为都相同！例如，Chrome和Safari不在本地主机上设置安全cookie，但Firefox设置了。在Chrome中，这被视为错误。...运作方式如下： 如果你使用 HTTPS 在浏览器中打开本地运行站点，你的浏览器将检查本地开发服务器的证书； 当看到证书已经由 mkcert 生成的证书颁发机构签名时，浏览器检查它是否注册为受信任的证书颁发机构...在你的浏览器中打开 https://localhost 或者 https://mysite.example 你使用 HTTPS 在本地运行你的网站。...当使用自签名证书时，会显示警告浏览器 为什么浏览器不相信自签名证书 如果你在浏览器中使用 HTTPS 打开本地运行站点，你的浏览器将检查本地开发服务器的证书。...当它看到证书是你自己签署的时候，它会检查你是否注册为受信任的证书颁发机构。因为你不是，所以你的浏览器不能信任证书; 它会显示一个警告，告诉你你的连接不安全。
Chrome 79将在接下来的几周内针对Windows，Mac和Linux陆续推出。 安全是口号 为了确保您的上网安全，当您在网站上键入用户名和密码时，@googlechrome现在会发出警告。...这是用户Google帐户中的密码检查功能的改进，可以在Chrome设置中进行控制。...“所以他们一直在追赶。” 当在任何站点上发生电子邮件/密码泄露时，泄漏的凭据将添加到现有的公共泄露数据库中。...当“量子加密破解的现实指日可待”时，过去被视为未来的标准是否足够？她想知道。...此外，威尔逊指出，在操作系统中检查密码并不一定是个好主意。 他解释说：“有些站点不需要或不值得使用很好的密码。” “对我来说，为什么这么多愚蠢的小型媒体网站都还要强迫人使用密码，这真是一个谜。
chromedp是一个更快、更简单的Golang库用于调用支持Chrome DevTools协议的浏览器，同时不需要额外的依赖（例如Selenium和PhantomJS） Chrome和Golang都与...Google有着相当密切的关系，而Chrome DevTools其实就是Chrome浏览器按下F12之后的控制终端 简单来说，chromedp可用来渲染网页，进行web测试或者网页内容抓取。...为什么不使用Selenium/PhantomJS 对于Golang开发来说，使用chromedp更为便捷，因为它仅仅需要Chrome浏览器而并不需要依赖ChromeDriver，省去了依赖问题，有助于自动化的构建和多平台架构的...它提供一系列的接口来查看，检查，调整并且检查 Chromium 的性能。Chrome 的开发者工具就是使用这一系列的接口，并且 Chrome 开发者工具来维护这些接口。...如何打开 Protocol Monitor 在chrome的开发者工具Seettings/Experiments中开启 Protocol Monitor重启chrome，在console的更多里面就可以打开对应的
Firebug 的年代，我是火狐（Mozilla Firefox）浏览器的死忠；但后来不知道为什么，该插件停止了开发，导致我不得不寻求一个新的网页开发工具。...03、OneTab 我平常不是要写作嘛，就需要打开很多标签页（全都是素材啊），密密麻麻的，有时候不小心污点了关闭，害得我从历史记录中找好久，差点要锤爆键盘。...当你发现有太多的标签页时，单击地址栏右侧的 OneTab 小图标，就可以将所有的标签页转换成一个列表。当需要再次访问这些标签页时，可以单独或全部恢复它们。 ?...就拿好朋友江南一点雨的《微人事》源码来说吧，当鼠标停留在某个方法上面时，可以快速查看该方法的定义以及引用，就好像你在使用 IDE 开发代码一样。 ?...10、SimilarSites - 发现相关网站 当访问任何（有点名气的）网站时，点击 SimilarSites 小图标就可以获得与正在访问的网站相关的 10 个类似网站。 ?
为什么要使用Headless Testing Headless Testing有下面的优势： 比真实浏览器更快 抓取数据更加方便 便于构建自动化测试脚本 轻松模拟多个浏览器 ●比真实浏览器更快 由于无头测试不需要启动浏览器的...●抓取数据更加方便 如果没有无头测试工具的话，在抓取页面数据时，你需要打开一个浏览器，输入页面地址，找到指定的页面数据。而有了无头测试工具之后，这一切操作都可以自动化完成。...●轻松模拟多个浏览器 在非自动化的测试流程中，测试人员为了能在不同浏览器（不同内核、不同尺寸）上确认页面的表现与运行是否正常，不得不来回切换浏览器，移动端测试还不得不切换机型。...Headless Chrome Headless Chrome是在无头环境下运行Chrome浏览器的一种方式，最终达到帮助开发者完成自动化测试的目的。目前Chrome 59以上已经支持无头运行。...当与无头浏览器结合使用时，它允许你在完全成熟的浏览器中做任何你可以做的事情，而不需要浏览器。
当 CPU 知道如何响应人们的需求时，它几乎可以处理各式各样的任务，比如数学，或是艺术。在早些年，CPU 都是由单芯片所构成。每个核就像是在芯片中又存在着另一个 CPU。...正如它的名字，在设计之初是用来处理图形的。这也正是为什么当图形任务的处理和 GPU 关联起来的时候，通常带来的都是更快速的渲染和更流畅的交互。...假设你打开了三个浏览器窗口，当其中一个窗口因为某种原因崩掉的时候，你大可以直接关闭这个不再响应的窗口并继续你在其他窗口的工作。...总的来说，当 Chrome 在较高性能的设备上运行时，它会将每个服务分配至不同的进程，以此来获得更强的运行时稳定性和健壮性；反之，如果 Chrome 运行在一台资源受限的设备上时，Chrome 会将服务整合在一个进程中...打开运行有不同站点 iframe 的开发者工具，意味着浏览器必须做很多看不到的幕后工作，才能让这一切看起来和以前没有什么区别，即使是简简单单的 ctrl+F 在这个场景下也意味着在不同的渲染进程中查询字符串
在之前的文章中，我们了解了现在浏览器的多进程架构、导航以及渲染进程和合成器。在这篇文章中，我们将了解到合成器是如何在用户输入时流畅的处理交互的。...从浏览器的角度定义输入事件 当提到“输入事件”时，你可能会想到在文本域中打字或是鼠标的点击事件，但在浏览器看来，用户的任何动作都意味着“输入”。...写事件处理器时要注意 在 Web 开发中一个比较常见的事件处理模型就是事件委托（代理）。...如果你之前从来没有想过为什么官方推荐在你的事件处理函数中添加 passive 参数，或者不知道为什么在 script 标签上添加 async 属性，我希望这个系列能为你阐明为什么浏览器需要这些东西来提供更快...举个例子，如果你希望保证你的 app 不会阻塞解析，你可以在同步脚本策略之下运行你的 app。当 sync-script:none 打开时，会阻塞解析的 JavaScript 都会被阻止执行。
如果一开始遇到这个问题时就是使用了 VPN，则可以尝试关闭 VPN。 3. 检查本地日期和时间 这个方式也很简单。浏览器会使用电脑的本地时间来校验证书是否过期。...所以，检查并确保电脑日期和时间是否准确，然后重启浏览器进行尝试，看是否能解决问题。 4. 查明证书是否过期 当遇到这个错误的时候，也有可能是网站的 SSL 证书确实到期了，这时候就要更新证书了。...在 Chrome 浏览器中可以通过如下方式查看一下：点击右上角的三个点，选择 更多工具 > 开发者工具。 ?...然而，这也会导致当证书更新了，但是浏览器还是从缓存中读取，没有拿到最新的证书。 在 Windows 上清除 SSL 缓存，需要先打开控制面板，选择Internet 选项。...当 Let’s Encrypt 证书到期时，更新的操作是依赖于服务器提供商的。 如果使用的是 Kinsta，那么在指示板上，可以很方便地安装免费的 Let’s Encrypt 证书。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
云直播
