随笔分类 - 前端
遇到的问题
摘要：实现点击一个按钮复制文本框里面的内容，点击按钮获取文本框里面的内容，写如下代码： methods: { // 复制操作 _copy(context) { // 创建输入框元素 let oInput = document.createElement('input'); // 将想要复制的值 oInpu
阅读全文
摘要：一、摘要 MD5:信息-摘要算法，是让大容量信息在用数字签名软件签署私人密匙前被"压缩"成一种保密的格式 一般我们把登录和注册信息的密码进行加密 二、安装步骤 1、npm安装 npm install --save js-md5 2、全局引用 import md5 from 'js-md5'; Vue
阅读全文
摘要：连接：https://blog.csdn.net/weixin_48337566/article/details/123775830
阅读全文
摘要：1、进入到自己的项目，使用npm安装vue-json-editor npm install vue-json-editor --save 2、在vue组件中使用vue-json-editor <template> <div> <p>vue-json-editor使用</p> <!--在模板中使用vu
阅读全文
摘要：方法一：使用锚标记要滚动到的位置，然后通过click方法模拟点击滚动到锚所在位置 <script language="javascript1.2" type="text/javascript"> function onGetMessage(context) { msg.innerHTML+=cont
阅读全文
摘要：网址为：https://techbrood.com/?o=vote+DESC&q=canvas
阅读全文
摘要：keycode 0 =keycode 1 =keycode 2 =keycode 3 =keycode 4 =keycode 5 =keycode 6 =keycode 7 =keycode 8 = BackSpace BackSpacekeycode 9 = Tab Tabkeycode 10 =
阅读全文
摘要：::-webkit-scrollbar { /*滚动条整体样式*/ width: 4px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; } ::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 10px; box-shad
阅读全文
摘要：<div style="text-align: center"> <input type="text" id="timetext" value="00时00分00秒" readonly><br> <span id="_h">00时</span> <span id="_m">00分</span> <s
阅读全文
摘要：map.flyTo({ center: [camera.lon, camera.lat], //相机位置 zoom: camera.zoom,//目标层级 pitch: camera.pitch,//目标俯仰角 bearing: camera.bearing,//目标方位角 // speed: ca
阅读全文
摘要：如果我点击一个div的时候判断shift是否是按下的，用vue举例： mounted() { let that = this; document.onkeydown = function (e){ e = e || window.event; let keycode = e.keyCode; if
阅读全文
摘要：loadImages(urls, callback) { var results = {} for (var name in urls) { this.getMyMap().loadImage(urls[name], makeCallback(name)) } function makeCallba
阅读全文
摘要：第一步：直接在项目中的 main.js 初始化 EventBus : // main.js Vue.prototype.$EventBus = new Vue() 第二步：找到两个页面A和B，A向B发送事件 <!-- A.vue --> <template> <button @click="send
阅读全文
摘要：对于函数都会封装，但是让你封装一个方法怎么办？ 首先要知道函数的概念： 函数也是一个对象 函数中可以封装一些功能，在需要的使用可以执行这些功能 函数中也可以保存一些代码在需要的时候调用 使用typeof检查一个函数对象时，返回是function 那么带大家手敲一个forEach的方法： Array.
阅读全文
摘要：1. 提取中文 str.replace(/[^\u4E00-\u9FA5]/g,’’) 2. 提取英文 str.replace(/[^a-zA-Z]/g,’’) 3. 提取数字 str.replace(/[^\d]/g,’’)
阅读全文
摘要：今天做力扣题遇到了一个问题，之前一直用Number代表数字但是当数字的长度超过16的时候就会出现不精确的问题， console.log(Number(['6145390195186705543')); '6145390195186705000' 查资料，原因：在js中number类型有个最大值（安全
阅读全文
摘要：今天在国外的网站上看到了很多看似简单却又非常强大的纯CSS绘制的图形，里面有最简单的矩形、圆形和三角形，也有各种常见的多边形，甚至是阴阳太极和网站小图标，真的非常强大，分享给大家。 Square(正方形) #square { width: 100px; height: 100px; backgrou
阅读全文
摘要：在JavaScript中，可以利用isNaN()方法和Date对象的parse()方法来判断是不是日期，parse()方法可解析一个日期时间字符串；语法“if(isNaN(data)&&!isNaN(Date.parse(data)))”。=先使用isNaN()方法排除纯数字的情况，然后通过Date
阅读全文
摘要：watch: { obj: { handler: function () { console.log('obj改变了') }, // 开启深度监听：只要obj中的任何一个属性发生改变，都会触发相应的代码 deep: true } } watch: { obj.name: { handler: fun
阅读全文
摘要：一、DOM 本质 DOM：document object model document:：HTML 文档 object：JS 对象，把 HTML 文档结构映射存储为 JS 对象 model：document 与 object 的这种关系为 model 二、DOM 节点操作 获取 DOM 节点 1.1
阅读全文
