- 博客(37)
- 收藏
- 关注
RSS订阅原创 数组的方法总结
1、调用方法后会修改原数组的 // 用一个固定值填充一个数组中从起始索引到终止索引内的全部元素 Array.prototype.fill() // 修改原数组 返回修改后的数组。 console.log([1, 2, 3].fill(4, 1)); // [1, 4, 4] // 从数组中删除最后一个元素 // 如果你在一个空数组上调用 pop()，它返回 undefined Array.prototype.pop() //
2022-03-11 10:59:43
180
原创 自定义封装promise和promise相关的方法
Promise 是一门新的技术(ES6 规范)Promise 是 JS 中进行异步编程的新解决方案（旧方案是单纯使用回调函数）Promise 很好的解决了回调地狱的问题 加强了代码的可阅读性学习地址：https://www.bilibili.com/video/BV1GA411x7z1添加了一些我自己的理解的注释 (#^.^#)function Promise(executor) { this.PromiseState = 'pending' // 默认状态是pending..
2022-02-18 18:23:34
1114
1
原创 tsconfig.json的配置项
学习地址：https://www.bilibili.com/video/BV1Xy4y1v7S2?p=1{ // tsconfig.json是ts编译器的配置文件，ts编辑器可以根据他的信息来对代码进行编译 /* “include”用来指定那些ts文件需要被编译 可以为多个 路劲 ** 表示任意目录 *表示任意文件 */ "include": [ // 包含 "./src/**/*" // "./src1/**/index.ts" ], /*
2021-12-16 10:13:54
1574
原创 使用webpack打包ts代码
学习地址：https://www.bilibili.com/video/BV1Xy4y1v7S2?p=1使用webpack打包ts代码// 安装插件// npm init –y 初始化项目// npm i -D @babel/core @babel/preset-env babel-loader core-js// npm i -D clean-webpack-plugin// npm i -D webpack-dev-server// npm i -D html-webpack-p.
2021-12-16 10:09:11
125
原创 webpack常用基本配置的释义
webpack常用基本配置的释义/** * 配置详解 * https://webpack.docschina.org/configuration/optimization/ * entry：入口起点 * 写法1：string ---> entry: './src/js/index.js' * 单入口 * 打包形成一个chunk，输出一个bundle文件 * 如果不指定输出名称默认是main.js(如果指定了ou
2021-12-07 10:30:45
798
1
原创 处理数字保留两位小数 不四舍五入
// targetNum 需要处理的数字 // targetLonger 需要保留的位数const formatNum = function (targetNum, targetLonger ) { targetNum= targetNum.toString() let index = targetNum.indexOf('.') if (index != -1) { targetNum= targetNum.substring(0, targetLonger + index + 1
2021-03-30 18:28:34
906
原创 小程序需要点击两次保存按钮才会保存数据
小程序输入内容之后在键盘依旧弹起的状态下需要点击两次保存按钮才会保存数据键盘会因为聚焦和失去焦点而弹出和收起保存点击保存时会触发form的 事件但是如果此时form内的input框获取了焦点，点击屏幕应该会先收起键盘 再次点击才会触发提交事件可以不使用name获取数据，使用setData来操作数据button改为保存使用点击方法提交如果有更好的方法欢迎留言哈 O_O...
2021-02-04 15:31:18
681
2
原创 微信小程序组件初始化的生命周期lifetimes和pageLifetimes的区别
lifetimes lifetimes: { attached: function () { try { // 需要在初始化的时候做的操作 } catch (e) { } console.log('lifetimes执行了qqq') // 在组件实例进入页面节点树时执行 }, detached: function () { // 在组件实例被从页面节点树移除时执行 }, },这个
2021-01-13 17:48:59
12024
原创 解决使用angular开发时 动态生成的HTML结构无法绑定事件
现在在用angular 7版本开发时,动态生成html结构插入到页面中时添加的click不生效,废了好大的劲才解决T_T因为时动态生成的html所以点击事件不生效,如果时JQ可以使用事件代理import { Component, OnInit, ElementRef, Renderer2 } from '@angular/core'; constructor( private el: ElementRef, private renderer: Renderer2 ) {}
2020-08-29 23:18:57
684
原创 当本地启动服务时，本地保存的cookie和后台的唯一标识匹配不上时本地无法登录的问题
使用ModHeader处理本地domain和服务端不同导致的cookie无法公用问题可能的原因： https://www.cnblogs.com/nzbin/p/8975618.htmlModHeader的使用： https://www.cnblogs.com/cc11001100/p/9788683.htmlModHeader的下载： https://www.chajian5.com/extension/modheader-v3-0-9ModHeader的安装： https://www.chaji
2020-08-25 00:12:03
597
原创 vue element 上传组件实现导入的功能
使用vue element的upload实现导入的功能<template> <div> <el-dialog :visible="show" title="导入模板" center @close="handleClose()"> <el-main> <el-upload :http-request="upload" :file
2020-08-16 17:29:10
574
原创 使用vue element实现下载导出功能
实现下载导出功能// 点击页面内的导出弹框，通过element-tree 选择指定内容 在点击导出 实现下载<template> <div> <el-dialog :visible="show" title="导出" center @close="handleClose()"> <el-main> <el-tree ref="tree"
2020-08-16 17:24:35
2371
1
原创 element-tree鼠标移入显示操作鼠标移出隐藏操作 点击树节点显示操做
element-tree 树节点 鼠标移到树节点上的时候显示当前节点后的操作 移出的时候隐藏操作按钮，点击指定的树节点的时候显示操作按钮<template> <el-container> <el-aside> <el-container> <el-header> </el-header> <el-main> <el-tree
2020-08-16 17:11:26
2601
1
原创 新入职一家公司时的环境配置和开发工具下载
新入职一家公司时需要配置新的环境和下载新的软件最近换了一家新公司 把我的操作记下第一天 办理入职提交材料 熟悉工作环境 由于第一天网络没有给我申请好 所以环境也没有配好。。。只下载了几个内网已经存在的软件第二天 下载软件 配置环境1、下载git配置git的用户名和密码并生成ssh2、下载nodenode -v查看版本号3、下载sourcetree并安装配置ssh公钥置设置中ssh密钥添加到git网址中 可以clone项目了4、下载vscode并安装常用插件修改语言默认英文版...
2020-08-11 23:04:31
853
原创 图片base64转换 图片压缩vue 图片处理
/** * 图片base64转换 图片压缩 * @param this * @param file * @param {boolean} 选参，默认压缩 * @param {Array} 选参，默认支持的图片类型 jpeg ,png ,bmp * @param {Number} 选参，默认10M * @param {Number} 选参，压缩图片目标宽度,默认413px * @param {Number} 选参，压缩图片目标高度,默认626px * @param {Number
2020-07-31 17:11:58
910
1
原创 身份证验证VUE验证输入的身份证号是否符合规则
身份证验证VUE验证输入的身份证号是否符合规则 /** * 中国身份证验证 */ chinaIdentityValid: (rule, value, callback) => { if (!value) { return callback() } let city = { 11: '北京', 12: '天津', 13: '河北', 14: '山西', 15: '内蒙古', 21
2020-07-27 10:00:45
2010
原创 vue自定义指令添加 input框输入全角字符时触发该指令转化为半角字符
v-angle // input框输入全角字符时触发该指令转化为半角字符Vue.directive('angle', { inserted: function (el, binding, vnode) { el.children[0].value = binding.value let angleValue = el.children[0] // console.log(el) // console.log(binding) // console.log(vno
2020-07-23 16:31:58
1996
原创 Lodop打印表格包含页眉和页码
// 定义的样式字符串let styleClass=`<style>tr, td {padding: 0px;margin: 0px;text-align: center;word-break:break-all;}</style>`// 定义变量打印的内容区域的表格高度不同let height = '180mm'if(this.dataObj.info.curType.id === 1) {height = '765px'} else if (this.d
2020-07-21 16:09:42
1620
原创 计算函数：求和、平均值、最小值、最大值
实现计算函数：求和、平均值、最小值、最大值export default { // 总和 sum (arr) { if (arr && arr.length > 0) { let totalValue = 0 arr.forEach(function (item, index, arr) { totalValue += item }, 0) return totalValue } }, //
2020-07-16 14:16:24
2158
原创 数组根据数组对象中的某个属性值进行排序的方法
数组根据数组对象中的某个属性值进行排序的方法/** * 数组根据数组对象中的某个属性值进行排序的方法 * 使用例子：newArray.sort(sortBy('number',false)) //表示根据number属性降序排列;若第二个参数不传递，默认表示升序排序 * @param attr 排序的属性 如number属性 * @param rev true表示升序排列，false降序排序 */export const sortBy = function(attr, rev) { //
2020-07-13 17:48:49
1437
原创 常用垂直居中的方法
嵌套盒子垂直居中公共代码部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .out, .in {
2020-07-07 15:43:17
219
原创 实现深拷贝数据
封装一个常用方法 需要深拷贝的时候就引入这个方法把数据丢进去就好/** * 深拷贝对象，可以正确序列化日期 * * @param {*} obj * */export const DEEP_CLONE = function (obj) { let objClone = Array.isArray(obj) ? [] : {} if (obj && typeof obj === 'object') { for (let key in obj) {
2020-07-01 10:08:41
3051
原创 谷歌和火狐浏览版本下载
火狐浏览器版本下载http://ftp.mozilla.org/pub/mozilla.org//firefox/releases/火狐浏览器版本下载https://www.portablesoft.org/google-chrome-legacy-versions/
2020-06-16 14:03:49
237
原创 原生date 格式化时间和解析YYYY-mm-dd HH:MM:DD等格式时间为毫秒数
// 格式化时间 dateFormat(format, date) { var ret var option = { 'Y+': date.getFullYear().toStr...
2019-12-13 15:10:34
1014
原创 element el-tree直接行内编辑时阻止冒泡触发node-click事件
这样点击操作按钮的时候和input框获取焦点的时候都不会冒泡了
2019-07-25 20:22:00
9614
3
原创 使用postMessage传递数据
vue 项目中 a项目需要访问b项目的一个弹框 在a项目中使用iframe嵌套1、b项目 父页面2、a项目 （子页面 引入的）
2019-06-13 10:17:49
4396
4
原创 用iframe引入不同域名下的文件时会存在session不共享的问题
用iframe引入不同域名下的文件时 sessionStorage不共享 token或者cookiesandbox 是 HTML5 中的新属性。如果是a项目引入的b项目的路由组件的话 要注意是否被b项目的router拦截...
2019-06-12 20:07:54
2369
原创 解决element el-form el-form-item 下input框回车刷新整个页面的问题
当form里面只有一个el-form-item时里面嵌套的el-input点击回车会默认触发提交添加一个隐藏的el-form-item
2019-06-05 09:51:31
2027
2
原创 获取当前时间和几天后的时间格式yyyy-mm-dd
用JS获取当前时间和之后几天的时间handleTime(day) { console.log(new Date(new Date().setDate(new Date().getDate() + Number(day))).toJSON()) return new Date(new Date().setDate(new Date().getDate() + Number(da...
2019-05-29 16:56:25
291
原创 element 框架 el-radio-group 赋值之后点击无效的问题
el-radio-group下的el-radio 赋值之后点击无效但是数据已经改变了页面却没有变化是因为从后台获取的值不能直接给赋给formData 需要一个中间变量<el-radio-group v-model="formData.passwordForce"> <el-radio label="1">是</el-radio&g...
2019-05-29 10:55:06
16816
2
原创 递归函数的使用
使用递归的时候需要return值 editAuthority() { // 点击修改权限 this.filterAuthority = '' let Arr = [] this.hasAuthority.forEach(item => { this.handleAuthorit...
2019-05-29 10:17:45
339
原创 git 快捷操作
要提交修改过的文件，首先使用 git add <file> ，然后再执行 git comit <file> -m "？？mark"，但是这两步也可以一步完成，如下所示 -$ git commit -a -m "描述feat： update： fixed："$ git commit -a -m "描述feat： update： fixed："远程存储库中的更改合并到当前分...
2018-07-09 16:54:28
178
转载 HTML5安全：CORS（跨域资源共享）简介
转载请注明：来自蒋宇捷的博客（http://blog.csdn.net/hfahe） 前言：像CORS对于现代前端这么重要的技术在国内基本上居然很少有人使用和提及，在百度或者Google上搜索CORS，搜到的中文文章基本都是另外一种卫星定位技术CORS的介绍，让我等前端同学情何以堪（对比起来，用Google搜到的国外文章，基本都是跨域资源共享的介绍，说明了前端技术在国内外环境和发展的巨大差距）。 ...
2018-07-09 15:57:19
346
转载 ajax,附带身份凭证的请求,withCredentials 原文https://blog.csdn.net/haoyanyu_/article/details/78330079
var contentType = 'application/x-www-form-urlencoded; charset=UTF-8'; var xhrFields = { withCredentials: true }; $.ajax({ type: , url: url, xhrFields: xhrFields, data: data, da...
2018-07-09 15:35:18
268
原创 处理浏览器记住密码的问题
<div class="col-md-3"> <!-- 火狐阻止浏览器自动填充密码 --> <input type="password" name="passwordpassword" class="hidden" autocomplete="new-password" value="{{password}}&
2018-07-09 15:29:18
180
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人