- 博客(44)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 字符串隐藏部分内容
说明实现一个方法，接收一个字符串和一个符号，将字符串中间四位按指定符号隐藏。3.字符串长度是大于四位的奇数时，如123456789，隐藏后是。2.接收的字符串小于或等于四位时，返回同样长度的符号串，等同。***789奇数多出来的一位在末尾。于全隐藏，如123，隐藏后是**1.符号无指定时使用星号(
2022-11-16 00:34:01
1578
原创 工程化一键部署
前端项目资源一键部署服务首先首先安装 shelljs和ssh2-sftp-client npm i shelljs ssh2-sftp-client --save-dev然后修改package.json增加上传命令 "uploadServes": "node uploadServes/index.js"新建 打包上传操作index.jsconst config = require('./config.js');const shell = require('shelljs
2021-11-27 13:49:35
475
原创 react-study-one
react 学习第一天待办事件. demo组件1 待办事件处理模块import React, { Component } from 'react';import Todolist from './Todolist';import FormContent from './FormContent';export class Index extends Component { constructor(props) { super(props); this.refForm =
2021-09-04 15:48:20
59
原创 vuex就看这个
五大模块state功能：存储变量 state: { step: 1, list: [] },mutations改变state 的方法（同步） commit mutations: { plus: (state, payload) => { // payload 负载 带过来的参数 console.log(state, payload); state.step += payload; state.list.p
2021-07-23 15:13:56
61
原创 utils
});call apply bind 改变this 指向，bind改变函数this指向后不会立即执行 apply call 会立即执行， call 参数是多个，apply 参数是一个数组调用方法,用一个对象替换掉另一个对象(this) 对象.call(新this对象,实参1,实参2,实参3.....) 对象.apply(新this对象,[实参1,实参2,实参3.....])
2021-07-23 09:12:42
40
原创 手写深拷贝
1深拷贝function deepClone(obj) { let result = typeof obj.splice === "function" ? [] : {}; if (obj && typeof obj === 'object') { for (let key in obj) { if (obj[key] && typeof obj[key] === 'object') {
2021-07-05 16:03:33
74
原创 vuex数据持久化解决方案
1.手动解决vuex里面存放的数据，页面一经刷新会丢失：解决办法： 存放在localStorage或者sessionStorage里面，进入页面时判断是否丢失，丢失再去localStorage或者sessionStorage里面取；在app.vue根组件的created里面判断是否丢失，在进行上面的操作；2.vuex-persistedstate 插件插件使用方法https://www.jianshu.com/p/c22861ec5f21import createPersistedState f
2021-07-05 14:20:30
248
原创 大屏适配解决方案
大屏适配解决方案（解决不同分辨率下页面展示情况）以vue 为例，使用rem 通过改变根字体大小，来统一变化页面距离// 设置 rem 函数function setRem() { // PC端 console.log("非移动设备"); // 基准大小 baseSize = 100; let basePc = baseSize / 1920; // 表示1920的设计图,使用100PX的默认值 let vW = window.innerWidth; // 当前窗口的宽度 l
2021-06-03 15:02:48
3000
原创 解决深拷贝浅拷贝
递归var china = { nation : '中国', birthplaces:['北京','上海','广州'], skincolr :'yellow', friends:['sk','ls'] } //深复制，要想达到深复制就需要用递归 function deepCopy(o,c){ var c = c || {} for(var i in o){ if(typeof o[i] === 'object'){
2021-05-21 15:47:56
52
原创 file 转base64 and base转file
/** * 将base64转换为文件 * @param {baseURL} dataurl * @param {文件名称} filename * @return {文件二进制流}*/function dataURLtoFile(dataurl, filename) { var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1], bstr = atob(arr[1]), n = bstr.length
2021-04-21 09:15:36
83
原创 给HTML增加水印效果
function watermark(settings) { //默认设置 var defaultSettings = { watermark_txt: "text", watermark_x: 20, //水印起始位置x轴坐标 watermark_y: 20, //水印起始位置Y轴坐标 watermark_rows: 20, //水印行数 watermark_cols: 20, //水印列数 w
2021-04-21 09:09:58
337
原创 重置微信内置浏览器字体大小
重置微信内置浏览器字体大小 setting() { if (typeof WeixinJSBridge == 'object' && typeof WeixinJSBridge.invoke == 'function') { this.handleFontSize(); } else { if (document.addEventListe
2021-03-10 10:18:04
358
1
原创 base64 转文件
base64转文件 dataURLtoFile(dataurl, filename) { var arr = dataurl.split(","); var mime = arr[0].match(/:(.*?);/)[1]; var bstr = atob(arr[1]); var n = bstr.length; var
2021-02-23 10:44:29
151
原创 axios 拦截器 html
var qs = Qs;const instance = axios.create({ timeout: 5000, //请求超时 baseURL: Baseurl, //接口地址});// 请求拦截instance.interceptors.request.use( function (config) { // config.headers.authorization = "Bearer " + getToken(); // 设置请求头（格式不一定是这样） cons.
2020-12-10 15:03:43
512
原创 获取url对应的keys值
获取url对应的keys值function GetQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); //search,查询？后面的参数，并匹配正则 console.log(r); if (r != null) return unescape(r[2]); r
2020-12-10 10:33:00
392
原创 vue 防抖
vue 防抖// 防抖 const delay = (function () { let timer = 0 return function (callback, ms) { clearTimeout(timer) timer = setTimeout(callback, ms) } })() // 调用 // 执行防抖 fn() {
2020-12-04 08:52:47
122
原创 计算时间 时分秒
计算时间 时分秒 // 获取时长 GetTimeLong(stime, etime) { // stime 开始时间 // etime 结束时间 let timer1 = new Date(stime).getTime() let timer2 = new Date(etime).getTime()
2020-11-27 09:11:27
1193
原创 设置cookie
设置cookie //设置cookie function setCookie(cname, cvalue, exdays) { var d = new Date(); d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000)); var expires = "expires=" + d.toUTCString(); document.c
2020-11-25 13:49:24
203
原创 获取当前时间事本年的第几周
获取当前时间事本年的第几周//*** datatime 传入的时间* computerweek(dateTime) { let temptTime = new Date(dateTime) //周几 let weekday = temptTime.getDay() || 7 //周1+5天=周六
2020-11-25 13:21:20
291
原创 web 与原生交互
web 与 原生app交互//与安卓/Ios交互const postToApp = function (FunctionName, string) { try { console.log(FunctionName, string) if (window.webkit) { window.webkit.messageHandlers[FunctionName].postMessage(string) } else {
2020-11-23 10:40:06
176
原创 前端下载表格
## **引用 xlsx.core.min.js** // 表格下载方法 function exportExcel(data) { console.log(data) if (data.length == 0) { return } let newdataarr = [] let titarr = ['排名', '职.
2020-11-09 16:00:15
394
原创 AXIOS 封装
import axios from 'axios'import qs from 'qs'"use strict";axios.interceptors.request.use(function (conf) { return conf;}, function (error) { // 抛出请求错误信息 Promise.reject(error.response);}); // 添加响应拦截器axios.interceptors.response.use(funct
2020-11-02 15:06:40
59
原创 时间封装
// 时间格式化 Date.prototype.Format = function (formatStr) { var str = formatStr var Week = ['日', '一', '二', '三', '四', '五', '六'] str = str.replace(/yyyy|YYYY/, this.getFullYear()) str = str.replace(/yy|YY/, (this.getYear(...
2020-05-13 10:59:14
153
原创 vue下拉刷新 上拉加载
<template> <van-pull-refresh v-model="isLoading" @refresh="onRefresh"> <van-list v-model="loading" :finished="finished" :offset="50" finished-text="没有更多了" @load="onL...
2020-04-29 16:18:40
351
原创 等比例缩放
(function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function () { var clientWidth = docEl.clien...
2020-04-29 16:14:28
589
原创 自动生成若干位随机字符串
自动生成若干位随机字符串 function randomString(length, chars) { var result = ''; for (var i = length; i > 0; --i) result += chars[Math.floor(Math.random() * chars.length)]; ...
2020-04-09 17:40:59
127
原创 微信浏览器调整字体后，页面错位。
解决方案：阻止页面字体自动调整大小// 安卓：(function() { if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") { handleFontSize(); } else { if (document.addEventListen...
2019-12-23 10:25:55
618
原创 微信小程序简单的请求封装
get 请求function get(url, data) { return new Promise((reslove, reject)=>{ wx.request({ method: 'GET', url, data, success: reslove, fail: reject }) })}pos...
2019-10-24 16:58:58
146
原创 手动封装Ajax
什么是AJax说道ajax到底什么是ajax？ ajax是一种创建交互网页应用的一门技术！ajax的优缺点： ##### 优点： 1.实现局部更新（无刷新状态下）， 2.减轻了服务器端的压力 ##### 缺点： 1.破坏了浏览器前进和后退机制（因为ajax自动更新机制） 2.一个Ajax请求多了，也会出现页...
2019-10-18 19:01:03
104
原创 请求，响应拦截
import axios from 'axios'; import { getToken } from './tools'; // 获取toukenconst instance = axios.create({ timeout: 5000, //请求超时 baseURL: 'https://api.cat-shop.penkuoer.com/api/v1', //接口地址}...
2019-10-18 18:53:17
623
原创 为什么说单页面程序SEO不友好？
搜索引擎的工作原理在搜索引擎网站的后台会有一个非常庞大的数据库，里面存储了海量的关键词，而每个关键词又对应着很多网址，这些网址是被称之为“搜索引擎蜘蛛”或“网络爬虫”程序从茫茫的互联网上一点一点下载收集而来的。随着各种各样网站的出现，这些勤劳的“蜘蛛”每天在互联网上爬行，从一个链接到另一个链接，下载其中的内容，进行分析提炼，找到其中的关键词，如果“蜘蛛”认为关键词在数据库中没有而对用户是有用的便...
2019-10-13 17:06:11
1022
1
原创 什么是ts？
什么是tsts是js的超集，意味着js本身的语法在ts里面也能跑的通。ts一方面是对js加上了很多条条框框的限制，另一方面是拓展了js的一些能力，就像es6提供了那么多神奇的语法糖一样。只要按照一定的规则去书写js，就能享受到ts带来的好处。当然因为现在的ts足够强大，并且有自家的vscode保驾护航，才方便了我们这些过去想都不(lan)敢(de)想的苦逼程序员。js改造成ts的工作量很大程...
2019-10-13 16:53:49
6159
原创 vue的基础操作
基本格式el:表示new的实例，要控制页面上的区域data： el控制区域需要的数据methods： el控制区域所调用的方法components：调用的模板基础操作，及一些用法v-text ='数据' 会覆盖元素原来的内容v-html 解析带有标签的数据 会覆盖元素原来的内容{{}} 插入数据 替换原来的占位符 {{}} ...
2019-09-27 08:54:26
87
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人