最近写网页经常需要将div在屏幕中居中显示，遂记录下几个常用的方法，都比较简单。...class="main"> MAIN div> 方法一： div使用绝对布局，设置margin:auto;并设置top、left、right、bottom的值相等即可....main{ text-align: center; /*让div内部文字居中*/ background-color: #fff; border-radius: 20px; width: 300px...margin: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } 效果如图： 方法二： 仍然是绝对布局，让left...和top都是50%，这在水平方向上让div的最左与屏幕的最左相距50%，垂直方向上一样，所以再用transform向左（上）平移它自己宽度（高度）的50%，也就达到居中效果了，效果图和上方相同。
JS如何让数组中的元素随机展示 简介：在网站的图片显示，抽奖，作品展示这些方面，都存在着，随机打乱数组中的元素的功能。
window.close()在IE浏览器下，关闭窗口前会弹个确认框。通过下面的方法可以跳过确认框，直接关闭窗口。
接着鼠标拖拽div（1）解决问题，当在拖拽事件所在的页面按下键盘的ctrl+A全选后，再去拖拽div，浏览器会默认去搜索网页中的内容，拖拽功能就会失效，（搜索网页内容是浏览器的默认行为，所以要想不发生这种情况...可以将setCapture()方法用到鼠标拖拽div的例子中，但是注意，在给mousedown事件中，调用的box的**setCapture()方法之后，会有一个问题，就是当鼠标松开之后，事件还会一直被捕获...，网页中的其他选项都无法点击，而且就算鼠标松开，div也还会跟着鼠标对应的位置移动，为了解决这个问题，就需要在鼠标松开的时候取消捕获，可以使用releaseCapture()**方法来取消先前调用的捕获方法...优化拖拽代码 在之前拖拽div的代码中，如果要拖拽多个内容，就需要重新为一个内容绑定事件，所有的操作都要重新写一遍，所以对之前的代码进行了优化： 定义函数，将拖拽的方法封装起来，方便调用，要拖拽哪个元素...id="box">div> div id="box1">div> 发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/
作者：会编程的银猪 http://www.renfed.com/2017/04/29/effective-js-optimize/ 网上有不少关于JS编写优化建议，这里我根据自己的经验提出一些比较有用的意见...按强类型风格写代码 JS是弱类型的，但是写代码的时候不能太随意，写得太随意也体现了编码风格不好。...（2）不要滥用闭包 闭包的作用在于可以让子级作用域使用它父级作用域的变量，同时这些变量在不同的闭包是不可见的。...恰当地使用，可以让代码更加地简洁优雅。...以上列了我自己在实际写代码过程中遇到的一些问题和一些个人认为比较重要的方面，其它的还有变量命名、缩进、注释等，这里就不提及了。
$message({ message: '请选择条件后重试', type: 'warning' }) return false } 实际项目场景中的变量名因为语义化字符很多，...思路二 把这些需要判断的变量放到一个数组里，用 map 处理成 Boolean 类型，使用 includes 判断数组中是否包含指定的 Boolean 值 // 多条件判断开始，如下 const arr
使用代码查看当前获得键盘焦点的元素 我们打算在代码中编写追踪焦点的逻辑。...这可以规避 Visual Studio 中叠加层中的一些问题，同时还可以在任何环境下使用，而不用担心有没有装 Visual Studio。...获取当前获得键盘焦点的元素： 1 var focusedElement = Keyboard.FocusedElement; 不过只是拿到这个值并没有多少意义，我们需要： 能够实时刷新这个值； 能够将这个控件在界面上显示出来...绘制并实时显示 WPF 程序中当前键盘焦点的元素 如果我们需要监听应用程序中所有窗口中的当前获得键盘焦点的元素怎么办呢？我们需要给所有当前激活的窗口监听 GotKeyboardFocus 事件。...于是，你需要我在另一篇博客中写的方法来监视整个 WPF 应用程序中的所有窗口： 如何监视 WPF 中的所有窗口，在所有窗口中订阅事件或者附加 UI 里面有一段对 ApplicationWindowMonitor
网上有不少关于JS编写优化建议，这里我根据自己的经验提出一些比较有用的意见。 1. 按强类型风格写代码 JS是弱类型的，但是写代码的时候不能太随意，写得太随意也体现了编码风格不好。...恰当地使用，可以让代码更加地简洁优雅。...（3）字符串拼接 以前要用+号拼接： var tpl = 'div>' + ' 1' + 'div>'; 现在只要用两个反引号“`”就可以了： var tpl...= ` div> 1 div> `; 另外反引号还支持占位替换，原本你需要： var page = 5, type = encodeURIComponet("#js...以上列了我自己在实际写代码过程中遇到的一些问题和一些个人认为比较重要的方面，其它的还有变量命名、缩进、注释等，这里就不提及了。
那么有没有一种机制，让「发表留言」必须通过用户的「真实点击」按钮才能完成，而无法通过脚本自动实现？这样就能减缓蠕虫传播速度了。...事实上，有个很简单的办法：我们干脆让 HTTP 请求也通过 iframe 发送。这样，后端通过 referer 即可检测请求是否为 iframe 发起的。...演示 Demo: http://www.etherdream.com/FunnyScript/anti-xssworm/ 注意：这个案例不是看能不能注入 XSS，而是看能不能通过当前页面的 JS 自动发留言...这里为简单，省略了登录态；真实场合下，会话 Cookie 是 HttpOnly 的，无法被 JS 获取到，也就无法让第三方服务器代替发表。...细节： 使用者加载 safebutton.js，引入 SafeButton 类 使用者实例化 SafeButton 对象 A，创建出一个不同源的 iframe 作为按钮界面 用户点击 iframe 按钮后
作者：会编程的银猪 www.renfed.com/2017/04/29/effective-js-optimize 网上有不少关于 JS 编写优化建议，这里我根据自己的经验提出一些比较有用的建议。...恰当地使用，可以让代码更加地简洁优雅。...（3）字符串拼接 以前要用+号拼接： var tpl = 'div>'+ ' 1'+ 'div>'; 现在只要用两个反引号“`”就可以了：...var tpl = ` div> 1 div> `; 另外反引号还支持占位替换，原本你需要： var page =5, type =...以上列了我自己在实际写代码过程中遇到的一些问题和一些个人认为比较重要的方面，其它的还有变量命名、缩进、注释等，这里就不提及了。
今天睡前看到小组群里贴了这么一张图，印象中曾经面试的时候好像也是遇到过，对于大佬们来说这肯定是很基础的一道题，在此分享给正在学习前端和正在面试的小伙伴们。
在前端js编程中，如果涉及到加密通信、加密算法，经常会用到密钥。但密钥，很容易暴露。暴露原因：js代码透明，在浏览器中可以查看源码，从中找到密钥。...例如，下面的代码中，变量key是密钥：如何保护源码中的密钥呢？很多时候，人们认为需要对密钥字符串进行加密。其实更重要的是对存储密钥的变量进行加密。加密了密钥变量，使变量难以找到，才更能保护密钥本身。...也就是虽然代码中没有定义这个变量，但这个变量存在，且可用。而且它存储的就是密钥！...将整体JS代码，再用JS加密工具：JShaman，进行混淆加密：https://www.jshaman.com然后得到更安全、更难调试分析的JS代码，这时密钥就变的更安全了：注：用ajax等异步传递密钥时...用jsfuck+jshaman保护JS中的密钥，你学会了吗？
// 1.for方法跳出循环 function getItemByIdFor(arr, id) { var item = null; for (...
七夕临近了，没有对象的来创建一个吧 使用对象字面量： const o = { name: "zehan", greeting() { retur...
不得不说修改网站备案的身份证并不是很容易，容易的不是修改资料，而是如何让运营商初审通过把备案提交到管局，备案的朋友都知道，个人是没法备案某某博客，以及使用个人姓名及相关的备案，所有搞得非常尴尬，但是泪雪博客就是我网站的名字...由于子凡自用的这个需要 jQuery.js 文件，并不是所有网站都百分百为用到，所有为了方便搭建使用，特此修改一个适合大家的 JavaScript 通用版本： if(window.location.href...spider|bot/i))){ var title = '凡人爱折腾';//网站标题 var beian = '蜀 ICP 备 19022510 号-1';//备案号 var desc = '网站备案中，...>'; } 以上代码中的 https://zhangzifan.com/记得修改为你的网站主页，以及把适当的内容改为自己需要的即可，然后防止到首页的底部或者 body 以外都可以。...除非注明，否则均为泪雪博客原创文章，禁止任何形式转载 本文链接：https://zhangzifan.com/use-js-beian.html
这是实际上属于一种代码混淆技术，可以让们的代码更难阅读和逆向，同时也能租网一些恶意爬虫和自动化分析。天我就带大家来看看还有哪些其他能让 JavaScript 代码变得难以分析的代码混淆技术。...x20"+ 666) 它的原理很简单，就是将字符串的每个 ASCII 字符转换为十六进制形式（将函数调用改为用括号的形式，例如 console.log -> console['log'] 在代码混淆中也是相当常见的做法...死代码注入 死代码其实指的就是一些无法访问的代码，我们可以在原本的代码上额外注入一些永远无法访问的代码来让代码难以阅读，但是同时也会让代码变得更大。...例如，a 可能是最内层作用域中第一个函数的参数，也可以是第二个函数中的变量，甚至可以是与我们的 conaole.log 语句相同作用域中的变量。...在这个简单的示例中，很容易看穿，因为最内层范围内的任何函数都不会在任何地方被调用，但是，现实的业务代码往往是很复杂的，混淆后就不那么容易看穿了。
因为如果我们要让数据产生价值，让更贴身的数据分析框架去解决用户的实际问题， 就需要将数据嵌入到产品或者生产流程中，在数据提炼的最后一公里，让数据在产品中“说话”。...如何让数据“说话”？在过去的信息时代，我们最擅长的方法是根据历史数据统计规律，指引行动。比如我们会统计过去一个月周五下午六点的出租车小费，计算出价平均数，然后告诉用户“建议给小费5元”。...未来，产品经理需要懂得如何用数据来增值。这其中有三个关键点：产品化，数据化和商业眼光。而眼下很多产品经理 更多关注的是产品化，忽略了数据化。 ? 那么如何用数据来增值呢？...反观眼下大量公司的业务，很多公司还停留在用统计数据做决策参考，如果我们将数据分析框架应用到公司业务中，我们就会发现一个全新价值。 如何将数据嵌入业务？...也许你会问，我们一直在说“将数据嵌入业务”中，在实际操作层面，我们应该如何嵌入？ 在我所在的工作团队中，我遭遇的困惑是，产品团队、数据团队和运营团队给我的方案总是如一盘散沙难以串联。
js中同步如何理解 1、如果调用者在函数返回时能够获得预期结果(即获得预期返回值或看到预期效果)，则该函数同步。 2、如果函数同步，即使调用函数执行的任务耗时，也会等到得到预期的结果。...实例 //在函数返回时，获得了预期值，即2的平方根 Math.sqrt(2); //在函数返回时，获得了预期的效果，即在控制台上打印了'hello' console.log('hello'); 以上就是js...中同步的理解，希望对大家有所帮助。...更多js学习指路：js教程 收藏 | 0点赞 | 0打赏
在chrome65以前，我们可以打开目标网页的开发者工具—source选项卡—目标JS/CSS文件，然后在相关位置写入代码保存后即可看到改动后的效果。...chrome65之后需要进行本地代码替换，本文就介绍一下如何在chrome中用本地代码替换在线代码，以达到在线修改JS的效果。...第三步，在上一步的空文件夹中创建和目标文件路径一模一样的文件结构，这一步很关键。...请注意，像示例中的xxx.com这种域名也需要创建对应文件夹： 3636c19f-c2d2-4930-9d7b-732d2aa9b632.png 最后，打开Overrides选项卡，导入刚才的空文件夹，
1.如果咱们想要确保对象被深冻结，就必须创建一个递归函数来冻结对象类型的每个属性：
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
云直播
对象存储
实时音视频
