自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(20)
  • 收藏
  • 关注

原创 es6导入导出

1.es6的导入导出用法全量导出导入a.js导出//a.jsfunction A1(){}function A2(){}function A3(){}const allFunction={ A1,A2,A3}export default allFunction//export default {A1,A2,A3}b.js引入import allFunction from "@/untils/a"console.log(allFunction)导出全部,引入全部,

2021-10-14 10:33:27 228

原创 vuex共享数据的应用

vuex共享数据的应用在vue开发中,经常会遇到,非父子组件的通信,除了用事件总线的处理办法,vue周边生态中的vuex为开发者提供了一套规范数据共享插件——vuex。1.vuex的安装与使用npm install vuex --save#或者yarn add vuex安装完之后,先在main.js的入口文件中进行引入import Vue from 'vue'import App from './App.vue'import router from './router'impo

2021-10-13 18:15:42 217

原创 js数组去重整理,从低阶到高阶

数组去重1.双重for循环的方法(es5) function unique(arr1) { for (var i = 0, len = arr1.length; i < len; i++) { for (var j = i + 1, len = arr1.length; j < len; j++) { if (arr1[i] === arr1[j]) { arr1.splic

2021-10-11 15:30:53 205

原创 vue2.0引入swiper

vue2.0引入swiper1.安装swiper#最新版本npm install swiper vue-awesome-swiper --save#自选版本npm install swiper@5.x vue-awesome-swiper --save# oryarn add swiper vue-awesome-swiper# Swiper5 is recommendedyarn add swiper@5.x vue-awesome-swiper2.局部引入建议封装成组件进行使用

2021-09-27 15:29:53 1242

原创 js对象键名变量

js对象键名变量const obj = {}obj.name="张三"function changeName(name,value){ var obj1 = {} obj1[name]=value}const person = changeName('username','李四')console.log(person)

2021-09-03 13:40:22 1152

原创 js之原生自定义事件

js之原生自定义事件 var oinput = document.getElementById('input1'); //注册一个名为haha的自定义事件 var haha = new Event('haha'); // 传参的写法 // var myEvent = new CustomEvent('haha',{ // detail:{} // }) //然后给指定节点绑定haha事件 oinput.addEventListener('haha',functi

2021-08-31 14:39:25 138

原创 node之async

1.串行无关联函数一次执行,最终返回结果,两种函数传入方式const async = require('async')async.series([ function(callback){ setTimeout(function(){ callback(null,'one') },2000) }, function(callback){ setTimeout(function(){

2021-08-30 09:04:47 116

原创 node小爬虫案例

node小爬虫案例1.依赖本案例需要使用nodejs原生库中的https模块,以及npm库中的cheerio模块,请提前了解其用法,和对外部模块进行下载安装npm install cheerio --save2.详细代码本案例仅供学习,切勿将其滥用。具体讲解写在注释中/*第一步观察要爬取的网站,采用的是htpp协议还是https协议,两个模块用法相同,这里以https模块为例*/const https = require('https');const cheerio = re

2021-08-27 08:59:17 127

原创 jquery 设计思想

jquery 设计思想1. jQuery 版本区别jQuery 1.0可以兼容到ie8以下jQuery2.0 只兼容ie8以上jQuery 3.02. jQ设计思想1.模拟css选择网页元素2.独有表达式3.方法式函数4.链式操作5.与原生js可以共存,不能混用3.实例$(function(){ //#id $("#div1").css("backgroundColor","red") //.class $(".box").css("backg

2021-08-24 11:02:54 183

原创 commonjs 暴露模块的实例

node 暴露模块的实例index.jsconst greeting = require('./src/greeting')greeting.hello()//或者使用es6 解构//const {hello} = require('./src/greeting')//hello()hello.jsconst hello = ()=>{ console.log("hello");}module.exports.hello = hello...

2021-08-24 10:27:59 221

原创 nvm安装nodejs,npm无效命令的解决方案

nvm安装nodejs,npm无效命令的解决方案1.先将nvm卸载双击unins000.exe2.重新安装nvm然后在安装的根目录下找到 setting.txt,再添加npm下载root: D:\Node\nvmpath: D:\Node\NodeJs//后面这两句是要追加的配置代码node_mirror: https://npm.taobao.org/mirrors/node/npm_mirror: https://npm.taobao.org/mirrors/npm/node

2021-08-10 09:10:18 2229 4

原创 gulp学习

gulp学习gulp1.安装npm install gulp -gnpm initnpm install --save-dev gulp@3.9.1cd 项目根目录2.新建配置文件文件名gulpfile具体代码如下:const gulp = require('gulp');/* 第一个参数:任务名 第二个参数:回调函数,任务执行的功能*/gulp.task('hello',function(){ console.log('hello world

2021-08-10 08:58:42 163

原创 小程序云开发之点赞功能的实现

小程序点赞功能的实现1.在完成页面布局之后,用data-id="{{item._id}}",拿到用户唯一标识。<text bindtap="handleLinks" data-id="{{item._id}}"> <text class="iconfont icondianzan" ></text> <text>{{item.links}}</text> </

2020-09-28 16:07:10 2606 1

原创 js事件处理

debounce(防抖)当触发高品事件后n秒内函数只会执行一次,如果N秒内高频时间再次触发,则时间重新进行计算。 const debounce = (fn,time) =>{ let timeout = null; return function(){ clearTimeout(timeout) timeout = setTimeout( () => { fn.apply(this,arguments); },time) } }防

2020-09-25 09:20:08 86

原创 数据扁平化之数组处理

数据扁平化之数组处理**假设有一个数组const arr = [1,[2,[3,[4,5]]],6];如何将其从多维数组变为一维数组方法一:使用flat()方法const res1 = arr.flat(Infinity);方法二使用reduce const flatten = arr =>{ return arr.reduce((pre,cur) => { return pre.concat(Array.isArray(cur) ? flatten(cur)

2020-09-23 09:05:24 347

原创 vuex共享数据的应用(2)

vuex的安装和使用1.在vue开发中有一些数据需要多次使用,且需要与其他组件进行共享,那么就需要使用vue全家桶中的vuex来管理共享数据。1使用npm install i vuex,进行安装2.在main.js中使用,具体代码如下import Vue from 'vue'//使用vueximport vuex from "vuex"import channel from "./channels"import loginUser from "./loginUser"//仓库Vue

2020-08-04 21:44:55 444

原创 vue开发之watch组件使用

vue开发之watch组件使用在vue中,不存在跳转,因而组件不会进行二次渲染,所以当某些数据发生变化的时候,组件不会再次渲染。此时就需要使用watch组件来对某些数据,进行监控,从而再次渲染组件,保证页面数据切换与更新。例子 watch:{ //监控某系数据的变化,当数据发生变化时,做一些事 "$route.params.id":{ immediate:true,//对一开始的数据也进行监控 handler(){ console.log("id发生了变化")}}}...

2020-07-30 15:36:39 374

原创 vue-cli低版本创建

在vue-cli的搭建过程中很容易遇到node版本较低的问题node高版本已经不支持windows7,所以在脚手架的搭建过程中,很容易出现版本不支持的情况,这次做了node8.版本下的脚手架搭建1.node -v测试node版本npm-v测试npm包版本2.cnpm install -g vue-cli安装脚手架3.vue -V检查vue的版本4.npm install -g webpack...

2020-07-24 16:34:34 276

原创 前端开发中,三种情况下解决跨域的方法

在前端开发中,在接口调用时,经常会出现跨域的问题,但又不能操作后端,那么前端只能自己来解决。1.原生js解决跨域的办法是``<script type="text/javascript">var script = document.createElement('script');script.type = 'text/javascript';script.src = '接口的域名?(自己的接口需要的参数)&callback=handcallback';//这里在向服务端发送请

2020-07-22 09:08:25 1059

原创 搭建vue脚手架的方法

搭建vue脚手架的方法在官方下载nodejs,搭建node环境 http://nodejs.cn/ 这里提供的是node中文网建议安装git,方便管理代码,而且使用gitbashhere比较方便安装淘宝镜像$ npm install -g cnpm --registry=https://registry.npm.taobao.orgnpm config get registry如果出现https://registry.npm.taobao.org/安装成功$ npm install -g @vu

2020-07-21 16:01:17 127

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除