- 博客(16)
- 收藏
- 关注
RSS订阅原创 在vue中封装可复用的组件方法
// 公共提示信息jsimport Vue from "vue";import Toast from "./dialogMessage.vue"; //引入组件 要使用这个组件// 返回一个“扩展实例构造器”let ToastConstructor = Vue.extend(Toast);let myToast = (text, duration) => { let toastDom = new ToastConstructor({ el: document.createEl
2022-04-30 11:01:12
515
原创 返回顶部应用
返回顶部 // 返回顶部动画 animate: (obj, target , callback) { clearInterval(obj.timer) obj.timer = setInterval(() => { let step = (target - window.pageYOffset) / 10 step = step > 10 ? Math.ceil(step) : Math.floor(step) if
2022-04-14 21:21:00
66
原创 封装深拷贝函数
深拷贝函数function isObject(value) { const valueType = typeof value return (value !== null) && (valueType === "object" || valueType === "function")}function deepClone(originValue) { // 判断是否是一个Set类型 if (originValue instanceof Set) { retur
2021-11-25 20:33:27
361
原创 防抖函数 和 节流函数
防抖函数防抖函数的应用场景：输入框中频繁输入内容，搜索或者提交信息；频繁的点击按钮，触发某个事件；监听浏览器滚动事件，完成某些特定操作；用户缩放浏览器的resize事件；防抖函数代码如下function debounce(fn, delay, immediate = false) {// 1.定义一个定时器,保存上一次的定时器let timer = nulllet isInvoke = false// 2.真正执行的函数const _debounce = function(...ar
2021-11-25 19:14:31
2681
原创 JavaScript复习
Number.MAX_VALUEtypeof NaN 返回的值是numbertypeof null 返回的值是object调用被转换数据类型的toString()方法 字符串类型const b = xxx.toString 这种写法 String()函数null不能转换 undefined不能转换转换Number类型Number()函数parseInt()可以将一个字符串中的有效的整数内容取出来parseFloat() 取有效的小数a=“123px”a = parseIn
2021-07-21 17:56:36
224
原创 时间戳
function myDate (value, type = 0){ var time = new Date(value * 1000); var year = time.getFullYear(); var month = time.getMonth() + 1; var date = time.getDate(); var hour = time.getHours(); var minute = time.getMinutes(); var sec
2021-05-24 21:53:24
71
原创 axios框架 封装使用
request.js文件import axios from 'axios'export function request(config) { //创建axios实例 const instance = axios.create({ baseURL: 'http://152.136.185.210:7878/api/m5', timeout: 5000 }) // axios的拦截器 // 请求拦截 instance.interceptors.request.use
2021-04-19 21:12:14
231
原创 vue.config.js 统一文件目录
module.exports = { configureWebpack: { resolve: { alias: { assets: "@/assets", common: "@/common", components: "@/components", network: "@/network", views: "@views" } } }};使用assets ~用这个符号
2021-04-19 21:08:26
160
原创 默认src路径的使用文件 mock摸你数据的使用
默认src路径是@在一级目录下创建jsconfig.json文件如下{ "compilerOptions": { "baseUrl": "./", "paths": { "@/*": [ "src/*" ] } }, "exclude": [ "node_modules", "dist" ]}mock摸你数据的使用先安装 cnpm i moc
2021-04-19 21:06:46
471
原创 vue移动端项目注重点
module.exports = {//配置configwebpack configureWebpack: { //解决路径相关的问题 resolve: { //配置别名 alias: { assets: "@/assets", common: "@/common", components: "@/components", network: "@/network", views: "@vie
2021-03-25 20:30:58
203
原创 js原型链
原型概念构造函数天生自带的prototype 属性, 可以添加一些方法,给该构造函数的实例使用prototype定义每一个函数天生自带一个属性,叫做prototype,是一个对象属性类型__proto__定义每一个对象天生自带一个属性,叫做__proto__,指向所属构造函数的prototype...
2021-03-24 08:15:20
83
原创 前端路由
vue路由什么是前端渲染ajax出现实现了 前后端分离后端服务器提供的接口前端在页面显示 通过js在dom上显示vue路由 二种模式 hash模式和history模式location.hash=“aaa” 改变url 不请求新的数据HTML5的history模式history.pushState({},’’,‘home’)改变url 覆盖网页地址history.back()返回上一个url地址history.replaceState({},’’,‘home’)替换url 没有返回h
2021-03-22 09:39:52
140
1
原创 webpack
webpack笔记## 五大核心1.entry 入口 webpack以哪个文件作为入口开始打包单入口,使用字符串指定一个入口文件，打包一个chunk,输出bundle,chunk名称可以默认多入口entry:[ " “,” “] 数组写法多入口entry:{one:’./src/index.js’,two:’./src/main.js’} 有几个入口文件就会生成几个chunk,并输出几个bundle,chunk的名称是one，two 此时 output:{ filename
2021-03-16 16:27:29
147
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人