- 博客(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 238
原创 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 226
原创 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 212
原创 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 1252
原创 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 1164
原创 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 139
原创 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 117
原创 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 133
原创 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 191
原创 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 227
原创 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 2263 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 168
原创 小程序云开发之点赞功能的实现
小程序点赞功能的实现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 2615 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 89
原创 数据扁平化之数组处理
数据扁平化之数组处理**假设有一个数组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 351
原创 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 446
原创 vue开发之watch组件使用
vue开发之watch组件使用在vue中,不存在跳转,因而组件不会进行二次渲染,所以当某些数据发生变化的时候,组件不会再次渲染。此时就需要使用watch组件来对某些数据,进行监控,从而再次渲染组件,保证页面数据切换与更新。例子 watch:{ //监控某系数据的变化,当数据发生变化时,做一些事 "$route.params.id":{ immediate:true,//对一开始的数据也进行监控 handler(){ console.log("id发生了变化")}}}...
2020-07-30 15:36:39 377
原创 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 278
原创 前端开发中,三种情况下解决跨域的方法
在前端开发中,在接口调用时,经常会出现跨域的问题,但又不能操作后端,那么前端只能自己来解决。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 1075
原创 搭建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 132
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人