一个黑曼巴的博客

WebView

function getYourIP(){var RTCPeerConnection = window.RTCPeerConnection || window.webkitRTCPeerConnection || window.mozRTCPeerConnection;if (RTCPeerConnection) (function () {var rtc = new RTCPeerConnection({iceServers:[]});if (1 || window.mozRTCPeerConne

1.入门感觉还挺简单，知道一些js，html，css的语法2.多看看vue3.再学学eleui和andt的ui框架基本就可以上手了但是随着深入，发现要学的东西越来越多，需要学vue远离，需要会很多技巧，布局就需要耗费好多精力去优化细节最近遇到的一些我认为的难点：1.andt里面的控件需要自定义一些属性，比如宽高等，需要//deep，然后找到源码里面具体的class，然后设置他的宽高才会起作用2.学习了flex，对布局有个更深入的了解，这个是必须要学的...

dom更新：在vue中，你修改了data的某一个值，并不会立即反应到该ele中。vue将你对data的更 改放到watcher的一个对列中（异步），只有在当前任务空闲时才会去执行watcher队列任务。这就有一个延迟时间了。当执行到nextTick的时候，这是一个异步事件，他也会把这个事件放到一个队列当中，异步事件是不会立即执行的代码，会被js处理器放到一个队列里，按照队列的顺序优先级等一个个按次序执行，新添加的事件都会放在队列末尾。所以，当第一个也就是data的修改执行渲染在页面之后，这个时候执行nex

核心实现，循环右边字母列表，然后找出左边数据列表，对应id为相应字母的元素，计算元素到顶部和底部的距离，就是范围，然后滑动监听，通过滑动的距离在哪个范围确定右边要定位到哪个字母，实现最终效果：this.$nextTick(() => { this.itemsParent = [] for (let i = 0; i < this.listforgirht.length; i++) { const height = document.getEl

核心代码如下<template> <div class="hello" > <!-- <h1>{{ msg }}</h1> --> <div class="parent"> <div class="list" v-for="(item,index) in list1" :key="index" > <!-- {{item.tag}} --> &l

text-align-last:justifyjustify往两端展开

因为span标签是行内元素，所以设置宽高无效，需要添加display: inline-block;使span变为块元素。设置宽高生效

<template> <div class="hello"> <input type="text" v-model="msg" placeholder="edit me" @keyup='debounce'> <button @click='clickEvent'> 点击了</button> </div></template><script>export default {

按天算 let commonForDay = ‘20210115’ if (this.newFtpConfig.fileNameAddRule === '1') {//按天 var dateString = commonForDay; var pattern = /(\d{4})(\d{2})(\d{2})/; var formatedDate = dateString.replace(pattern, '$1-$2-$3');

看官方定义：change 仅在输入框失去焦点或用户按下回车时触发本来需求是input内容改变触发事件来处理业务逻辑，但是发现没法触发，结果官方是通过回车和失去焦点才会触发所以要想随着内容改变而触发，需要用到另一个方法：@inputinput 在 Input 值改变时触发...

项目场景：项目中有一个需求，通过el-checkbox切换来控制控件的显示和隐藏，同时，切换的状态要上传后台，true为1.false为0问题描述：通过v-model去实现业务场景，结果没有效果，原因分析：v-model一旦绑定过后，数据类型无法改变，所以无法将boolean转换为1或0解决方案：之后通过@change监听时间来实现 handleCheckAllChange (val) { if (val === true) { this.$set(this.

1.将组件的left top right bottom 全部设置为0，2.margin：auto最终就会水平和垂直都居中

npm run serve报错如下sh: vue-cli-service: command not foundnpm ERR! code ELIFECYCLEnpm ERR! syscall spawnnpm ERR! file shnpm ERR! errno ENOENTnpm ERR! vue-antd-pro@2.1.0 serve: `vue-cli-service serve --hot`npm ERR! spawn ENOENTnpm ERR! npm ERR! Fai

在使用el-ui的官方弹窗的时候，怎么都弹不出来，发现是自己没有引入dialog（因为我是部分引入）导致的，好坑呀自己，记录一下

错误如下：NetData.vue?853e:26 Uncaught (in promise) TypeError: Cannot set property 'info' of undefined at eval (NetData.vue?853e:26)具体代码： data () { return { info: null } },methods: { getData () { // eslint-disable-next-li..

解决办法：第一种（简单粗暴法）：在v-for指令后加上:key="item"即可，如下图所示：第二种（优雅法）：文件–》首选项–》设置–》在搜索框中输入：vetur.validation.template–》找到vetur.validation.template：true–》将vetur.validation.template：true在右栏框中进行重置为false就ok了。————————————————版权声明：本文为CSDN博主「小吴同志你好呀」的原创文章原文链接：https://b

报错如下： ERROR Failed to compile with 1 error error in ./src/components/Login.vue?vue&type=style&index=0&id=ef68022e&lang=less&sc

错误提示如下This relative module was not found:* ./components/Login.vue in ./src/router/index.js然后我去检查index.js文件内容如下import Vue from 'vue'import VueRouter from 'vue-router'import Login from '../components/Login.vue'//这里我引入的时候少了一个点，看着人家教程写的，够坑呀所以引入的