- 博客(55)
- 收藏
- 关注
RSS订阅转载 js检测浏览器内核、版本号
//检测浏览器内核--返回的是两个key，name：浏览器内核的名称---version：浏览器的版本号 function isBroswer () { var _broswer = {}; var sUserAgent = navigator.userAgent; var isOpera = sUserAgent.indexOf("Opera") > -1; if (isOpera) { ..
2020-10-29 15:55:48
625
转载 JavaScript的防抖和节流
文章目录防抖节流应用场景：debouncethrottle防抖触发高频函数事件后，n秒内函数只能执行一次，如果在n秒内这个事件再次被触发的话，那么会重新计算时间思路：每次触发事件时都取消之前的延时调用方法function debounce(fn) { let timeout = null; // 创建一个标记用来存放定时器的返回值 return function () { clearTimeout(timeout); // 每当用户输入的时候把前一个 setTim
2020-09-12 21:28:24
228
转载 vue.runtime.esm.js:619 [Vue warn]: Avoid mutating a prop directly since the value will be overwritte
文章目录问题描述解决方案父组件子组件问题描述使用element-ui的el-dialog做二次封装时修改visible.sync绑定值报错；这是由于父组件通过props传参子组件，子组件改变自身的props值引起的解决方案父组件<NoteBookLimitFlow :isVisible="isShowFlowSearch"></NoteBookLimitFlow>子组件<template> <el-dialog title="XX
2020-09-02 17:44:37
10234
3
转载 【vue】父子组件数据双向绑定 v-model 和 sync
文章目录在自定义组件中使用v-model老版本v2.2.0+ 新增model属性sync修饰符（v2.3.0+ 新增）在自定义组件中使用v-model老版本<!-- 自定义zInput组件 --><template> <input type="text" v-model="val" @input="iptInput"/></template><script> export default { name:
2020-08-30 17:28:42
189
原创 基金理财进阶攻略
文章目录股票行情软件K线图均线技术分析四大因素小白误区基金套牢基金定投投资赚钱的精髓力哥七步定投策略总结为 2 4 5 7股票行情软件K线图实线：阴线空心：阳线每根蜡烛：开盘价，收盘价，当日最低价和当日最高价柱子顶和底：开盘价和收盘价振幅：小幅波动：0-1.5%中幅波动：1.5-5%大幅：5-10%开盘价比收盘价高（下跌，实心绿色表示，阴线）开盘价比收盘价低（上涨，空心红色表示，阳线）均线日均线：MA5 10季均线：MA30 60年均线:MA120 250 500技
2020-08-22 04:02:12
590
原创 JavaScript日期格式化
/** * @alias Date.format 日期格式化 * @description 对Date的扩展，将 Date 转化为指定格式的String * 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符， * 年(y)可以用 1-4 个占位符，毫秒(S)只能用 1 个占位符(是 1-3 位的数字) * @example 例子：(new Date()).Format("yyyy-MM-dd hh:mm:ss.S") ==> 2006-07-02 08
2020-08-14 15:18:30
175
原创 ES11常用特性
文章目录importBigIntPromise.allSettled可选链空值合并运算符export * as ns from “mod”import// 动态引入模块function fun() { import('https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js') .then((module) => { console.log(module) })}fun()BigInt// 任意精度的
2020-08-08 18:09:12
247
原创 前端面试题（一）
1.js数据类型，判断，typeof null编码问题。2.let const var的区别，const数组然后修改内部元素可以修改吗？为什么？引用对象存在堆，const的是指针的栈，又详细讲了下变量的内存划分3.原型，obejct->function->object->null，js为什么设计为原型继承模式，类和原型继承的异同4.游览器和node的事件循环【这个node循环里边有些术语给忘了，但基本上还是回答正确的】5.filter、map、reduce的异同，和函数式编程相关？
2020-07-30 16:27:39
86
转载 el-upload组件上传闪动的解决
文章目录闪动问题复现问题代码解决方案闪动问题复现el-upload组件上传后有闪动的现象，如下：问题代码<!-- 上传组件，其中file-list绑定的参数为infoForm.effect --><el-upload name="file" class="upload-demo" :action="root + 'goods/uploadImageToAliOss'" list-type="picture-card" :on-preview="pattern
2020-07-30 15:36:00
6376
7
原创 vue中watch的初次监听和深度监听
文章目录handlerimmediatedeep代码示例handler监听值变化时的回调函数immediate是否做初次监听，一般用于需要对该值初始化的监听deep是否做深度监听，特别对于对象类型，用于对象属性变化的监听代码示例watch: { 'province.name': { handler(newVal, oldVal) { // ... }, immediate: true, deep: true } }
2020-07-26 17:22:00
5002
原创 基金理财入门攻略
文章目录基金理财入门攻略基本概念选基金小技巧参考指数入门参考视频基金理财入门攻略基本概念基金类型：货币基金（余额宝）：收益大概是银行活期存款利率的2-3倍，低风险定期理财基金（银行+、一些养老基金）：固定一定时间内的投资，封闭期内不可取出本金，低风险债券基金（国债）：纯债，可转债等基金，中等风险混合型基金（债券+股票，具体可分为偏股型、偏债型、灵活配置型）：带有混合基金字样，风险从中等到高风险不等；混合型和股票型基金很多时候较难区分，主要看相关股票的份额占比股票型基金（大部分买股票+其
2020-07-16 17:17:40
998
原创 聊聊Git flow 工作流
文章目录Git flow 工作流分支结构分支具体描述Git flow 工作流介绍： 简单的说是一种多分支开发的模式，适合项目周期内需要快速迭代和多人团队开发模式，分支之间不易冲突，而且特别在功能临时上线之类情况会更加灵活，详细介绍参考Gitflow工作流程分支结构master 主分支uat 测试分支release 生产分支分支具体描述原则：通过禅道任务（其它工单管理工具也可以），每个任务根据对应依赖分支拉取一条新分支，当开发完成时合并到对应分支、分支合并后建议在生产环境稳定后（大概两三
2020-07-10 10:04:18
179
原创 TypeScript学习笔记（三）
文章目录模块命名空间模块// test2.jsimport JQuery from 'jquery'// exportexport const a1: number = 1export function fun() { console.log('fun')}declare let $: JQueryexport default $// importimport test2 from './test2.ts'import { fun } from './test2.ts'i
2020-07-09 16:52:50
521
原创 TypeScript学习笔记（二）
文章目录接口类Mixins接口// 对象类型interface SquareConfig { color?: string ary?: number[] width: number height: number readonly getArea: Function}const s1: SquareConfig = { width: 1, height: 2, ary: [1, 2], getArea: function (): number { return
2020-07-01 17:00:11
141
原创 TypeScript学习笔记（一）
文章目录变量声明基础类型函数泛型高级类型Symbols变量声明// 变量声明 var const letvar const let基础类型// 布尔值let isDone: boolean = false;// 数字let decLiteral: number = 6;// 字符串let name2: string = "bob";// 数组let list: number[] = [1, 2, 3]let list2: Array<String> = ['1
2020-06-23 17:01:33
144
原创 webpack学习笔记（四）
文章目录描述项目地址环境安装webpack.dev.config.js描述当前优化：配置本地开发环境（引入webpack-dev-server）、区分开发环境和生产环境项目地址https://gitee.com/ziyuan_xcc/learn-webpack环境安装tips：node-sass可能出现安装不成功的情况，请使用cnpm并且删除依赖重试；npm install;npm run build;webpack.dev.config.js路径./webpack.dev.co
2020-06-16 22:12:39
125
原创 webpack学习笔记（三）
文章目录描述项目地址环境安装webpack.config.js描述当前优化：sourcemap的输出、优化打包配置（主要对css、js的chunk合并项优化）下期主要优化：配置本地开发环境（引入webpack-dev-server）、区分开发环境和生产环境项目地址https://gitee.com/ziyuan_xcc/learn-webpack环境安装tips：node-sass可能出现安装不成功的情况，请使用cnpm并且删除依赖重试；npm install;npm run buil
2020-06-12 21:48:23
128
原创 webpack学习笔记（二）
文章目录描述项目地址环境安装webpack.config.js描述当前优化：新增了less sass typescript的支持、新增js的兼容处理babel、新增js css的压缩，增加html引入图片、css等资源的处理；extract-text-webpack-plugin插件不支持webpack4.x，改用mini-css-extract-plugin下期主要优化：sourcemap的输出、优化打包配置（主要对css、js的chunk合并项优化）项目地址https://gitee.com
2020-06-06 09:54:52
156
原创 webpack学习笔记（一）
文章目录描述项目地址环境安装webpack.config.js描述现功能：基于webpack4.x版本，主要为可以对html、css、js（暂只支持es5）打包处理，css和图片资源引入等暂不能在html里直接引入下期主要优化：文件的压缩，html引入图片和css，js新增babel处理（兼容es6+），新增typescript、新增sass和less的支持项目地址https://gitee.com/ziyuan_xcc/learn-webpack环境安装npm install;npm r
2020-06-04 18:21:53
170
转载 Cannot find module xxx，错误解决方法
文章目录问题描述浏览器错误信息node控制台错误信息解决方法问题描述最近项目从新拉取时install后就报路由编译错误的问题，使用的是若依2.0项目浏览器错误信息node控制台错误信息 WARNING Compiled with 1 warnings 11:
2020-05-27 11:30:28
2204
原创 vue2.0就近调用同一组件 数据视图没有更新
如果开发过程中出现使用v-if-else来切换组件时发现数据没有更新，那么就是因为元素被复用具体可以参考 https://cn.vuejs.org/v2/guide/conditional.html#用-key-管理可复用的元素 查看input元素发现只有input的placeholder的变化了 元素本身就没有改变，而且输入的值也没有被清除；原因是vue为了尽快的渲染页面所以通常会复用已经渲染的元素，所以会导致绑定的数据并没被实时刷新；解决办法就是：对复用的元素添加 key
2020-05-21 15:24:07
197
原创 软件开发流程（禅道+钉钉）
针对整个开发流程：建议统一用禅道+钉钉配合管理1、 bug单、任务单创建和指派以及需求单创建变更时可以在钉钉推送消息2、 任务单基于产品开发需求创建关联、填写预计完成时间，每日下班前记录一下工时和进度，备注一下遇到的问题等，有问题需要延期的及时提出，建议每周写一篇工作周报，汇报相关开发进度和问题，特别可能延期方面，也好提前反馈出来做对应的处理3、 产品维护需求单，开发维护任务单，测试提交bug单，对应完成工单时指派到对应人员上（产品需求计划确定下来后，小改动可以直接在当前工单上修改，大改动或者新增需求
2020-05-13 15:27:06
905
原创 vue输入框保留小数位（v-decimalsNum指令）
文章目录问题描述指令核心问题描述在平时开发中，经常会出现需要对输入框做保留小数位处理（原生type=number有坑），在当前输入框使用@change、@blur、@input等事件或者干脆用watch监听处理保留小数位不利于维护，在这里针对保留小数位封装成指令指令核心import Vue from 'vue'const isNumber = val => typeof val === 'number' && val === val// 使用 v-decimalsNum
2020-05-09 12:08:59
2249
原创 Vue单页应用导航管理器（使用vue-page-stack仿原生app切换效果）
文章目录安装全局引入基本使用vue-page-stack码云地址安装npm install vue-page-stack --save全局引入import Vue from 'vue'//vue-router配置文件import router from '@/router'import VuePageStack from 'vue-page-stack'//router 路...
2020-04-28 17:41:13
1195
原创 JavaScript数组去重方法
双for循环嵌套去重/** 生成ary数据源const ary = []for(let i=0;i<1000;i++){ ary.push((Math.random() * 10).toFixed(2))}**/const ary = ['2.88', '4.06', '6.82', '...
2020-04-27 16:20:18
235
原创 输入框聚焦时将其滚动到可视区域（v-scroll-safe-area指令）
涉及方法//判断ios或android系统function getOS () { let ua = navigator.userAgent.toLowerCase() let isIOS = /iphone/.test(ua) if (isIOS) { return 'ios' } else { return 'android' }}//兼容性添加监...
2020-04-26 17:40:41
737
原创 vue的缓存页面组件（keep-alive的使用）
基本用法keep-alive组件能够对页面进行缓存操作，在一些开发场景上较为常用，include为需要缓存的组件name，exclude为不缓存的组件name，tips：缓存组件需指定name值，并且要和include的对应，否则缓存不成功transition组件为动画过渡组件，用于路由切换时动画效果的过渡（不加过渡效果，切换页面会出现上一个路由页面内容的残影，体验不好）<trans...
2020-04-24 15:12:09
472
原创 git踩坑记（git merge代码丢失问题）
问题描述在一次git提交的时候出现的merge冲突的情况（走的是单分支develop开发，所以git flow工作流真香），然后在提交本地代码的时候没有吧之前merge的代码一并提交…导致merge之前其它开发提交的代码都丢失了，tips：merge时候冲突和新增代码记得要提交解决方案1、本地回退版本到merge代码之前的分支2、然后创建临时分支tmp3、最后在develop分支上mer...
2020-04-23 12:02:26
2608
原创 vue-router鉴权处理（使用导航/路由守卫）
permission.js//路由配置文件import router from './router'import store from './store'//需要安装nprogressimport NProgress from 'nprogress'import 'nprogress/nprogress.css'//禁用进度环NProgress.configure({ showSp...
2020-04-20 11:25:26
2338
原创 JavaScript实现百钱百鸡
百钱百鸡问题：百个铜钱买了一百只鸡，其中公鸡一只5钱、母鸡一只3钱，小鸡一钱3只，问一百只鸡中公鸡、母鸡、小鸡各多少基本公式设公鸡，母鸡，小鸡分别为x、y、z1、5x + 3y + z/3 = 1002、x + y + z = 1003、z % 3 = 01、粗暴解法公鸡，母鸡，小鸡直接为最大100只设x=100，y=100，z=100console.time()let k...
2020-04-10 11:07:09
3423
原创 VS Code 配置C++环境
安装配置C++环境1、下载安装MinGWhttps://sourceforge.net/projects/mingw-w64/files/搜索x86_64-posix-seh最新版2、环境变量配置C:\mingw64 当前MinGW安装目录VS Code相关配置1、安装C/C++扩展插件2、新建cpp文件#include <iostream>#includ...
2020-04-09 17:37:05
144
原创 HTML针对IE浏览器判断
<!--[if !IE]>除IE外浏览器<!--<![endif]--><!--[if IE]>仅IE浏览器<![endif]--><!--[if lt IE 9]>小于IE9版本<![endif]--><!--[if IE 9]>仅IE9版本<![endif]-->...
2020-04-09 14:45:08
225
原创 前端对文件流做出导出操作
1、content-disposition前后端先约定好返回头部信息content-disposition1// 格式化文件流下载content-disposition的filename值//headers为请求返回的headerexport function formatFileName(headers) { const patt = new RegExp('filename=...
2020-04-03 09:19:37
1048
原创 ES6、ES7、ES8、ES9、ES10常用特性
变量声明const let模块的导入和导出import export扩展运算符核心以 ... 开头const obj = {a:1,b:2}const obj2 = {c:3,d:4}const obj3 = {a:5}注意相同键值后面会覆盖前面的，可以参考Object.assign方法const obj4 = {...obj,...obj2,...obj3}co...
2020-03-26 11:35:11
203
原创 flex布局常用属性
设置flex布局.box { display: flex;}flex-direction属性，内部元素排列方向.box { flex-direction: row | row-reverse | column | column-reverse;}flex-wrap属性，元素如何换行.box { flex-wrap: nowrap | wrap | wrap-rever...
2020-03-20 11:34:09
116
原创 vue的3d滑动插件（vue-carousel-3d）
vue-carousel-3d官网安装npm install -S vue-carousel-3d全局引入import Vue from 'vue';import Carousel3d from 'vue-carousel-3d';Vue.use(Carousel3d);局部引入import { Carousel3d, Slide } from 'vue-carousel-3...
2020-03-20 11:32:07
6188
1
原创 终端使用git 出现 'git' 不是内部或外部命令，也不是可运行的程序 或批处理文件。
问题描述终端使用git的使用提示 ‘git’ 不是内部或外部命令，也不是可运行的程序 或批处理文件。（包含cmd和node控制台等）解决方案找到系统环境变量的path并且添加下列两条（C:\Program Files\Git为git根目录）C:\Program Files\Git\binC:\Program Files\Git\mingw64\libexec\git-core...
2020-03-13 14:35:17
12608
原创 remote: The project you were looking for could not be found
问题描述在使用git clone或git pull的时候提示 remote: The project you were looking for could not be found问题解析找了半天后发现是当前git项目有多个账号密码保存的情况（当时是新入职电脑，里面有上一个员工的git账号密码）解决方法分享1、例如git仓库地址为http://192.168.0.0:10000/UI/a...
2020-03-13 14:34:22
497
原创 linux服务器环境基本配置
服务器操作系统Aliyun Linux 15.1 64位安装git以及配置SSH key（码云）1、安装gityum install git2、生成并部署SSH key（1）ssh-keygen -t rsa -C “xxxxx@xxxxx.com”（2）cat ~/.ssh/id_rsa.pub 查看public key并添加到 Git @ OSC（3）ssh -T git@g...
2020-03-11 09:06:49
227
原创 vue-form-table（vuejs+element-ui的表格表单控件的二次封装插件）
vue-form-table介绍基于element-ui的el-form和el-table做的二次封装https://gitee.com/ziyuan_xcc/vue-form-table示例<template> <div class="demo"> <div> <h1>myForm</h1> ...
2020-03-05 15:37:13
2284
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人