随笔分类 - 前端
HTML | CSS | JS
摘要：全局查看vue版本号 npm info vue 局部（当前项目）查vue版本号 npm list vue version 此外还可以通过 package.json 查看使用的 vue 版本号 查看vue-cli版本号 vue -V
阅读全文
摘要：防抖： 在事件被触发 n 秒后再执行回调，如果在这 n 秒内又被触发，则重新计时。 //模拟一段ajax请求 function ajax(content) { console.log('ajax request ' + content) } let inputa = document.getElem
阅读全文
摘要：可选链 ?. 是一种访问嵌套对象属性的安全的方式。即使中间的属性不存在，也不会出现错误。 “不存在的属性”的问题 如果你才刚开始读此教程并学习 JavaScript，那可能还没接触到这个问题，但它却相当常见。 举个例子，假设我们有很多个 user 对象，其中存储了我们的用户数据。 我们大多数用户的地
阅读全文
摘要：派生选择器用的很多，派生选择器具体包括为后代选择器、子元素选择器、相邻兄弟选择器，我们来理解一下他们之间的具体用法与区别。 1、css后代选择器语法：h1 em {color:red;} 表示的是从h1开始里面包含的所有的em元素变成红色，h1为祖先，其他的em都是后代，即选中后代，不管是儿子还是孙
阅读全文
摘要：:hover 伪类经常用于页面的一些鼠标交互、链接点击变化，增强页面的用户体验，但是可以用来改变其他元素样式，可以在不使用JS 的情况下，达到想要的页面效果。 1、hover改变自身的效果： 鼠标悬浮改变样式： HTML <div id="yanshi"> 演示 </div> CSS #yanshi
阅读全文
摘要：由于 IE 浏览器的兼容性问题，IE 10 以下的版本会出现兼容性问题，有时需要编写不同的样式来达到兼容的效果， 下面的代码可以实现判断 IE 版本号，并根据不同版本插入 Style CSS <script> var userAgent = navigator.userAgent; //取得浏览器的
阅读全文
摘要：$('#test option[text="b"]').attr("selected",true); 上面的方法在 jquery 低于 1.4.2 的版本（含）中有效，在更高版本中无效！ 例如： <select name="number" id="test"> <option value="1">a
阅读全文
摘要：一、将 DataTable 设置成中文 <script> $('#datatable').DataTable({ language: { "sProcessing": "处理中...", "sLengthMenu": "显示 _MENU_ 项结果", "sZeroRecords": "没有匹配结果"
阅读全文
摘要：背景： 平时写网页时，只有写完代码，然后保存，接下来到浏览器中刷新查看效果，然后不停重复，我们发现很多时间就这样浪费到了这三个步骤上，用户体验很差。 可以通过以下方法实现自动刷新网页，实时预览 一、VSCode 设置网页代码实时预览 安装插件 Live Server，然后右键点击 Open with
阅读全文
摘要：通常情况下，为文件添加链接后，用户可以通过点击链接，直接将文件下载到本地，如下载 excel 表格等 <a href="/user/test/xxxx.excel">点击下载</a> 但是有个情况，比如 txt, png, jpg等这些浏览器支持直接打开的文件是不会执行下载任务的，而是会直接打开文件
阅读全文
摘要：使用jquery ajax异步提交的时候报Uncaught TypeError ：Illegal invocation错误，报错如图： 基本上，导致这个错误的原因一般有以下两点： 1.请求类型有误，如，post请求，但在后台设置的是get请求 2.参数有误。 如，没有传参，或是参数对应不上去 经过排
阅读全文
摘要：当 DOM ID有一个空格时，如何使用 jquery 的 ID 选择器？ 例如，我的 DOM ID 是 <div id="content Module">Stuff</div> 应该如何使用 jquery 的 ID 选择器获取到这个 DOM 元素？ 如果只是简单的如下 $("#content Mod
阅读全文
摘要：问题： Bootstrap 是Web上最流行的CSS框架。它使创建漂亮，响应迅速的设计非常容易。 但是，有时候并不希望在整个网站上使用 Bootstrap，您只需要使用Bootstrap CSS的一部分。 如果只是将 Bootstrap CSS 直接添加到 head 中，就有可能会与其他的 CSS
阅读全文
摘要：根据 x 坐标和 y 坐标一一对应进行设置 (x,y) 直接设置 y 坐标的值 官网资料： https://www.zingchart.com/docs/chart-types/line
阅读全文
摘要：正常情况下 zingChart 的数据点会显示到图表中，但是如果数据点很多的情况下，可能会让你无法准确的预测趋势，而且也不美观 在 js 配置中添加最多允许显示的数据点，超过这个值将不显示数据点 效果如下图： 资料参考： https://stackoverflow.com/questions/371
阅读全文
摘要：1. noopener 如果你需要用 a 标签打开一个标签页时，你会使用 target='_blank' 这个属性，此时你需要添加 rel='noreferrer noopener' 当你使用 target='_blank' 打开一个新的标签页时，新页面的 window 对象上有一个属性 opene
阅读全文
摘要：如果不希望输入框自动填充，可以设置 input 或 textarea 标签的属性 autocomplete="off"。 但是有时 Chrome 会忽视 autocomplete 的设置，即使设置了 autocomplete = "off"，浏览器还是帮你自动填充了。 可行方法：改autocompl
阅读全文
摘要：资料来源： https://coderwall.com/p/_g3x9q/how-to-check-if-javascript-object-is-empty
阅读全文
摘要：当设置了 textarea 的 value 后，发现页面的输入框无法输入值， 解决方法： 只需将值设置在 textarea 标签中间即可，如下所示：
阅读全文