随笔分类 - 前端
遇到的问题
摘要：方式一： openNewWindow() { const { href } = this.$router.resolve({ path: "/preview", }); window.open(href, "_blank", "width=900, height=700"); }, 方式二： <ro
阅读全文
摘要：我们在上图中可以看到模板字符串加入了script标签后会报错 原因：运行JS的时候由上至下，先识别模板字符串里面的script标签，会认为标签结束了，所以后面会报错(其实和字符串里面无法放script标签是一个道理) 解决办法：利用转义字符 “\”
阅读全文
摘要：css实现禁止选择文本的方法是，添加user-select属性，并且将属性值设置为none，表示文本不能被选取，具体代码如【user-select:none;】。 本文操作环境：windows10系统、css 3、thinkpad t480电脑。 在 web 浏览器中，如果我们在文本上双击，文本会被
阅读全文
摘要：vue导出.html文件 HTML页面由.css、htmlDom标签组成，将css设置成js通过export导出，htmlDom可以通过$el.innerHTML获得，也可通过document.getElementById('id')获得 。然后构造html页面，使用createObjectURL创
阅读全文
摘要：不使用插件 不使用插件，可以使用input标签，然后通过execCommand(‘copy’)函数实现复制功能。 复制input标签中的内容 <template> <div id="app"> 请输入你需要复制的内容：<input id="copy" v-model="mes"/> <button
阅读全文
摘要：简介 Ace 是一个用 JavaScript 编写的可嵌入代码编辑器。它与 Sublime、Vim 和 TextMate 等原生编辑器的功能和性能相匹配。它可以很容易地嵌入到任何网页和 JavaScript 应用程序中。Ace 被维护为Cloud9IDE的主要编辑器 ，并且是 Mozilla Sky
阅读全文
摘要：在进行前端页面开发的过程中，通过使用CSS对图片进行等比例缩放，存在会使图片失真的情形。这种情况有点违反我们的通常认知，毕竟放大图片会使图片失真这很正常，但是缩小图片通常应该会使图片变清晰才对。目前我查找了很多资料都还没发现哪篇文章有深入分析其中的原理，姑且认为这是浏览器根据CSS样式显示图片的策略
阅读全文
摘要：原代码： <iframe id="myIframe" src={`${src}`} style={{ width: '100%', height: '100vh' }}></iframe> 效果： 要去掉顶部的功能栏只要在src后面拼接一下'?page=hsn#toolbar=0' <iframe
阅读全文
摘要：网上好多报错这个 prototype的错误，大概说的是在vue3里面 引入了element ui 导致出的问题 ，但是如果是vue2也会出现 ，我出现的原因是 把写在 props的内容放在了watch里面，很简单的错误但是就是研究了半天。
阅读全文
摘要：在新建项目时候遇到一个问题如上图，安装cnpm或者node都会报这个错误找了半天发现解决方法如下（操作如上图）1、打开终端2、在终端执行：get-ExecutionPolicy，显示Restricted（表示状态是禁止的）3、在终端执行：set-ExecutionPolicy RemoteSigne
阅读全文
摘要：1.npm淘宝镜像npm config set registry https://registry.npm.taobao.org，切换国内镜像，使用淘宝镜像 npm config get registry，查看当前镜像使用的地址，返回成功，则代表设置成功 代码执行情况： 如果国内镜像使用不合适，则可
阅读全文
摘要：var str = "hello world ! hello coder!" ; //查找‘HELLO’是否存在,找不到返回null var reg = new RegExp('HELLO','i') ; var isHas = str.match(reg); console.log(isHas);
阅读全文
摘要：1. 代码转图片网址：https://carbon.now.sh/ 使用 Carbon 创建和分享源代码的精美图像。它提供了多种代码风格和主题。 2. JavaScript 正则表达式可视化工具 网址：https://jex.im/regulex/#!flags=&re=%5E(a%7Cb)*%3F
阅读全文
摘要：CSS 让 div 中的 img 标签图片完全填充 divdiv 下 img 标签中的图片填充满整个 div 容器显示一、基本概述 在平时的开发中有让 div 中的 img 标签中的图片完全填充整个 div 的需求，实现方式多种多样例如可以将 img 中的图片更改为 div 容器的背景图片再利用相应
阅读全文
Unknown custom element: ＜el-empty＞ - did you register the component correctly? For recursive compone
摘要：报错原因： “el-empty”未注册 解决：element版本太低了，当前版本里面查找不到el-enpty这个组件，需要重新安装一下element的版本。 npm i element-ui@2.15.13 -S npm i element-ui@2.15.6 -S 重新运行，上面的问题就解决了。
阅读全文
摘要：项目需求：动态生成网址，并在页面中根据网址生成对应的二维码 解决办法： 使用 qrcode.js 插件 使用步骤： 1、首先在页面中加入jquery库文件和qrcode插件。 <script type="text/javascript" src="jquery.js"></script> <code
阅读全文
摘要：hash 和 history 区别： 外观上：hash的路由在url中带有#号 功能上： hash虽然在url中，但是请求不会包裹它，对后端不会产生任何影响，改变hash不会重新加载页面。 history是利用了html5 history interface中新增的pushState()和repla
阅读全文
摘要：在实际工作中，我遇到过以下几个情况接口报500 情景1 代码逻辑错误，数据库的增删查改(这个很好解决，自己debug-下就知道了) 情景2 县体代码逻辑没问题。看看接只上的注解是否有问题 eg基一个运行得很好的接口突然报5Q0真找了自己的逻辑没问题看且志也没找到啥错误于是我展藏掉了所有的逻辑。发现还
阅读全文
摘要：一、效过图展示： 已经是比较久之前学习的文字效果了。但是还是很实用很有趣的。利用CSS3提供的text-shadow属性可以给页面上的文字添加阴影效果，因此可以替换掉之前使用过的一些繁琐的图片。到目前为止Safari、FireFox、Chrome和Opera等主流浏览器都支持该功能。 text-sh
阅读全文
摘要：（1）标准盒模型 box-sizing: content-box； 作用： 宽度和高度分别应用到元素的内容框。在宽度和高度之外绘制元素的内边距和边框(元素默认效果)。（2）IE盒模型 box-sizing: border-box； 作用： 元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制
阅读全文
