- 博客(22)
- 收藏
- 关注
原创 vue-实现换一换功能
<template> <div> <div style="background: #f6f7f9; height: 12px; width: 100%"></div> <div class="resource-box"> <div class="circleResources-header"> <p>发现圈子</p> <p @click="ch
2022-05-16 15:13:25 668
转载 vue 获取当前日期所在的年 月 周 日时间范围
var now = new Date(); // 当前日期var nowDayOfWeek = now.getDay(); // 今天本周的第几天var nowDay = now.getDate(); // 当前日var nowMonth = now.getMonth(); // 当前月var nowYear = now.getYear(); // 当前年nowYear += nowYear < 2000 ? 1900 : 0;/** * @param 日期格式化 * @returns
2022-04-24 12:00:42 1527
原创 PageOffice在前后端分离(如:Vue)中调用示例 前端使用vue集成pageoffice
项目开发中有使用到pageoffice,官网给的demo都是用jquery去做的,打开pageoffice 编辑保存后 需要刷新父页面拿到回调信息,因为vue是单页面应用,点击保存刷新父页面只能在index.html 在定义的路由文件里使用拿不到回调思路:在index.html中拿到回调,绑定自定义事件1.第一步引入pageoffice.js<script type="text/javascript" src="http://xxxxxx.com/pageoffice.js"></s
2021-12-22 15:47:03 4495 1
原创 图片上传到阿里oss封装js文件
开发中,公司要求静态资源数据统一上传到阿里oss上面,针对这一点封装统一公用的js1.首先要安装oss sddnpm install ali-oss 2.oss工具类import { OSSConfig } from './oss';import co from 'co'import OSS from 'ali-oss';// 随机串function random_string(len) { len = len || 32 va
2021-08-11 10:57:44 471
原创 记录公众号ios分享无效问题
记录公众号ios分享无效问题记录微信公众号分享无效的问题在写微信公众号分享的过程中,遇到了ios分享兼容问题,分享指定页面的时候 安卓端正常,ios端不论分享那个页面最后分享出去的都是首页,查了很多文档,网上的方法在我的项目里面就是无效,目前是自己想到的解决方案如何插入一段漂亮的代码片在afterEach导航守卫中判断当前设备是ios,如果是,通过location.href配合fullname拼接当前页面的地址router.afterEach((to, from) => { if
2021-08-11 10:33:41 395
原创 查询树形结构中任意id或者name对应的children数组
vue 使用递归,查询树形结构中任意id或者name对应的children数组 // 递归查询任意一级对应的数组`在这里插入代码片` deepQuery(tree, name) { var isGet = false; var retNode = null; function deepSearch(tree, name) { for (var i = 0; i < tree.length; i++) { if (tre
2020-08-10 17:03:25 1474
原创 vue 指令 函数防抖
/** * @desc 函数防抖 * @param func 函数 * @param wait 延迟执行毫秒数 * @param immediate true 表立即执行,false 表非立即执行 */ const debounce = function(func, wait, immediate = true) { let timeout; return function() { if (timeout) clearTimeout(timeout); ..
2020-07-27 09:45:48 563
原创 node.js 解决npm网速慢的问题
- 解决npm网速慢的问题 - 打开终端窗口,输入如下命令: npm config set registry https://registry.npm.taobao.org --global npm config set disturl https://npm.taobao.org/dist --global - 调用 npm install nrm -g 安装...
2019-12-31 13:42:19 893 2
原创 使用webpack打包配置vue
7.webpack的基本使用A.创建项目目录并初始化创建项目,并打开项目所在目录的终端,输入命令:npm init -yB.创建首页及js文件在项目目录中创建index.html页面,并初始化页面结构:在页面中摆放一个ul,ul里面放置几个li在项目目录中创建js文件夹,并在文件夹中创建index.js文件C.安装jQuery打开项目目录终端,输入命令:npm install j...
2019-11-28 08:40:57 155
原创 前端js 1~100的随机数 抽取十个去重之后找出最大值和最小值
1~100的随机数 抽取十个去重之后找出最大值和最小值 <script> // 1~100的随机数 去重之后找出最大值和最小值 var arr = []; for (var i = 1; i <= 10; i++) { var flag = false; var a = Math.floor(Math.random...
2019-10-14 11:00:24 1457
原创 移动端长按复制内容跳转到微信
<script src='https://static.shanchuangjiaoyu.com/website/public/lib/basic/jquery.min.js'></script> <script> ! function(g, d, t, e, v, n, s) { if (g.gdt) return; ...
2019-09-03 14:00:43 10127
原创 localsStorage以对象格式存储用户名并记住用户名
将用户名和密码构造成对象的格式, 存入localsStorage中, 类似这样的格式{usermae:‘admin’,pwd:‘123456’}// 获取元素var username = document.querySelector(’#username’);var pwd = document.querySelector(’#pwd’); var remember = docume...
2019-05-05 21:17:15 571
原创 js原生轮播图
核心原理 轮播图案例核心思想1.当鼠标经过时,左右按钮显示,鼠标离开时,左右按钮隐藏2.动态生成小圆点,第一个小圆点高亮3.点击小圆点,图片跟随移动①利用自定义属性 记录图片所在元素的序列号index②当点击当前小圆点,图片移动index图片的offsetWidth.③克隆第一张图片放在最右边,位置一定放在动态创建小圆点的后面4.点击按钮 图片移动(右侧)左侧相反①声明一...
2019-04-29 16:20:37 265
原创 翻转数组
// 翻转数组 function reverse(arr) { // if (arr instanceof Array) { if (Array.isArray(arr)) { var newArr = []; for (var i = arr.length - 1; i >= 0; i--) ...
2019-04-22 09:37:53 107
原创 倒计时案例(时间戳)
1.核心算法:输入的时间减去现在的时间就是剩余的时间,即倒计时 ,但是不能拿着时分秒相减,比如 05 分减去25分,结果会是负数的。2.用时间戳来做。用户输入时间总的毫秒数减去现在时间的总的毫秒数,得到的就是剩余时间的毫秒数。3.把剩余时间总的毫秒数转换为天、时、分、秒 (时间戳转换为时分秒)转换公式如下:// d = parseInt(总秒数/ 60/60 /24); // 计...
2019-04-22 09:17:26 1316
原创 判断字符串中出现次数的字符,并统计次数
求字符串中出现次数最多的元素var str=‘kdjfrehfuewaiurvhdhdhduddddddd’;核心算法:利用 charAt() 遍历这个字符串把每个字符都存储给对象, 如果对象没有该属性,就为1,如果存在了就 +1遍历对象,得到最大值和该字符var o = {};for (var i = 0; i < str.length; i++) {var chars = ...
2019-04-22 09:10:02 311
原创 冒泡
其实冒泡法排序是一个固定格式的for循环嵌套for(var i = 0;i<arr.length - 1;i++){//1.外层循环决定比较的轮数for(var j = 0;j< arr.length - 1 - i;j++){//2.内层循环决定每一轮比较的次数 if(arr[j] > arr[j+1]){//3.交换相邻元素:比较两个相邻数字的大小 ...
2019-04-16 19:34:59 97
原创 冒泡的原理
冒泡:冒泡算法排序核心:数组中相邻的两个元素比较大小,如果前者大于后者则交换位置每一轮比较可以找出数组中最大的那个数字,并且移到了数组的最后面var arr = [18, 15, 10, 20, 5]; //[5,10,15,18,20] //1.获取数组中所有元素:数组遍历 for (var i = 0; i < arr.length - 1; i++) { //i =...
2019-04-16 19:32:32 853
原创 字符串用“|”分割
例如:['中国', '我', '爱', '你'] 变成: 中国 | 我 | 爱 | 你 var arr = ['中国', '我', '爱', '你']; var str = arr[0];//因为第一个元素前面不需要“|”,所以取出第一个元素直接赋值给str var sep = "|"; for (var i = 1; i < arr.length; ...
2019-04-16 17:30:29 832
原创 数组的去重
数组的去重1.遍历旧数组2.定义一个新的空数组3.定义一个布尔类型的变量作为开关,默认为true4.遍历新数组与旧数组进行比较,如果该元素存在在新的数组中,开关为false。否则开关为开启状态。5.如果开关为开启状态。把旧数字的元素添加到新的数组中。例如:var arr = [20, 25, 66, 78, 25, 66, 39]; //[20,25,66,78,39] //...
2019-04-16 17:25:35 88
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人