未来以来 futureToday

原创 js、vue、微信小程序、支付宝小程序遇到的问题---持续更新ing

js —持续更新ingvue —持续更新ing微信小程序 —持续更新ing1、自己创建一个小程序步骤：支付宝小程序 —持续更新ing

原创 vscode实用插件以及实用配置 持续更新ing

1、vscode 代码格式化以及固定默认空格数{ "editor.wordWrap": "on", "editor.detectIndentation": false, "editor.tabSize": 4, "editor.formatOnSave": true, "workbench.settings.openDefaultSettings": true}file -> preferences -> seting 进行配置...

原创 VUE实践专题

vue自定义过滤拦截器定义Vue.filter('MoneyFormat', function(money) { if (money && money != null) { money = String(money); var left = money.split('.')[0], right = money.split('.')[1]; ...

原创 nginx配置虚拟主机&域名映射目录&端口映射目录&反向代理

nginx 作用 （服务器：Tomcat、apache、weblogic、IIS、nginx）1、 http服务器(静态资源服务器)。Nginx是一个http服务可以独立提供http服务。可以做网页静态服务器。2、 虚拟主机。可以实现在一台服务器虚拟出多个网站。例如个人网站使用的虚拟主机。 基于端口的，不同的端口 基于域名的，不同域名3、 反向代理，负载均衡。当网站的访问量...

原创 简单常见问题总结

问： cnpm不是内部或外部命令 cnpm: command not found 解决方案 cnpm答：npm install cnpm -g --registry=https://registry.npm.taobao.org问：[gulp@gulpjs/gulp#4.0] Run “C:\WINDOWS\system32\cmd.exe /d /s /c git checkout 4.0”...

原创 每日小节

隐藏元素display: none; 页面中不存在这个元素visibility: hidden; 元素在页面存在,有占位但是无法点击opcity: 0; 页面中存在，可以被点击到position: absolute; z-index=‘0’ 或者别的偏移。页面中存在但是点击不到被遮挡了clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px...

原创 JavaScript正则表达式（以及正则含变量、常用的正则验证）

目标了解正则语法在IDE中用正则替换、查找字符串在javascript程序设计中，用正则表达式处理字符串正则表达式什么是正则表达式RE(regular Expression) 用单个字符串匹配一系列符合某个句法规则的字符串。（按照某种规则去匹配符合条件的字符串）通配符REGEXP对象修饰符元字符字符类字符类取反范围类预定义类边界量词贪婪模式\d{3,6}'12345678'.replace(

原创 技术问题记录

日常技术问题

原创 node后端

简单使用node，做简单服务

原创 投资了解（5年前的想法）

最重要的投资是投资自己.2~3年不用的钱，才能用来投资，心态才会平稳，才能长期持有优质公司的股票千万不要借钱或者杠杆去做投资.

原创 对经济学vs金融学认知

对金融学和经济学进行彻底了解

原创 2022Y读书

2022年读的书，或好或坏，总要沉淀一下；明年开始，按季度来回顾；

原创 通过配置浏览器方式解决跨域问题

复制桌面上的谷歌浏览器快捷方式，名称改为：Google-Debug浏览器快捷图标：鼠标右键----属性----目标项的最后面：空格，然后加入下面配置--user-data-dir="c:\ChromeDebug" --test-type --disable-web-security应用----确定—使用此快捷图标打开浏览器，即可解决跨域...

原创 前端实现语音播放

1、原生js实现【MDN简单例子】https://developer.mozilla.org/en-US/docs/Web/API/SpeechSynthesis// 复制出来放到浏览器console回车就可以用看到效果let utterance = new SpeechSynthesisUtterance("Hello world!");speechSynthesis.speak(utterance);【自己总结】var msg = new SpeechSynthesisUtterance(

原创 el-table使用自定义列固定表头,同时存在固定列，table有滚动条最后一条数据的处理

关于el-table使用自定义列固定表头之后，最后一行无法显示的问题定义变量 noSroll:true; //是否存在滚动条定义方法 //用于判断是否存在滚动条 getSrollstate() { let dom = document.querySelector(".el-table__body-wrapper"); this.$nextTick(() => { this.noScroll = dom.getAttribute("

转载 Vue3快速上手

Vue3快速上手1.Vue3简介2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王）耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者github上的tags地址：https://github.com/vuejs/vue-next/releases/tag/v3.0.02.Vue3带来了什么1.性能的提升打包大小减少41%初次渲染快55%, 更新渲染快133%内存减少54%…2.源码的升级使用Proxy代

原创 用户人脸核身登录——人脸核身

一、腾讯云1、微信H5注：微信H5分为原生浮层模式和普通微信H5模式。创金只能使用普通微信H5模式，行业限制。接入时序图如下：详细开发配置文档见：https://cloud.tencent.com/document/product/1007/495382、独立H5前端：1、从后台获取指定参数，通过链接跳转的方式跳到腾讯云核身流程；2、核身完成后会通过参数中的url回跳到合作方H5页面并带上结果参数；3、前端解析链接拿到参数后传递合作方后台进行结果比对，前端拿到合作方后台结果后再进行用户交

原创 微信小程序&公众号&支付宝小程序的登录授权、支付、分享、人脸识别&人脸核身

文章目录一、微信小程序1. 获取信息用户信息2.支付3.分享4. 腾讯云小程序人脸核身二、微信公众号1.获取信息用户信息2.支付3. 分享4. 人脸识别三、支付宝小程序1. 获取信息用户信息2.支付（此能力暂不支持个人账户）3. 分享4. 人脸识别四、H5(支付宝相关的大部分功能个人用户 很多需要企业用户)1. 获取信息用户信息2.支付3. 分享4. 人脸识别总结一、微信小程序1. 获取信息用户信息小程序登陆流程需要微信前端调用wx.login接口获取code。 然后再调用wx.getUser

原创 支付宝小程序&财富号&基金相关页面之间相关跳转

小程序跳转财富号this.$global.urlHandler(`alipays://platformapi/startapp?appId=xxxx00002019101768404279&query=publicId%3Dxxxx00002018061160393077&nbupdate=syncforcee`)小程序跳转基金组合页面this.$global.urlHandler(`https://open.antfortune.com/p/q/normal-testkczk6ol

原创 vue2.0 elementui2.0+ el-select选择器实现上拉加载数据,支持搜索功能

<el-form ref="form" :inline="true" :model="form" size="mini"> <el-form-item label="客户标签" > <el-select v-model="form.OUserId" v-el-select-loadmore="loadmore" placeholder="请选择客户标签" .

原创 element-select选择器实现上拉加载更多

可以将此细分为，1.下拉到底部； 2.触发请求； 3.加载，难点便只是在下拉到底部。我们要想知道是否已经触底，首先找到拥有滚动条的元素在select 添加 ref<template> <el-select v-model="value" ref="select" placeholder="请选择" :loading="loading"> <el-option v-for="item in options" :key="item.value"

原创 el-table合并列&同时在分页时不被割裂开

核心思想合并大表格，留出空间给到slot 插槽，在插槽内使用小表格；效果图具体实现<template> <div> <el-table show-header :cell-style="set_cell_style" :data="tableData" border :cell-class-name="cellClassName" :span-method="arraySpanMeth

原创 PPT的逻辑思考方式

1、思维一定要有层次感1、进度/结果/…(被人的评价等等)2、总1 总2 总33、总1分1总2分2总3分3工作具体：(1)、①前端项目计划、排期、人员安排、前端端风险管理、前端上线、人员招聘以及人员培训、代码质检;(分:具体做了什么，计划什么)②推动前端项目组新技术学习和学习分享;③邀请优秀合作厂商进行前端技术难点，分享他们的成功经验和处理规避方式；(2)、①前端项目代码管理、代码规范化以及持续迭代规范;②框架优化迭代;③标准组件规划、管理、研发;(3)、重要业务研发工作;

原创 vue项目开发简单命名规范和vue页面顺序

命名规范1、图片命名：xxxx_xx2、scss样式命名：.xx-xx {}.xx {}3、js变量命名：小驼峰命名方式(xxXxx)4、js常量命名：采用全大写(XXX)5、vue组件命名：product-select组件中的： name: xxx-xxx （采用大驼峰命名）vue开发使用的基本模板结构顺序<template> <div class="class-1"> <h2>{{msg}}</h2>

原创 elemenui自己本地跑起存在的问题&做自定义组件迭代规范

npm install安装依赖出现PhantomJS not found on PATH问题：PhantomJS not found on PATHPhantomJS not found on PATHDownloading https://github.com/Medium/phantomjs/releases/download/v2.1.1/phantomjs-2.1.1-windows.zipSaving to C:\Users\ADMINI~1\AppData\Local\Temp\ph

原创 elementui的datetime-picker选在开始时间和结束时间项目制约

原创 element-ui表格table中复选框只能选中一个

element-ui表格table中复选框只能选中一个方法一:<el-table stripe v-loading="loading" :data="tableData.list" class="table-box-tab table_type_five" style="padding-left:15px;padding-right:15px;" :style="{'padding-right': this.paddingRight == false? '14px':'15px'}" @selec

原创 前端页面填加水印方案及实现

直接可以拷过去用，或者自己封装成watermark.js;var watermark = {}function setWatermark(args) { console.log(...arguments) //声明一个变量，确保id的唯一性 var id = '2019-0419-FTLC-ABCE'; var xIndex = 15;//绘制文本的 x 坐标位置 var yIndex = 65;//绘制文本的 y 坐标位置 var xInterval = 2

原创 js中几种常用的for循环进行比较以及得出结论

for 循环有很多变形，例如 while、for、for（倒序）、for…of、forEach、for…in、for…awaitconst million = 1000000; const arr = Array(million);// 注：这是稀疏数组，应该为其指定内容，否则不同方式的循环对其的处理方式会不同：// const arr = [...Array(million)]console.time('?');var i = arr.length;while(i>0) {i--;

原创 svg使用img标签以及其他标签中

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>test-SVG</title> <style type="text/css"> .ssy { width: 300px; height: 300px; } </style>&lt

原创 诺贝尔经济学家的著作——值得读

2020价格的发现——保罗-米尔格罗姆2019好的经济学——阿比吉特2018贫穷的本质——阿比吉特2017助推——理查德-塞勒2016“错误”的行为——理查德-塞勒 赢家的诅咒——理查德-塞勒2015讨论不平等——安格思-迪顿2014美国怎么了——安妮-凯思2013非理性繁荣——罗伯特-希勒 叙事经济学——罗伯特-希勒 动物精神——罗伯特-希勒 钩愚——罗伯特-希勒2002思考，快与慢——丹尼尔-卡尼曼1993暴力的阴影——道格拉斯-诺思1991变革中国—

原创 2021Y非理性繁荣

非理性繁荣——文本导致非理性繁荣因素：结构性因素：（最初市场上涨）（背后事心理因素导致）1、新时代文化因素；（对自己所处时代与原来的时代不一样）—— 20C初工业技术 20C电气化 60年代战后婴儿潮 90年代21C初互联网2、媒体文化因素； 媒体+互联网 大V偏向乐观 1% —— 5-8% 导致大家习惯从媒体中找与自己一直的观点信息； 媒体吹捧市场 或 媒体引导大众注意力导致悲观或乐观， 现代传媒轰炸；3、投资理财方式变化因素；（美国）4、社会心理因素； 不能只争死工资要会理财；社

原创 vue——生命周期图解

2、 vue 生命周期图生命周期图示:https://cn.vuejs.org/v2/guide/instance.html#生命周期图示生命周期钩子:https://cn.vuejs.org/v2/api/#选项-生命周期钩子生命周期个函数<!DOCTYPE html><html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml"><head> <meta charset="UTF-...

原创 基金的小尾巴ABCDEH介绍以及思考方法论

关键字记录法 => 关键字组织表达法+举例表达法+欲速放慢法;收取方式、风险选择以及申购门槛及平台一、货币基金的“小尾巴”A和B区别在于申购门槛，销售服务费。注：货币基金是没有申购赎回费的。A类货币基金：它的门槛比较低，现在绝大部分的货基A申购起点为0.01元，适用范围比较广，比较适合大部分普通投资者，销售服务费率一般每年是0.25%。例如招商招利宝货币A。B类货币基金：主要是针对机构投资者或者是资金量比较大的客户，最低申购起点一般在500万以上，销售服务费要比A类低，一般为0.01%。例外

原创 静态资源加载进度

<sript>、<link>、<img> 标签去加载资源，是看不到资源的进度的;XhrHttpRequirest是能看到各个进度，以及资源下载到的进度；<脚本> 标签只有火灾负载和错误事件；他们不会发射进展事件。然而，在现代浏览器中，可以加载脚本内容并通过Ajax监视进度，然后将脚本内容放入新的资源下载到什么进度现在网上大多都举例的是多个图片，图片下载全局加载完的数目，去控制加载进度；...

原创 上传文件进度条 ———— XMLHTTPRequest实现

前端代码<!DOCTYPE html><html><head><meta charset="UTF-8"> <title>XMLHttpRequest上传文件进度实现</title> <script type="text/javascript"> function uploadFile(){ var ot; var oloaded; var fileobj1 = docum

原创 微信—前端获取openId方法和步骤

执行流程前端 --> 后端服务 --> 微信服务（openId/UnionID）<template> <div></div></template> <script>export default { name: 'Index', data () { return { } }, created () { this.getCode()

原创 券商几大业务和各部门

创业板注册制来了！这一改革，极大利好积累较多中小企业项目的券商。因为创业板市值较小，一直以来，中小券商是承销主力。而90%有金融梦的同学，都想搏一搏进的券商，也将因为为这一改革，也将迎来一波“招兵买马”季，可预见的将会有许多岗位需求。也就意味着求职机会将回会增多，但你准备好了吗？券商有多少个部门？有多少种岗位？很多同学都搞不清楚（其实小编刚开始了解券商也云里雾里的）高盛、大摩的IBD、M＆A看上去很高大上的投资银行业务，只是狭义的IPO（发股）和并购业务。但其实投资银行业务的核心是帮企业融资，而融

原创 百度统计、谷歌统计原理以及自定义统计源码

前端埋点原理图如上所示，从broswer到page，再到javascript以及后端backend，浏览器返回正常程序运行结果，本地文件中返回最终的log步骤：（一）埋点阶段（二）数据收集阶段（三）后端处理阶段如上，针对“前端埋点”，主要分为这么三部，对应到上面的原理图，步骤一即（create script element，前端做），步骤二即（collect client data，前端做），步骤三即（backend和log，后端去解析数据）.埋点html的script中添加节点

原创 chrome浏览器降低浏览器安全实现跨域

资源： start.bat资源地址：https://download.csdn.net/download/longlc123/15563214chrome支持跨域跨域；1、找到chrome快捷键右击；2、点击—‘打开文件所在位置’3、把文件烤进去；4、点击-- start.bat 会打开chrome5、在这个浏览器的所有请求都可以跨域不收限制，关闭浏览器；正常打开桌面快捷键的浏览器恢复正常；...