- 博客(23)
- 收藏
- 关注
RSS订阅原创 Vue中computed 和 watch 的区别和运用的场景？
computed：计算属性，依赖于其他属性，并且computed的值有缓存。只有它依赖的属性值（响应式依赖）发生变化，下一次获取computed的值时才会重新计算computed的值。 运用场景：当我们要进行数值计算，并且依赖于其他数据时，这时应该使用computed，因为利用computed的缓存特性，可以避免每次获取值时都重复计算。<div id="app"> <p>message: "{{ message }}"</p>...
2021-10-13 17:01:48
630
原创 Vue中v-show和v-if的区别
v-show是Css样式之间的切换，v-if是完整的逻辑代码的销毁和重新创建。 使用频繁的切换时用v-show，运行时较少切换时用v-if。 v-if是条件渲染：v-if == "false"// 当false的时候不会渲染，当为true的时候渲染。...
2021-10-09 14:05:49
209
原创 Vue双向数据绑定MVVM相关。
vue采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty劫持data属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调。 MVVM M - Model ，Model代表数据模型，也可以在Model中定义数据，修改和操作业务逻辑。 V -View ，View代表UI组件，它负责经数据模型转为UI展现出来。 VM -ViewModel ，ViewMod...
2021-10-09 10:52:17
186
原创 Vue单页面应用的概念以及优缺点
1、概念就是只有一个页面的Web应用。单页面应用程序 Single page application (SPA) 是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的Web应用程序。浏览器一开始会加载必需的HTML、CSS和JavaScript，所有的操作都在这个页面上完成，都由JavaScript来控制。因此，对单页应用来说模块化的开发和设计显得相当重要。2、单页面应用的优点1、提供了更加吸引人的用户体验：具有桌面应用的即时性、网站的可移植性和可访...
2021-10-08 17:06:17
2892
原创 Vue + element-ui实现导出excel表
1、安装依赖npm install --save xlsx file-saver2、引入插件<-- 在要导出的页面引入，或者在main中定义全局使用。我这里是在页面中直接引入 -->importXLSXfrom"xlsx"3、导出按钮<-- 普通的按钮，添加点击事件（避免重复点击） --><el-button type="warning" plain size="mini" @click.stop.pr...
2021-09-01 10:31:34
775
1
原创 async/await
async作为一个关键字放在函数的前面，表示该函数是一个异步函数，意味着该函数的执行不会阻塞后面代码的执行 异步函数的调用跟普通函数一样async function timeout(){ return "helloworld";}console.log(timeout());console.log("我在异步函数后面，会先执行谁呢");// Promise { 'helloworld' }// 我在异步函数后面，会先执行谁呢可以看出执行顺序还是函数先执行，但是函数的返回.
2021-07-07 09:56:37
84
原创 vue中$refs的用法及作用详解
vue中$refs的用法一般来讲，获取DOM元素，需要使用document.querySelector('#input1')方法去获取dom节点，然后再获取input1的值。但是使用了ref绑定之后，我们就不需要再获取dom节点了，可以直接在上面的input上绑定input1，然后$refs里面调用就行。在JavaScript里面通过this.$refs.input1去调用，这样的做法实际上是访问VUE虚拟出来的DOM，可以有效减少获取/操作DOM节点的性能消耗。HTML<div
2021-05-20 17:33:41
2139
原创 Vue生命周期整理。
直奔主题1.vue 生命周期 什么是 Vue 生命周期？ Vue实例从创建到销毁的过程，就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载DOM-渲染、更新-渲染、卸载等一系列过程，我们称这是Vue的生命周期Vue 生命周期的作用是什么？它的生命周期共有多个事件钩子，让我们在控制整个Vue实例的过程中容易形成更好的逻辑。Vue 生命周期总共有几个阶段？第一次页面加载会触发哪几个钩子？它可以总共分为8个阶段，创建前后，载入前后，更新前后，销毁前后。第一次页面加载是会触发
2021-05-19 10:00:36
91
原创 前端面试内容整理
前端面试内容整理第一章：HTML/CSS提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录系列文章目录 前言 一、pandas是什么？ 二、使用步骤 1.引入库 2.读入数据 总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、pandas是什么？示例..
2021-05-18 14:44:17
247
原创 vue实现拖动图片进行排序Vue.Draggable
好久没接触vue的项目了，最近接到一个vue图片处理的小项目，有一项需求是要实现拖动图片就行排序。接到这个需求之后立马想到了Vue.Draggable这款基于Sortable.js实现的vue拖拽插件，下面是实现过程第一步：安装Vue.Draggable。两种方式npm和yarn （我用的npm）npm i -S vuedraggableyarn add vuedraggable第二步：全局安装完成之后在main.js中全局引用也行在需要的页面也用也没问题 （我因为就一个页面需要...
2021-04-27 14:47:55
1581
2
原创 Vue脚手架3创建项目打包出现空白页的解决办法
好久没用vue写Pc端的项目了，今天项目做完想放到服务器上的时候，竟然显示空白页，也是在网上搜索了一下，大多都是提示我们配置webpack中的publicPath: './'。因为vuecli3取消了build/webpack的配置文件，所以要手动在项目的根目录创建一个vue.config.vue文件，写如下代码module.exports = { publicPath: './', outputDir: 'dist', configureWebpack: { externa.
2021-04-27 14:26:26
536
原创 微信小程序封装Request请求
今天在整理以前写过的小程序的代码的时候，发现最开始写的代码特别乱，尤其是在发起request请求的时候，所以我就给我之前的小程序代码封装了一个request请求。其实很简单一、我们只需在app.js中写一个请求的方法 (也可以在新建一个request.js的文件，但是个人觉得比较麻烦)/** * 封装wx.request请求 * method： 请求方式 * url: 请求地址 * data： 要传递的参数 * callback： 请求成功回调函数 * errFun： 请求失败回调..
2020-08-28 16:26:49
1581
原创 Vue中动态绑定img的src属性(v-bind)
今天遇到一个特别坑爹问题，页面中使用img动态绑定图片路径时总是不显示。(处理前的代码)<div class="prod-content"> <div class="prod-item" v-for="(item,index) in Merchant" :key="index"> <img :src="item.imgUrl" alt=""> <span>{{item.name}}</span> </div>
2020-08-21 10:38:16
23001
5
原创 字符串中的位置
nl2br(相当于为得到的数据加上br标签)<?php$name = "张三,李四,王五";echo $name; // 输出的结果是 张三，李四，王五<?php$name = "张三,李四,王五";$name = nl2br($name);echo $name; //这样输出的结果就会出现br的效果 实现换行strpos(查找字符串...
2018-11-29 19:45:59
654
原创 文本中重新设置某些属性的值和jQuery中的随机数
attr() 方法attr() 方法设置或返回被选元素的属性值。(jQuery中实现的方法)//一下代码的内容是 一个验证码 看不清楚验证码的话，可以点击验证码图片跟新图片上的内容<div class="col-sm-3"> <img width="100" src="yzm.php" alt="看不清楚,点击刷新" id="yzm"&
2018-11-27 21:19:14
153
原创 PHP中获取字符串的长度
strlen()如果执行成功则会返回字符串的长度，如果括号中为空值则返回0<?php$str = 'abcdefghijk';$len = strlen($str);echo $len; //输出的结果是11 因为$str中字符串的长度是11个字符<?php$str = '';$len = strlen($str);echo $len; //返回的结...
2018-11-26 21:16:30
5120
原创 PHP的定界符和几种输出方式
PHP中的定界符特殊的字符串定界符：<<<EOF 其中的EOF是自己定义的结尾要另起一行，而且结尾除了 EOF;之外不能有其他任何东西 包括空格（空格也不能有）。PHP中的几种输出方式echo 最基本的输出方式 在echo后写出要输出的变量或者字符串print 与echo基本一致，但是print不支持逗号分隔多个显示变量的语法print_r...
2018-11-26 20:56:54
551
原创 PHP中的一些简单函数
函数的概念函数是可以在程序中重复使用的语句块，而且页面加载时函数不会立即执行，函数只有被调用的时候才会执行(PHP中函数的构建方法和javascript中函数的过早方法相似)function 函数名(){\ 函数的内容。 }...
2018-11-26 20:30:42
156
原创 关于PHP中的递增和递减
前递增++$X(就是说$X加一递增之后，然后在返回$X)<?php$x = 5;echo ++$x; //最后输出的结果是6后递增$X++(就是说先返回$X，然后再加一递增)<?php$x = 5;echo $x++; //先返回的结果是5echo "<br>";echo $x++;// 然后再执行一边返回的结果是6前递减--...
2018-11-26 20:16:35
1953
原创 nl2br和strpos
nl2br定义：在字符串所有新行之前插入HTML换行标记。<br>例如：<?php$str=<<<STR张三,男,20李四,女,19王五,男,20STR;$str=nl2br($str);//换行echo $str;strpos定义：查找字符串首次出现的位置用法：int strpos (string$haystack,mi...
2018-11-19 07:55:53
171
原创 PHP中的算术运算
算术运算算术运算符：+ - * / 字符串运算符： . （点 “.”是PHP中字符串的连接符） 递增减运算符：++、-- 关系（比较）运算符：== 、 === 、！= 、！== 、> 、 >= 、<、<= 逻辑运算符：&&（或者） ||（并且） 赋值运算符： = += _= *= /= %=数值取整的方法...
2018-11-12 21:23:28
763
原创 PHP中的变量
变量php中的变量不需要制定数据类型 变量名必须是$开头 （例：$name = '张三'） 变量名的命名规则：由英文字母、数字、下划线组合，不可以数字开头 对大小写敏感 <?php $name = '张三';echo $name; //就会输出 张三echo $Name; //就会报错误。 gettype——可以获取变量的数据类型<?php ...
2018-11-12 20:41:17
136
原创 PHP的基本语法
PHP的特点：脚本语言 解释性语言 弱类型编辑语言 面向过程，面向对象 在PHP中所有用户定义的函数、类、关键词（例如if else语句和echo）对大小写不敏感 所有的变量对大小写都很敏感PHP定界符<?php ?> <? ?> <% %> <script language="php"> </scr...
2018-11-12 20:28:37
408
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人