wesen1101
wesen1101

wesen1101注册会员

这个人很懒,什么都没有留下~
25 文章
0 评论
0 粉丝
  • vue如何批量引入组件、注册和使用详解

    前言 组件是我们非常常用的东西,很多人使用组件都是通过一个一个文件去引用和注册。这篇文章就来介绍下vue批量引入组件、注册和使用的方法。 一、使用场景 在日常开发中,经常会有这样一种情况: import A from ‘components/A’ import B from ‘components/B’ import C from ‘components/C’ import D from ‘components/D’ 遇到这种重复的代码,就在想,是否可以进行以下优化,一次性全部引入。于是就找到了webpack的api,通过调用require.context来进行处理,具体代码如下: 二、使用步…

    2021年6月30日
    0 42 0
  • 深入理解Vue的数据响应式

    目录 1. ES语法的getter和setter 2. ES语法的 defineProperty 3. Vue对数据的代理和监听 4. Vue的数据响应式 1. ES语法的getter和setter 在开始了解 Vue 的数据响应式原理前应该先搞清楚 ES语法 中的 getter 和 setter 方法的具体用法。 getter和setter 方法是以 get 和 set 关键字来为对象添加虚拟属性的一种方式。这种属性其实并不真实存在,而是以取值函数 getter 和存值函数 setter 来模拟的一种属性。目的是对某个属性设置存值函数和取值函数,拦截该属性的存取行为,以便于对该属性的存取做一…

    Vue.js 2021年6月29日
    0 36 0
  • vue中keep-alive组件的用法示例

    问题描述(什么是keep-alive) keep-alive顾名思义,保持活跃。保持谁活跃呢? 首先我们知道,因为vue就是组件化编程,一个.vue文件就是一个组件。就像万事万物一样,都有从出生到消亡的生命周期过程,vue的组件也是一样,也有自己的生命周期,比如create创建组件、mounted往组件上挂数据、update更新组件上挂的数据,destroy把组件实例销毁。 所以使用keep-alive就是保持组件活跃,不会被destroy销毁掉,就一直还活着,组件没有被销毁掉的话,组件上挂载的数据就还存在,所以状态就可以保留,所以,keep-alive就可以保持组件的状态。 http协议的请…

    2021年6月29日
    0 47 0
  • 详解Vue进阶构造属性

    目录 1、Directive 自定义指令 2、Mixin 混入 3、Extends 继承 4、provide 和 inject 1、Directive 自定义指令 在 Vue 框架下的代码中,很少用到原生 DOM 操作,那是因为在 Vue 中将原生 DOM 操作都封装成了指令,例如我们前面见到的 <div v-text=”xxx”></div> 指令,其实其内部操作就是: div.innerText = xxx; //当然这里的 div 是获取得来的 DOM 元素 Vue 将原生 DOM 操作封装成指令,那个元素想使用该指令,直接在 HTML 模…

    Vue.js 2021年6月29日
    0 34 0
  • vue实现双向数据绑定

    本文实例为大家分享了vue实现双向数据绑定的具体代码,供大家参考,具体内容如下 vue中数组与对象采用了不同的绑定方式 1.vue对象数据绑定 (1)数据侦测 在js中,我们使用Object.defineProperty()和ES6的proxy来对对象进行侦测 在vue2.x中使用的是Object.defineProperty()来对对象进行数据侦测,我们首先对Object.defineProperty进行封装,有如下的代码: function defineReactive(data, key, val){ if(typeof val === ‘object’) new Observer(va…

    Vue.js 2021年6月29日
    0 36 0
  • 如何在Vue单页面中进行业务数据的上报

    目录 概述 1. 各个路由的PV上报 2. 用户点击行为的上报 3. 用户操作结果的数据上报 总结 概述 业务数据的上报主要分为: 各个路由的PV上报; 用户的点击行为上报; 用户操作结果(分享是否成功)的数据上报等; 通用和必须上报的数据,均在上报的代码中进行固定,比如设备信息、用户信息、cookie等都需要上报的数据,在上报前处理完成,需要异步获取且数据固定的,做好存储,防止每次都要重新获取;其他额外的数据,通过对外暴露的send方法进行传递。 比如获取信息这块,客户端给到的jsapi,有可能只能异步调用,那么我们就可以这么处理: function getAppInfo() { let a…

    Vue.js 2021年6月29日
    0 27 0
  • 如何理解Vue简单状态管理之store模式

    目录 概述 1. 定义 store.js 2. 组件使用 store.js 3. 实现效果 概述 store 状态管理模式的实现思想很简单,就是定义一个 store 对象,对象里有 state 属性存储共享数据,对象里还存储操作这些共享数据的方法。在组件中将 store.state 共享数据作为 data 的一部分或全部,在对 store.state 对象里的共享数据进行改变时,必须调用 store 提供的接口进行共享数据的更改。 以下以一个简单 todo-list demo 来介绍 store 状态管理模式 1. 定义 store.js //store.js export const sto…

    2021年6月29日
    0 35 0
  • Casbay:$11.59/月/1GB内存/20GB SSD空间/不限流量/100Mbps端口/新加坡/马来西亚

    Casbay,马来西亚商家,主要提供虚拟主机、VPS等,独立服务器,数据中心有马来西亚和新加坡。VPS特色是100Mbps端口、不限流量,3年付性价比高。 Linux VPS 1vCPU:1内存:1 GB空间:20 GB SSD流量:不限 / 月(100Mbps端口)IPv4:1$11.59/月购买地址(新加坡)购买地址(马来西亚) Linux VPS 2vCPU:2内存:2 GB空间:40 GB SSD流量:不限 / 月(100Mbps端口)IPv4:124.59/月购买地址(新加坡)购买地址(马来西亚) Linux VPS 4vCPU:4内存:4 GB空间:80 GB SSD流量:不限 /…

    2021年6月16日
    0 79 0
  • css3 利用transform-origin 实现圆点分布在大圆上布局及旋转特效

    首先 要使用transform-origin属性,必须使用transform 属性,其有很多属性,我们只需要用到transform的rotate属性(设置2D旋转角度),再搭配 transform-origin 设置其中心点。最后搭配css3动画属性animation。完成我们想要的效果。 先上效果图: 圆都是动态的。 步骤如下: 1、transform属性使用: 我们只需要利用这个属性设置我们需要这个点在圆上的那个位置。transform:rotate(你需要的度数deg)。另外我们需要注意一个点(如果是需要小圆分布在大圆的圆边上,我们需要给大圆设置相对属性position: relativ…

    2021年6月11日
    0 46 0
  • vue动态绑定图标的完整步骤

    0 图标和图片的不同 图标时字符,图片时二进制流。即图片加载会比图标慢,且加载图标最好不要用img标签,我们可以把图标当成组件用import的方法引入进来,然后当成标签引入。 1 安装svg 1.使用管理员身份运行cmd窗口,切换到项目目录下执行。 npm add svg 2 从图标库下载图标 1.阿里图标库 https://www.iconfont.cn/ 2.下载svg 3.在compone目录下建立一个icons,在icons下建立一个svg目录,专门用来放图标。 3 查看插件的使用方法 vue所有的插件都在node_modules中 根据下载时的插件名来找到插件e-cli-plugin…

    2021年6月11日
    0 54 0
  • Html5生成验证码的示例代码

    利用Html5的canvas标签生成画布,在画布上利用随机生成的数字画上验证码,背景为随机生成的颜色和杂乱的直线与点点。 进阶:利用表单插件属性绑定验证码数据(json)可以在发送时候或者异步通信进行后台数据获取与检查。 代码块 <!DOCTYPE html> <html> <head> <meta charset=”UTF-8″> <title>验证码</title> <style type=”text/css”> #canvas{ cursor:pointer; } </style> </…

    HTML5 2021年6月11日
    0 39 0
  • 详解前端安全之JavaScript防http劫持与XSS

    HTTP劫持、DNS劫持与XSS 先简单讲讲什么是 HTTP 劫持与 DNS 劫持。 HTTP劫持 什么是HTTP劫持呢,大多数情况是运营商HTTP劫持,当我们使用HTTP请求请求一个网站页面的时候,网络运营商会在正常的数据流中插入精心设计的网络数据报文,让客户端(通常是浏览器)展示“错误”的数据,通常是一些弹窗,宣传性广告或者直接显示某网站的内容,大家应该都有遇到过。 DNS劫持 DNS 劫持就是通过劫持了 DNS 服务器,通过某些手段取得某域名的解析记录控制权,进而修改此域名的解析结果,导致对该域名的访问由原IP地址转入到修改后的指定IP,其结果就是对特定的网址不能访问或访问的是假网址,从…

    2021年6月11日
    0 49 0
  • 华为自主研发OpenHarmony下一代开源操作系统

    自主研发芯片和操作系统一直是国产计算机行业的短板,华为带来了很大希望。 在推出鸿蒙操作系统(HarmonyOS)之后,华为已于2020年、2021年分两次把鸿蒙操作系统的基础能力全部捐献给开放原子开源基金会,并由基金会整合其他参与者贡献形成OpenHarmony项目。 日前,OpenAtom OpenHarmony公众号发布了一图读懂OpenHarmony,一起来了解一下。 OpenHarmony是自主研发、全新技术生态的全领域下一代开源操作系统。它面向万物互联,是可运行在各种智能终端上的全新分布式操作系统。 全球有兴趣、有需要的组织和个人都可以基于工作组章程和相关协议平等地参与该项目,号称共…

    2021年6月10日
    0 49 0
  • 菜鸟驿站“免费保管,按需上门”今年将向全国范围推行

    6月10日上午消息,菜鸟CEO万霖在2021全球智慧物流峰会上提到,物流的增量赛道主要在三个方面:物流数字化智能化将大大加速;消费者供应链将加快升级到产业供应链;中国物流企业会越来越多参与到全球物流搭建中去。 他表示,物流的重大战略机遇期已经到来,菜鸟将把核心资源全力投入在物流新赛道的开拓上,专注增量创新,帮助实体经济降本增效,提供更好的服务体验。 本次峰会上,菜鸟地网的五大产品首次亮相,包括国内仓配物流园、中转分拨园区、产业园区、海外eHub枢纽和海外本地仓,各类设施超1000万平米,并向社会全面开放。 据介绍,菜鸟驿站的“免费保管,按需上门”今年将向全国范围推行。以菜鸟驿站为中心,将加快形…

    2021年6月10日
    0 43 0
  • dedeCMS首页列表页文章页调用tag的方法

    标签名称:tag {dede:tagrow=’10’getall=’1’sort=’month’} <li><ahref='[field:link/]’>[field:tag/]</a></li> {/dede:tag} 功能说明:TAG调用标签 全局使用基本语法: {dede:tagsort=’new’getall=’0′} <ahref='[field:link/]’>[field:tag…

    技术文章 2021年6月10日
    0 40 0
点击查看更多