3 zoepriselife316

尚未进行身份认证

我要认证

暂无相关简介

等级
TA的排名 3w+

v-for中的:key使用

代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>登录切换和key属性的简单介绍</title> <script src="https://cdn.

2020-10-15 17:15:50

v-for遍历数组和对象

直接放代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>vue遍历-v-for</title> <script src="https://cdn.js

2020-10-15 16:21:19

vue中v-show和v-if的对比

结论: 开发中,v-if和v-show选用哪个:若元素切换频率过高时,使用v-show,若只有一次切换的时候,选用v-if若判断的条件为后台返回数据,大部分使用v-if直接上代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scal

2020-10-15 15:28:59

切换登录例子及问题

直接上代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>登录切换</title> <script src="https://cdn.jsdelivr

2020-10-15 15:16:07

vue条件指令

条件指令:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>vue条件指令</title> <script src="https://cdn.jsdeli

2020-10-15 14:43:00

v-on事件绑定及事件修饰符

直接上代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>v-on事件绑定</title> <script src="https://cdn.jsde

2020-09-30 17:39:18

ES6中的增强写法

有属性和函数的增强写法两种。上代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>增强写法</title></head><body>

2020-09-30 15:03:40

var和let、const的分别使用

直接上代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>作用域-var与let的区别</title></head><body>

2020-09-30 13:46:28

vue的computed与methods的点点区别

方法调用多次时,会执行多次,但计算属性有缓存,计算属性相关的值若不发生改变,计算属性只会执行一次,如果修改值的话,也是只执行一次。直接上代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <ti

2020-09-29 15:23:37

计算属性的复杂使用

复杂一点的计算属性操作:<template> <div id="computedBox"> <!-- 使用拼接的方法,可读性不佳,多个的话写起来繁琐 --> <h2>{{firstName + ' ' + lastName}}</h2> <h2>{{firstName}} {{lastName}}</h2> <!-- 可以调用方法显示,不过不够简洁 -->

2020-09-27 15:29:18

computed计算属性使用

计算属性:代码:<template> <div id="computedBox"> <!-- 使用拼接的方法,可读性不佳,多个的话写起来繁琐 --> <h2>{{firstName + ' ' + lastName}}</h2> <h2>{{firstName}} {{lastName}}</h2> <!-- 可以调用方法显示,不过不够简洁 -->

2020-09-25 17:02:50

v-bind:style

v-bind:style的使用:代码:<template> <div id="eg"> <p>v-bind绑定style:封装组件时, 公共组件可以绑定值,使用的人根据自己要用的颜色样式,传值。 来达到不同的效果。</p> <!-- <h2 :style="key(属性值,如font-size):value(属性值,如40px)">{{msg}}</h2> -

2020-09-25 16:35:21

v-bind绑定使用(绑定class)

测试代码:<template> <div class="hello"> <h3>v-bind使用</h3> <p>一般的显示</p> <a href="http://www.baidu.com">去百度</a> <img src="https://img-blog.csdnimg.cn/images/-402845201200901125411855.png

2020-09-25 15:46:20

vue 插值操作

Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统:Mastache 胡子语法(双大括号语法),直接用{{}},将data中的值写入页面中<div id="app"> {{msg}}</div><script> const app = new Vue({ el:'#app', data:{ msg:'nihao' } }) </script>v

2020-09-23 17:51:06

轮播图

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>轮播图</title> <style type="text/css"> * {

2020-09-16 15:26:36

使用Fiddler

下载Fiddler地址:https://telerik-fiddler.s3.amazonaws.com/fiddler/FiddlerSetup.exe下载完,配置一下,本地的地址及端口号去手机上,下载证书使用手机浏览器访问http://【电脑IP地址】:【fiddler设置的端口号】,既可以下载fiddler的证书并安装【查看电脑IP的方法,直接在cmd下ipconfig,或者鼠标滑过fiddler的online也可以看到IP地址】我的是荣耀x10,在浏览器中输入域名及端口号,就可以有下载

2020-09-04 10:30:33

节流函数

来个简单的节流函数//节流throttle代码: throttle(fn, time) { let _arguments = arguments; let canRun = true; return function () { if (!canRun) return; canRun = false; setTimeout(() => { fn.call(this, _arguments);

2020-09-03 15:31:13

[Vue warn]: Property or method “throttle“ is not defined on the instance but referenced during rende

在开发的过程中,用到了节流,引入公共的节流,初始调用如下(报错了…)。template中:<button class="btn" @click="throttle(Submit(),500,2)" :disabled="!normalUse">创建</button>JS文件只是引入:import {throttle} from '../../../../utils/index'以上代码,执行后的结果:vconsole.min.js?aac1:10 [Vue warn]

2020-09-03 14:51:37

根据用户电脑系统不同配置不同下载地址

有个需求,根据系统不同,下载地址也不同,上代码://判断系统类型 witchSystem() { var agent = navigator.userAgent.toLowerCase(); var isMac = /macintosh|mac os x/i.test(navigator.userAgent); if (agent.indexOf("win32") >= 0 || agent.indexOf("wow32") >= 0) {

2020-08-17 16:01:28

error An unexpected error occurred: “EPERM: operation not permitted, scandir ‘E:\\aPritice\\JDe\\e

跟着https://www.imooc.com/article/39978,本地搭建electron+antd+react项目,安装babel-plugin-import,这是一个按需加载代码、样式的babel插件:yarn add babel-plugin-import --dev本地报这个,error An unexpected error occurred: “EPERM: oper...

2020-08-14 14:16:46

查看更多

勋章 我的勋章
  • GitHub
    GitHub
    绑定GitHub第三方账户获取
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 1024勋章
    1024勋章
    #1024程序员节#活动勋章,当日发布原创博客即可获得
  • 勤写标兵Lv3
    勤写标兵Lv3
    授予每个自然周发布7篇到8篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。