logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

VUE如何操作DOM

最近有些自闭,life is a shit,但是学习不能停,也开始继续健身了,试图让自己好一点.这是学习VUE的第一篇博客,先来说一下准备工作。我们需要在谷歌商店安装vue-devtools插件,打不开的话,点击这里,按照步骤操作后,就可以在谷歌商店下载插件了,下载插件的步骤:点击谷歌浏览器的更多工具 -> 扩展程序 -> 打开chrome网上应用商店 -> 搜索vue devt

Vue指令篇_v-for_列表渲染

今天要写的是Vue很香的一个指令v-for,这个指令在结构中实现循环,基于数据多次渲染元素,在减少代码量的情况下,又使得逻辑关系一目了然,很奈斯。不多说啦,就开始吧。目录1.使用方法1)v-for中使用数组2)v-for中使用对象3)v-for中适用数字4)v-for中使用字符串2. key1.使用方法v-for指令中可以使用数组、对象、数字、以及字符串,下面我们一一举例,首先把vue.js文件引

#javascript
Vue如何绑定事件

首先不管三七二十八引入 vue.js 文件再说<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>指令 v-on 用于监听 DOM 事件,并在触发时运行一些 JavaScript 代码,简写为 @ ,其事件类型由参数决定,与 v-bind 指令相同,冒号后面是参数,举个栗子如下<div

vue_组件插槽详述

在使用组件时,在引用的组件标签中添加内容时,会自动被组件中的模板代替,如【例1】【例1】<my-comp>Have a happy Life</my-comp>Vue.component('my-comp',{template:`<div> Life is a shit! </div>`})【结果】1.插槽的使用当不想要传递给组件的内容被替代,则可以

Vue_template是什么

1.el是什么提供一个在页面上已存在的DOM元素作为Vue实例的挂载目标。可以是css选择器,也可以是一个HTML元素实例。如果在实例化时存在这个选项,实例将立即进入编译过程,否则,需要显示调用vm.$mount()手动开启编译2.template是什么一个字符串模板作为Vue实例的标识使用。模板将会替换挂载的元素,挂载元素的内容都将被忽略。如下<body><div id="ap

避坑_node-sass安装问题及解决办法

在编译sass文件时,需要用到node-sass,但是百度搜索node-sass就知道node-sass有多少坑了,不是安装失败,就是无法build模块,真的很搞心态,加上官方也推荐使用dart-sass,所以真的没必要,直接别用了。如果之前下载过node-sass,不管成功没成功,建议直接用npm uninstall node-sass卸载一遍再说,卸载完成之后记得删掉node_modules,

#vue.js
webpack编译过程

webpack的作用是将源代码编译(构建、打包)成最终代码。整个过程大致分为三个步骤:初始化、编译、输出。1.初始化在该阶段,webpack会将CLI参数、配置文件、默认配置进行融合,形成一个最终的配置对象。对配置的处理过程是依托一个第三方库yargs完成的。此阶段相对比较简单,主要是为接下来的编译阶段做必要的准备。目前,可以简单的理解为,初始化阶段主要用于产生一个最终的配置2.编译1)创建chu

#webpack
ES6的字符串与正则表达式

目录1.Unicode支持2.新增字符串API3.正则中的粘连标记4.模板字符串1.Unicode支持早期由于存储资源有限,Unicode使用16位二进制来存储文字,我们将一个16位二进制编码叫做一个码元(code unit)。后来由于技术的发展,Unicode对文字编码进行了扩展,将某些文字扩展到了32位(占用了两个码元)【例1-1】,并且将某个文字对应的二进制数字...

#正则表达式#es6
vue_axios详解

axios是一个基于promise的HTTP库,Chrome、Firefox、Safari、Opera、Edge、IE8+都支持1.APIaxios(config)axios(url,[config])2.config配置对象axios({method:'get',//post、get、put……baseURL:'',//请求的域名,基本地址url: '',//请求的路径params:{},//会

overflow属性详解

overflow是对溢出内容的处理,有四个属性值visible,hidden,scroll,auto,且可以分别设置overflow-x,overflow-y,需要注意的是:当单独设置了overflow-x或者overflow-y时(visible除外),另一个默认属性值为auto,如【例5】。下面先来介绍它的四个属性值1.visible(默认值):使溢出内容展示2.hidden...

#css3
到底了