3 Allison-L

尚未进行身份认证

我要认证

暂无相关简介

等级
TA的排名 9w+

vue实现在用户关闭或刷新浏览器当前网页时弹出提示“系统可能不会保存您所做的更改”

1、首先先看一下效果图:2、实现步骤(1)在项目中打开想要出现如上效果的组件的vue文件(2)在script标签中写如下代码,但是记得要替换成自己的路由<script>export default { mounted () { let that = this window.onbeforeunload = function (e) { if(that.$route.fullPath =="/rich"){

2020-05-12 16:37:54

探究 require/exports 和 import/export 的区别

自从 ES6 被推出后,很多小伙伴的项目里都或多或少地出现了import、export default 的身影,当然,应该也还存在着 require、exports 。在最初学习js的时候,一直搞不懂这几个的区别,以及使用场景。直到某一天业务中真实需要使用,就好好摸索了一番。一、区别(1)requirerequire 是 CommonJS 的规范,而 node 是由模块组成的,基于 ...

2020-04-29 14:26:41

结合项目开发流程介绍 git 实践教程(分支管理、版本管理)

一、上传本地项目到gitLab1.先记录个人信息git config --global user.name "xxx"git config --global user.email "xxx@xxx"2.上传// 1. git add : 添加到暂存区git add xxx文件git add -A // 添加所有文件(通常改动较多可以直接使用这句命令)// 2. git...

2020-04-28 17:35:50

vue-cli项目中使用mockjs模拟数据-配置和使用(超详细!)

在前端的开发中,很多时候都需要用到接口,但是后端的接口往往要比较晚才出来,那么前端有没有办法通过制造假数据来模拟后端端口,加快开发速度呢?答案是肯定的,这里有两种方法介绍下。1. 使用网上一些提供数据的网站,如聚合数据、极速数据等,但是需要注册,大部分API需要钱????,且不如自己配置的方便;2. 利用mockjs模拟数据。下面就介绍在vue-cli项目中使用mockjs来模拟数据的步骤。...

2020-03-25 10:09:05

JS中数组常用的方法(详解)

1.maplet arrNew = arr.map(x => x*2)console.log(arr); // [1, 2, 3, 4]console.log(arrNew); // [2, 4, 6, 8]map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。 map() 方法按照原始数组元素顺序依次处理元素。 注意:map() 不会对空数组...

2020-03-17 13:40:21

web前端开发面试中常见的算法题(JS)

前言最近在准备秋招,做过了大大小小的公司的面试题,发现除了基础知识外,算法还是挺重要的。特意整理了一些常见的算法题,添加了自己的理解并实现。除此之外,建议大家还可以刷刷《剑指offer》(但我还没刷完?,任重道远呐)。此外,左神在牛客网上也有算法课程,听了基础班的感觉还不错,起码让我这个算法小白也能快速地理解了很多问题,知识付费的时代,这个真的是良心课程了。就我个人而言的话,平时为了解决一...

2019-10-07 13:57:22

JavaScript实现切金条问题

问题描述:一块金条切成两半,是需要花费和长度数值一样的铜板的。比如长度为20的金条,不管切成长度多大的两半,都要花费20个铜 板。一群人想整分整块金条,怎么分最省铜板?例如,给定数组{10,20,30},代表一共三个人,整块金条长度为 10+20+30=60。金条要分成10,20,30三个部分。 如果, 先把长 度60的金条分成10和50,花费60;再把长度50的金条分成20和30, 花费...

2019-10-07 16:38:52

Javascript实现岛问题:一个矩阵中只有0和1两种值,每个位置都可以和自己的上、下、左、右 四个位置相连,如果有一片1连在一起,这个部分叫做一个岛,求一个矩阵中有多少个岛?

问题描述: 一个矩阵中只有0和1两种值,每个位置都可以和自己的上、下、左、右 四个位置相连,如果有一片1连在一起,这个部分叫做一个岛,求一个矩阵中有多少个岛?举例: 下面这个矩阵中有4个岛。let arrIsland = [ [0,0,1,0,1,0], [1,1,1,0,1,0], [1,0,0,1,0,0], [0,0,0,0,0,1]];实现思...

2019-10-03 23:39:05

js:数组中有一个数字出现的次数超过数组长度的一半,请找出这个数字

题目:数组中有一个数字出现的次数超过数组长度的一半,请找出这个数字。 例如输入一个长度为9的数组{1,2,3,2,2,2,5,4,2}。由于数字2在数组中出现了5次,超过数组长度的一半,因此输出2。如果不存在则输出0。一、解题思路1.定义一个辅助数组 zero ,里面全是0;2.循环输入的数组 arr ,将 arr 每个位置的值(arr[i])对应到辅助数组zero里的...

2019-08-29 11:36:33

js:数组实现队列和栈、栈实现队列、队列实现栈

目录一、利用数组结构实现大小固定的队列和栈二、仅用队列结构实现栈结构三、仅用栈结构实现队列结构四、总结一、利用数组结构实现大小固定的队列和栈1.数组结构 实现 队列 ①队列的特点:先进先出,后进后出。 ② 注意:需要定义 start、end变量,以标记 出队和入队位置;还要定义一个size变量,约束出入队的行为。<script type="te...

2019-08-24 22:38:54

vue-cli3项目打包时,静态资源请求失败 404

1. 首先放一张项目的目录:public文件夹 存放 index.html以及一些json文件。 src -> assets 文件夹下存放一些需要的图片。 src -> components 文件夹下存放每个模块的组件。 src 目录下是App.vue、main.js、router.js、store.js文件。2. 在执行 npm run build 后,项目多了一个d...

2019-08-16 09:49:23

CSS清除浮动4种方法

一、为什么要清除浮动?是为了解决 父元素因为子元素浮动而引起的内部高度为0的问题。布局:<body><div class="father"> <div class="big">盒子1</div> <div class="small">盒子2</div> 大盒子</div>...

2019-07-30 23:05:12

当img和span一行,设置垂直居中

这里写自定义目录标题当img和span标签放在同一行时,应该如何设置,使它们在该行垂直居中?当img和span标签放在同一行时,应该如何设置,使它们在该行垂直居中? <style type="text/css"> .box{ width: 100%; background-color: #ccc; } .box img{ width: 40px; ...

2019-06-30 17:03:49

overflow:hidden的使用

一、溢出隐藏如果某一元素内容超过所给定的宽高,就会溢出。<style type="text/css"> .box{ background-color: lightblue; width: 400px; height: 60px; margin: 0 auto; text-align: ce...

2019-06-19 11:08:39

小程序AppId-当前开发者未绑定此AppId,请到小程序管理后台操作后重试

最近在学习小程序,在新建项目想要使用自己的AppId时总是出错。查过很多资料都没发现什么有用的,微信开发文档看起来感觉也很混乱。最终自己摸索了蛮久的,终于解决了。方法如下:1.首先先讲一下踩的坑。不想看的可以直接跳到第二步。在看到需要填写AppId时,下意识就在微信公众号平台上找了,位置如下:微信公众平台→拉到最底下有个“开发”模块→点击基本配置可以看到有开发者ID...

2019-06-08 15:06:12

python:爬取天气预报+美女网站数据信息

一、爬取湛江天气预报信息url:http://www.weather.com.cn/weather/10128100101A.shtml1.思路分析:①先爬取网页所有数据,div/ul/li,获得7天天气预报的所有信息;②li下的所有数据进行提取数据;③保存文件。 --文件操作、json模块。import requestsimport lxml.htmlimport...

2019-05-09 09:49:23

Linux相关配置命令-用户组权限、服务器搭建等

Linux用户和组及其权限管理(共20分) 请根据以下项目要求,写出操作过程和命令并上机操作验证。项目要求:某软件开发公司即将开始在Linux系统上进行项目的开发。要实现的环境是:公司有软件开发,网络和技术支持3个部门,对应建立3个用户组为soft,network,support。三个部门里各有2个用户,分别为soft01,soft02;network01,network02...

2019-04-26 00:15:43

AndroidStudio:设计一个能在图片上涂鸦的程序

一内容:设计一个能在图片上涂鸦的程序二实现①布局文件activity_main.xml<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas...

2019-04-07 22:28:12

AndroidStudio:手势识别

一内容:设计一个手写字体识别程序。二实现①建立一个存放手写字体的数据库②activity_main.xml<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="ht...

2019-04-07 21:10:28

jsp:1.计算字符串长度;2.猜英文26个小写字母的web游戏

目录案例一一、内容二、实现三、效果展示案例二一、内容二、实现三、效果展示四、总结案例一一、内容编写两个JSP页面inputString.jsp和computer.jsp,用户可以使用inputString.jsp提供表单的输入一个字符串,并提交给computer.jsp页面,该页面通过内置对象获取inputString.jsp页面提交的字符串,计算并...

2019-04-01 00:38:56

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。
  • 学习力
    学习力
    《原力计划【第二季】》第一期主题勋章 ,第一期活动已经结束啦,小伙伴们可以去参加第二期打卡挑战活动获取更多勋章哦。
  • 原力新人
    原力新人
    在《原力计划【第二季】》打卡挑战活动中,成功参与本活动并发布一篇原创文章的博主,即可获得此勋章。