- 博客(24)
- 收藏
- 关注
RSS订阅原创 js数组去重
数组去重1.indexOf()方法 var arr = [1,2,3,4,2,3,4] var newArr = []; for(var i = 0; i < arr.length; i++){ if(newArr.indexOf(arr[i]) == -1){ newArr.push(arr[i]) } } console.log(newArr)// [1, 2, 3, 4]2.sort()排序后判
2021-08-26 17:38:35
121
1
原创 jquery实现回到顶部
jquery实现回到顶部调用gotoTop函数，为窗口增加scroll事件，传入页面滚动的最小高度，没有传值默认600，在此传了200，当滚动条高度大于200的时候，回到顶部的div显示，否则消失。点击回到顶部，定义一个动画，让窗口的scrollTop逐渐减至0；<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" c
2021-01-06 13:58:57
170
1
原创 jquery实现页面滚动到底部事件并兼容华为自带浏览器
jquery实现页面滚动到底部并兼容华为自带浏览器1.$(window).scrollTop() + $(window).height() === $(document).height()成立时滚动条在底部 $(window).bind("scroll", function () { let _this = app; var scrollTop = $(window).scrollTop(); var scrollHeight = $(window).
2021-01-05 16:57:33
410
1
原创 vue+elementUI实现点击表格中某一个单元格进行复制其内容
vue+elementUI实现点击表格中某一个单元格进行复制其内容在下面案例中复制的是链接这一列1.安装插件vue-clipboard2npm install vue-clipboard2 --save2.在main.js中引入import Vue from ‘vue’import VueClipboard from ‘vue-clipboard2’Vue.use( VueClipboard )3.在页面中使用在template中： <el-table-column label
2021-01-05 13:40:17
2649
原创 在vue中用elementUI构建后台管理系统遇到的有关图片的相关问题
一、使用elementUI构建后台管理系统如何上传一张图片和多张图片二、上传一张图片后如何关闭"+"这个按钮：首先，给el-upload加一个limit属性和一个class类名,limit限制上传图片的数量，class需要动态绑定类名，在data中定义一个变量uploadDisabled，默认为false，当上传一张图片的时候会触发on-change钩子函数的appChangeFile方法，该方法含有两个参数(file,fileList),fileList是在data中定义的一个用来存储图片的数组，在该
2020-12-29 16:17:23
404
原创 在vue新版脚手架中下载和使用jquery
1.在vue新版脚手架中下载jquerynpm i jquery --save2.在vue.config.js文件中加入以下代码：module.exports = { chainWebpack: config => { config.plugin('provide').use(webpack.ProvidePlugin, [{ $: 'jquery', jquery: 'jquery', jQuery: 'jquery', 'windo
2020-12-29 15:02:40
1423
原创 新版脚手架运行项目后报错‘--fixed‘和在新版脚手架中关闭eslint
刚进公司接受别人的项目，然后接需求，在别人写好的项目上进行修改，最常见的错误就是 --fixed错误，其实就是在项目中用了eslint的原因，下面是对eslint的介绍以及如何在新版vue脚手架中关闭eslint.Eslint 是什么eslint就是代码规范的一个插件，比如规定单双引号，空格的不规范使用，形成一个统一的规范，如果bu规范的话，运行项目最常见的错误就是 --fixed在新版脚手架中关闭eslint:在vue.config.js文件夹加入以下代码，重启即可const webpack =
2020-12-29 14:56:07
241
1
原创 js判断是pc端还是h5端和是android还是ios
公司的官网下载页面需要判断1 js判断是pc端还是h5端function browserRedirect() {var sUserAgent = navigator.userAgent.toLowerCase();if (/ipad|iphone|midp|rv:1.2.3.4|ucweb|android|windows ce|windows mobile/.test(sUserAgent)) {//跳转移动端页面window.location.href = “移动端页面.html”;} el
2020-11-23 18:36:10
2604
1
原创 深拷贝和浅拷贝的小结
深拷贝和浅拷贝只是针对对象和数组这样的引用数据类型。浅拷贝只复制指向某个对象的指针，而不复制对象本身，新旧对象还是共用一块内存。深拷贝会创造一个一模一样的对象，新对象跟原对象不共享内存，修改新对象不会改到原对象。赋值：当把一个对象赋值给一个变量时，赋的其实是该对象在栈中的地址，而不是堆中的数据。也就是两个对象指向的是同一个存储空间，无论哪个对象发生改变，其实都是改变存储空间的内容，因此，两个对象是联动的。...
2020-11-23 18:28:36
117
1
原创 npm设置淘宝镜像
1.将npm设置为淘宝镜像：npm config set registry https://registry.npm.taobao.org2.查看淘宝镜像是否设置成功npm config get registry显示https://registry.npm.taobao.org/代表成功
2020-11-23 18:27:34
58
原创 swipper的简单使用和默认样式的修改
这篇文章简单介绍了swipper的简单使用，首先，了解下swipper的用途swipper官网是这样介绍的：Swiper常用于移动端网站的内容触摸滑动Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。Swiper开源、免费、稳定、使用简单、功能强大，是架构移动终端网站的重要选择！swipper官网：https://www.swiper.com.cn/如果你不想将Swiper文件放在你的项目
2020-11-23 18:26:04
784
原创 git的安装和基本使用以及公钥的使用
1 git的介绍：git是一个开源的分布式版本管理系统，能够帮助我们记录每次文件的改动，还可以让同事协助编辑。分布式管理就是每台电脑都是一个完整的版本库。2 安装git：官网链接：安装成功之后点击桌面右键会出现：Git GUI Here 和 Git Bash Here 代表安装成功。3 基本使用：安装成功之后首先配置用户名和密码git config --global user.name “你的用户名”git config --global user.email “你的邮箱”配置成功后查看用户名
2020-11-17 23:56:46
316
原创 将本地项目上传至码云并覆盖码云项目
如果本地没有码云上的项目的话，首先先将项目克隆到本地1 git clone 远程仓库地址2 cd 文件夹3 将修改后的文件复制到该文件夹中，选择替换4 查看状态 git status 爆红的说明有修改5 git add . 然后git status 变绿说明add成功6 git commit -m ‘要修改的注释’7 git push origin master8 去远程仓库即可看到修改成功再次覆盖只需重复2-7即可在此附上git的一些简单配置命令：...
2020-11-11 17:50:05
413
原创 查看vue,vue脚手架的版本和npm和node的版本
1.查看vue版本号：npm list vue2.查看vue脚手架的版本号：vue -V3.命令行返回上一级目录:cd…4.package.json文件中的dependencies和devDependencies的区别:dependencies:生产环境devDependencies:开发环境在做项目时，两者的差别并不大，在项目打包时，dependencies下的模块会作为依赖，一起被下载，也就是说dependencies依赖的包不仅开发环境能使用，生产环境也能使用；devDependencie
2020-11-09 14:26:19
12296
原创 前端常见安装的一些环境和配置
1，vscode2，安装node的同时安装npm3，设置淘宝镜像:window+R：进入命令行npm -v:查看npm版本号npm install -g cnpm --registry=https://registry.npm.taobao.org:安装并设置为淘宝镜像
2020-11-09 14:21:27
1533
原创 运行vue项目的时候报一个js错误-instrument.js?d20a:109
刚进公司接手上一任前端的项目，从码云上下载好项目，开始跑起来之后点击某一个按钮，发现报了一个js错误，想了很久终于发现了这个错误的来源，首先来看下这个错误是什么点击这个文件会发现这个传参的时候报的参数错误，然后，，，其实，是在相对应的页面组件中的一个方法中，用console.error()打印了，所以才会出现上面那个js错误，将console.error注释即可。在此，特别鸣谢小朱同学辛勤找bug。...
2020-11-08 16:06:18
689
1
原创 git常用的一些操作:上传文件到码云和从码云下载文件到本地
首先，git常用的操作分为将本地项目上传到码云(gitee)上去和从码云(gitee)上下载到本地中来一，将本地项目上传到码云(gitee)上去1.准备：在码云上建立一个仓库，比如2.建立本地仓库并初始化，新建一个文件夹比如test1,进入test文件夹，右键点击Git Bash Here,输入 git init建立本地仓库并初始化，然后就会在test1中看到一个.git的文件夹即可。如果没有点击查看，勾选隐藏的项目即可。然后将要上传的项目拷贝至该文件中，3.连接远程仓库：git remote
2020-11-06 13:43:19
407
原创 vue-cli3中的配置环境.env.development和.envproduction
.env.development : 开发环境下的配置文件.env.production ：生产环境下的配置文件关于文件中的内容：必须以VUE_APP_开头关于文件的加载：根据文件名进行加载执行npm run serve 会加载可能存在的 .env ,.env.development , .env.development.local 文件执行npm run build 会加载可能存在的 .env , .env.production , .env.production.local 文件注意：.e.
2020-11-06 09:46:55
2427
原创 vue-cli脚手架新版和旧版的安装与使用
vue脚手架的旧版(1.X,2.X）的安装与创建，首先查看电脑是否安装node和npm,：1 安装命令：npm i vue-cli -g如果安装淘宝镜像的话可以使用cnpm2 安装并设置淘宝镜像：npm install cnpm -g --registry=https://registry.npm.taobao.org安装成功之后，cnpm就可以替代npm3 创建项目windows+R 进入命令行创建项目之前确认node环境，安装好node之后默认安装了npm查看node和npm 是否安
2020-11-05 09:29:31
1817
原创 js面试题：var和let的区别
变量提升：用var定义的变量会变量提升，也就是如果先console再var的话会显示undefined，let没有变量提升作用域：var是函数作用域，在函数内var一个变量，在整个函数内都是有效的，在for循环内var一个变量，在for循环以外可以被访问，let是块级作用域。重定义：let不能被重新定义，var可以。附：const：const定义的变量不能改变。...
2020-10-30 00:36:36
127
原创 原型和原型链
原型：所有的引用类型都有_proto_属性所有的函数都有_prototype_属性所有引用类型的_proto_都指向它构造函数的_prototype_原型链：当访问一个对象的属性时，会在它本身的属性上查找，如果没有找到，就会去它的_proto_上查找，即它的构造函数的_prototype_,如果还没有找到，就会在它的构造函数的_prototype_的_proto_中查找，就这样一层一层向上查找就会形成一个链式结构，称为原型链。...
2020-10-30 00:23:04
49
原创 小程序的app.js做的事情和小程序的生命周期
app.js为全局的逻辑文件，也可称为小程序的入口文件。app.js: 调用App方法注册小程序实例，绑定生命周期回调函数，错误监听和页面不存在监听函数等。App（Object Object）注册小程序，接受一个object参数，其指定生命周期函数。App必须在app.js中调用且只能调用一次。小程序的生命周期包括小程序的应用生命周期和小程序的页面生命周期：应用生命周期：onLanch:监听小程序初始化onShow:监听小程序启动或切前台onHide:监听小程序切后台页面生命周期：onLo
2020-10-30 00:01:02
564
原创 div样式操作
点击切换样式：代码：` div操作样式 </div> <button id="btn"> 点击切换样式</button> <div id="gray"></div> <div id="edit"> <h2>大小</h2> <p> <.
2020-06-25 16:01:48
169
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人