- 博客(21)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 js常用的一些自定义函数、方法
一些经常用上的js自定义函数，数据类型判断、防抖、节流、获取地址参数、时间格式化、ajax、字符串截取或替换、去除字符串两侧指定字符、localStorage简单封装、简单的提示框弹窗等等
2022-05-19 09:32:06
488
原创 js时间戳转指定的时间格式
时间戳转指定的时间格式，时间格式可以自己随意定义。 以前写的时候，看了好几个时间格式的函数，后来慢慢处理优化搞出来的，自己也是一直都在用的方法/** * @description 时间戳转化为年 月 日 时 分 秒 * @method formatTime(format,num) * @param {string} [format='YYYY-mm-dd HH:MM:SS'] 时间格式,不填时默认使用'YYYY-mm-dd HH:MM:SS'格式,更改只需替换中间连接符号就行'YYYY年
2021-12-08 10:10:48
4397
原创 在vue3.0项目中使用tinymce富文本编辑器
在 vue3.0 安装tinymce使用npm安装tinymce-vue包npm install --save "@tinymce/tinymce-vue@^4"会安装@tinymce和tinymce这两个包，不需要再单独安装tinymce包注意：tinymce-vue包的版本 4支持 Vue3.0版本，但不支持vue2.0版本。对于 Vue2.0项目，就要安装tinymce-vue版本 3 （npm install --save “@tinymce/tinymce-vue@^3”）
2021-12-02 10:00:36
8341
12
原创 js获取地址栏(或者指定地址)参数
自己写了个方法，使用原生js获取地址栏(或者指定地址)的参数getParams(name,url)1、name，需要获取参数的名称，为空的话，直接返回参数的json对象2、url , 需要传入的地址，默认为浏览器的地址/** * @function 获取浏览器地址的参数 * @param {String} [name=''] 获取值的key,默认为空,为空时，函数返回json对象 * @param {String} [url=window.location.href] 地址，默认为浏
2021-10-24 16:17:27
3610
原创 vite.config.js里面使用环境变量
文章目录一、前言二、使用步骤1.创建.env文件2.获取变量3.部署结果三、总结一、前言考虑到一个项目可能会有开发版本、上线版本、测试版本等等多个版本，不同的环境会有不同请求api接口，就需更改一些基本配置，基本路径，服务器代理这种都要更改一遍，这时候就显得很麻烦，所以这里就使用了环境变量提示：以下是本篇文章正文内容，下面案例可供参考二、使用步骤1.创建.env文件 直接在根目录下创建.env后缀的文件，.env ——全局的，没有设置其他环境变量时，会加载这个文件里的内容，比如所有版本都
2021-09-29 13:28:28
12440
原创 gulp-file-include静态页面预构建
前端写html静态页面时，有很多页面的部分代码都是一样的，在没有用到框架的情况下，没有办法从分离提取出来，然后在需要的页面上引入使用，所以就用前端构建工具来处理，百度一下找到了gulp的一个插件gulp-file-include。npm安装gulp，基本上安装的是最新版本或者新的稳定版本，新版gulp语法有变化，所以踩了一些坑，记录一下，总结经验一、初始准备我这里使用的是npm，npm是nodejs的功能，先检查一下是否安装nodejsnode -v //查看nodejs对应版本号，可以
2021-09-15 14:46:18
590
原创 js对sessionStorage、localStorage的封装
文章目录一、前言二、 localStorage和sessionStorage三、封装代码四、调用方式一、前言 因为localStorage和sessionStorage只能存储字符串类型，平时自己会存一些json数据，存的时候要先json转成字符串，然后取出来的时候在把数据转成json数组，觉得麻烦，然后这里封装成一个构造函数SStorage来调用！localStorage为永久保存，所以这里也设置了过期时间保存数据时，记录保存数据的时间戳(st)、保存多长时间(t)、数据(val)。读取数据时
2021-08-13 15:53:18
834
原创 vue3.0封装一个图标选择组件
基于vite2.0+vue3.0项目写了一个图标选择器,项目引入对应的css字体文件就行，支持模糊搜索1、IconPicker.vue<template> <div class="pp_picker" @click.stop ref="myRef"> <div class="inp_box"> <i class="inp_icon" :class="iconText"></i> <input
2021-07-01 10:32:30
2409
5
原创 记录几个图片占位、图片生成的线上地址
https://dummyimage.com/一般的话只需要在地址后面加上对应的尺寸就行了例如：https://dummyimage.com/300x300https://dummyimage.com/300x300.pnghttps://dummyimage.com/300/f00/fff.png&text=Hello+World(大小：300x300；背景：#f00；文字颜色：#fff；text：文字内容) ...
2021-06-28 13:20:54
724
原创 vue3.0简单封装一个分页组件
之前使用的是element-ui二次封装后的分页，然后这里是自己单独写的一个分页组件Paging.vue在这里插入代码片在这里插入代码片在这里插入代码片在这里插入代码片sss<scritp></script><!--简单分页封装（vue3.0）--> <template> <div class="pagtion" v-if="isShow"> <ul class="page_ul">
2021-06-15 17:06:01
1606
原创 正则表达式，不含有中文和空格,6-16位
记录一个自己常用密码验证的正则表达式 ????请输入不含有中文和空格，至少6位，最多16位的密码var regPwd = /^[^\u4e00-\u9fa5 ]{6,16}$/; //不含有中文和空格,6-16位开头^,从最开始匹配结尾$,匹配到结束[\u4e00-\u9fa5]表示只能有中文,[\u4e00-\u9fa5 ]这里多添加了一个空格,表示只能有中文和空格,[^\u4e00-\u9fa5 ]中括号里面最前添加^,取反,不能有中文和空格{6,16}表示最少6个，最多16个字符
2021-06-09 14:06:55
6087
2
原创 在vue项目使用防抖、节流
这是我的目录结构，在utils文件夹下面创建common.js，这个文件我用来存放一些常用的函数、方法等等，暂时先添加了防抖、节流函数。 当然这个也不一定就要放在utils文件夹下面，引入的时候，引入对应的文件路径就行common.js/** * @function 防抖函数，规定时间内点击多次，只执行最后一次 * @method debounce(callback,wait); * @param {function} callback 需要执行的函数 * @param {
2021-05-18 14:06:54
481
原创 vue3.0刷新页面、刷新组件(provide / inject在setup里使用)
网上基本上都是vue2.0版本的写法，虽然vue3.0版本也兼容vue2.0的写法，但还是想用vue3.0的写法写一写在setup()中使用provide / inject传值的方式来想实现页面刷新的效果，算了直接上代码吧！在App.vue文件下<!-- App.vue --><template> <router-view v-if="isRouterAlive"></router-view> <!-- 在router-view使用isR
2021-05-08 17:27:35
13783
13
原创 div面板分割效果
使用原生js、html+css简单实现div面板分割效果（横向、纵向）完整html代码<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, init.
2021-05-06 11:15:05
1535
原创 使用webpack搭建Vue项目（vue2.0）
前提先安装node.Js,nodejs带npm在D盘下创建一个vuetest空文件夹，命令行切换路径到该文件下，首先查看一下是否安装对应的模块环境,没有的按照下面的命令进行安装npm install -g webpack //全局安装webpacknpm install -g webpack-cli //全局安装webpack-cli接下来使用vue-cli脚手架构建项目...
2020-03-26 17:54:08
1949
原创 js自执行函数写法,不用调用直接执行 、 调用执行 、 传值
//自执行写法1 (function () { alert(1) })() //自执行写法2 var a = function () { console.log(1); }(); //调用执行的方式 function b(e) { console.log(e) } b(8);//调用 //传值1 var arr = { ...
2020-03-26 11:08:51
1693
原创 webpack安装入门使用
一、安装所需的webpack 切换到对应的项目文件npm init //初始化， 创建package.json文件npm install --save-dev webpack //安装webpack 模块，会多一个node_modules文件npm install --save-dev webpack-cli //安装webpack-cli 模块(4.0以后的版本...
2020-03-25 17:47:38
143
vite2_vue3_ts.rar
2021-10-22
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人