- 博客(16)
- 收藏
- 关注
RSS订阅原创 在vue中封装可复用的组件方法
// 公共提示信息js import 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
594
原创 返回顶部应用
返回顶部 // 返回顶部动画 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
112
原创 封装深拷贝函数
深拷贝函数 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
439
原创 防抖函数 和 节流函数
防抖函数 防抖函数的应用场景： 输入框中频繁输入内容，搜索或者提交信息； 频繁的点击按钮，触发某个事件； 监听浏览器滚动事件，完成某些特定操作； 用户缩放浏览器的resize事件； 防抖函数代码如下 function debounce(fn, delay, immediate = false) { // 1.定义一个定时器,保存上一次的定时器 let timer = null let isInvoke = false // 2.真正执行的函数 const _debounce = function(...ar
2021-11-25 19:14:31
2768
原创 JavaScript复习
Number.MAX_VALUE typeof NaN 返回的值是number typeof null 返回的值是object 调用被转换数据类型的toString()方法 字符串类型 const b = xxx.toString 这种写法 String()函数 null不能转换 undefined不能转换 转换Number类型 Number()函数 parseInt()可以将一个字符串中的有效的整数内容取出来 parseFloat() 取有效的小数 a=“123px” a = parseIn
2021-07-21 17:56:36
295
原创 时间戳
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
114
原创 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
294
原创 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
209
原创 默认src路径的使用文件 mock摸你数据的使用
默认src路径是@ 在一级目录下创建jsconfig.json文件如下 { "compilerOptions": { "baseUrl": "./", "paths": { "@/*": [ "src/*" ] } }, "exclude": [ "node_modules", "dist" ] } mock摸你数据的使用 先安装 cnpm i moc
2021-04-19 21:06:46
543
原创 vue移动端项目注重点
module.exports = { //配置configwebpack configureWebpack: { //解决路径相关的问题 resolve: { //配置别名 alias: { assets: "@/assets", common: "@/common", components: "@/components", network: "@/network", views: "@vie
2021-03-25 20:30:58
257
原创 js原型链
原型概念 构造函数天生自带的prototype 属性, 可以添加一些方法,给该构造函数的实例使用 prototype定义 每一个函数天生自带一个属性,叫做prototype,是一个对象属性类型 __proto__定义 每一个对象天生自带一个属性,叫做__proto__,指向所属构造函数的prototype ...
2021-03-24 08:15:20
125
原创 前端路由
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
203
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
215
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人