ftToday-CSDN博客

原创移动端适配rem

//引用import { px2rem } from '@utils/px2rem';px2rem(document, window)或require("@utils/px2rem");// px2rem.js//适配不同尺寸(function(doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : '

2021-02-25 18:05:03 94

原创 vue嵌入app中——首次加载慢的动画

背景：项目首次加载过慢，需要下载的资源比较大；白屏时间过长，导致用户体验不好；解决办法：index.html 下载完，（首页下载完）就像执行动画伸手党代码：加粗样式<script> //在页面未加载完毕之前显示的loading Html自定义内容 var _LoadingHtml = ` <div id="loadingDiv" style="position:absolute;left:50%;top:50%;margin-left:-35px;margi

2021-02-25 11:10:21 466761

原创微信转发或分享朋友圈带缩略图、标题和描述的实现方法

1、appID和scrite 从管理后台直接拿到（appID固定不变和scrite微信运营管理系统看不到，1、从项目中拿；2、重置看到再拿）2、后台用（appID和scrite）请求，微信拿另外几个参数3、引用cdn或者npm install weixin-js-sdk;import wx from ‘weixin-js-sdk’;4、前端配置参数和配置title,src,link,desc参数**在vue中设置**安装微信sdk// 安装微信sdknpm install wei

2021-02-22 15:36:54 1053

原创 npm install 安装时报错 chromedriver@2.46.0 install: `node install.js`

npm install 报错原因是chromedriver的部分文件被国内网络给墙掉了，无法下载完整的chromedirver包，解决办法：npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver这个是从淘宝镜像去下载 chromedriver这个；...

2020-11-26 13:33:17 910

原创 vux中x-input在安卓手机输入框的删除按钮失效处理

vux中x-input在安卓手机输入框的删除按钮（@on-click-clear-icon）点击没反应首先看你自己的的版本好，如果在2.6.9以上，我是在git上找到的解决办法，记录一下，希望可以帮到有需要的小伙伴。在项目中找 node_modules > vux > x-input > index.vue >找到下面Code 代码进行修改即可在x-input.vueonBlur ($event) { this.setTouched() this.va

2020-11-19 11:04:04 663 2

原创前端vue规范&JavaScript规范

前端vue规范&JavaScript规范vue 文件基本结构<template> <div></div></template><script> export default { components: {}, data() { return {}; }, methods: {}, mounted() {} };</script><!-- 声明

2020-11-12 13:58:50 533 1

原创 HTML 规范 & 媒体文件规范

HTML 规范 & 媒体文件规范（后补）缩进统一两个空格缩进命名规范class 应以功能或内容命名，不以表现形式命名；class 与 id 单词字母小写，多个单词组成时，采用中划线-分隔；使用唯一的 id 作为 Javascript hook, 同时避免创建无样式信息的 class；DOCTYPE 声明HTML 文件必须加上 DOCTYPE 声明，并统一使用 HTML5 的文档声明：<!DOCTYPE html>meta 标签统一使用 “UTF-8” 编

2020-11-12 13:57:24 141

原创前端CSS规范

前端CSS规范CSS 指层叠样式表 (Cascading Style Sheets)，定义如何显示 HTML 元素，但由于 CSS 天生全局性，随着项目复杂度增加，极易出现样式覆盖以及其它的问题。1. 通用规范文件编码为了避免内容乱码，统一使用 UTF-8 编码保存。样式文件第一行设置字符集为 UTF-8@charset 'UTF-8'; /* 注意字符集说明应在第一行 */缩进规范统一使用两个空格缩进2. 初始化规范各浏览器厂商的初始样式都不一样，为了消除不同浏览器对 HTM

2020-11-12 13:55:52 259 1

原创 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'}" @selection-change="handleSelectionC

2020-11-11 16:37:57 2809 2

原创 axios自己使用的

import { getSStore, removeSStore, format} from "@/common/utils/utils";import * as env from "@/common/utils/env";let v = new Vue();// 获取url中指定的参数const getUrlParam = (name) => { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|

2020-11-11 11:07:25 115

原创 H5页面适配 iPhoneX全面屏手机

要兼容IphoneX，尤其是使用 position: fixed;bottom: 0; 样式时，要确保底部栏处于安全区域H5开发适配：参考苹果开发者参考文档ios 开发适配：参考： https://www.jianshu.com/p/20681c58d2be

2020-11-08 15:16:41 1001 1

原创在h5页面中调起支付宝小程序中的某一个页面以及URLScheme 之支付宝

在h5页面中调起支付宝小程序中的某一个页面直接上代码： window.location.href = 'alipays://platformapi/startapp?appId=2021001181651837&page=pages/index/index'直接上代码： window.location.href = 'alipays://platformapi/startapp?appId=20000793&pullRefresh=NO&appClearTop=false&amp

2020-11-08 15:00:30 19384 7

原创 npm同时执行多个打包命令

具体操作1、需要安装 concurrently 模块2、npm install concurrently案例一package.json修改如下"scripts": { "test": "echo \"Error: no test specified\" && exit 1", "clientServer": "live-server --open=./client/index.html", "server": "node ./server/express.s

2020-11-02 13:44:40 1797 1

原创安装nvm进行node版本切换

参考博客： nvm安装nvm version // 查看 nvm 版本nvm install 4.6.2 // 安装 node4.6.2 版本（附带安装 npm）nvm uninstall 4.6.2 // 卸载 node4.6.2 版本nvm list // 查看 node 版本nvm use 4.6.2 // 将 node 版本切换到 4.6.2 版本详细操作1.定义：nvm，全称 Node Version Manager ，也就是node版本控制；使用场景：当你同时进行两个或多个n

2020-10-29 15:15:47 238

原创安装cnpm切换到淘宝源

1、安装cnpm，输入以下命令：npm install -g cnpm --registry=https://registry.npm.taobao.org

2020-10-27 09:12:18 1088

原创 ERROR in static/js/app.xxxxxxx.js from UglifyJs Unexpected token: operator (＞) （pc端引入地址生成二维码、出现bug报）

问题：vue全家桶在项目中使用了vue-qrcode-directive组件用来生成二维码，开发过程中使用npm run dev 是没有报任何错的；到npm run build打包的时候报错：如ERROR in static/js/app.f1ecb9a5673e78cc442b.js from UglifyJs Unexpected token: operator (>) [./~/_vue-qrcode-directive@1.2.0@vue-qrcode-directive/index.js:

2020-09-29 13:48:23 2062

原创 No PostCSS Config found in XXXXXX （框架只支持less、stylus 不支持scss的问题，出现的报错）

问题：No PostCSS Config found in XXXXXX 或者 No PostCSS Config found in: /Library/WebServer/Documents/WebserveProjects/shopapp-wechat/node_module(最开始一直以为是sass-loader的问题)操作：在main.js文件中引入 normalize.scss 或者 normalize.css // import “./assets/css/normalize.scss”;之

2020-09-25 17:18:15 390

原创前端难点(性能优化)

异步请求进行同步化发展史: ajax 嵌套 ==> promise 方式（插件： when.js、A+.js、promise.js ） => async await几种常见异步编程方案回调函数事件监听发布/订阅Promise 对象函数式编程、异步编程、点阵。java 堆、栈、静态存储区js 堆、栈纯硬件微机原理：8 位单片机、16 位单片机；（跑的指令为汇编语言）32 位机指的是 CPU GPRs(General-Purpose Registers，通用寄存器)的数据

2020-09-23 11:15:20 671

原创 graduate finance

english:1、新题型 10 2、完型填空 10 3、翻译 10 4、阅读理解 40 5、小作 10 6、大作 20politics1、单选 1*16=16 2、多选 2*17=34 3、论述 5*10431 finance 金融学综合1、名词解释 5*4=20 2、是非题 10*2=20 3、简答题 4*10=40 4、论述题 2*20=40 5、计算题 2*15=30math1、填空 6*4=24 2、选择 8*4=32 3、解答 9 题 94 分https://wenku.bai

2020-09-23 10:28:40 156

原创移动端框架搭建以及移动端框架搭建的那些事

移动端框架搭建的那些事（每一项都可以扩展）：1、vue+vue-cli+vue-router+vuex+vux+sass+webpack // 技术选型 // 各个技术的单独使用（vue 生命周期）2、技术方案；对于数据分类（基础数据/存 sessionStorage，业务数据/vuex 同步异步）3、常用插件：vue-ba、vue-pdf.js、vue-svg-icon、… utils/loadsh/md5/…4、不同浏览器样式重置，reset.css; normal.css;5、移动端适配问

2020-09-22 13:25:44 503

原创 vue 安装scss

1、在执行npm run dev时报错： Syntax Error: _schema-utils@2.7.1@schema-utils\dist\util\hints.js:16 const currentSchema = { ...schema**报错原因：**使用的node的版本过低node是6.9.5**解决办法：**把node的版本升级到10.16.32、解决上了上面报错，出现新的报错； Module build failed: TypeError [ERR_INVALID_ARG

2020-09-18 14:45:38 515

原创 2020Y学习归纳成长56

《周期》1、认识周期（一组事件按照特定顺序发生；生命周期；价值和价格的关系就是人和狗的关系；特性：1、均值回归 2、矫枉过正/极端 3、随机性【事情发生有随机性（时间，幅度，速度（方向，力度））】）自然规律，人类行为；2、最常见最重要的三个周期：（相互影响）***信贷周期（决定一切）*情绪周期（决定收益，//过错，错过(厌恶风险导致错过)）成功周期（失败是成功之母；成功也是失败之母）1980 1983【良好的周期感】（开启上帝视角）3、应对周期1)、不预测未来，判断当下；判断当下在周期

2020-09-16 19:36:04 495

原创 2020/12/21I will try it

english:1、新题型 10 2、完型填空 10 3、翻译 10 4、阅读理解 40 5、小作 10 6、大作 20431 finance 金融学综合1、名词解释 5*4=20 2、是非题 10*2=20 3、简答题 4*10=40 4、论述题 2*20=40 5、计算题 2*15=30politics1、单选 1*16=16 2、多选 2*17=34 3、论述 5*10math1、填空 6*4=24 2、选择 8*4=32 3、解答 9 题 94 分**（politics pas

2020-08-28 14:59:10 225

原创 aes加密

aes 加密写的很清晰https://blog.csdn.net/lsvtogergo/article/details/80804312?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromBaidu-1.nonecase&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromBaidu-1.nonecase...

2020-05-13 10:32:17 236

原创前端图标库推荐

https://blog.csdn.net/a419240016/article/details/101028655

2020-04-28 18:04:34 317

原创 2020读书

1《诗经》 “所谓伊人在水一方” …任何时候，请都不要怀疑，人类文明的光辉顶峰在东方！2《易经》天行健，君子以自强不息这本书偶就能读懂这句易经其实是比天书还天书的天书建议把这块硬骨头留在最后看避实就虚嘛排在第二是因为他确实经典中的经典。 “天行健，君子以自强不息”、“地势坤，君子以厚德载物”。意谓：天（即自然）的运动刚强劲健,相应于此，君子应刚毅坚卓，发愤图强；大地的气势厚实和顺，君...

2020-03-27 19:25:38 620

原创 H5端的复制功能

H5端的复制功能方式1<button οnclick=“copyToClip(‘内容’)”> Copy /** * 复制内容到粘贴板 * content : 需要复制的内容 * message : 复制完后的提示，不传则默认提示"复制成功" */function copyToClip(content, message) { var aux = document....

2020-03-19 18:25:09 1410

原创判断用户客户端

判断用户客户端if (!/windows phone|iphone|android/ig.test(window.navigator.userAgent)) { //pc }else{ //h5 }

2020-03-19 18:22:17 131

原创 IE / Edge 自动给数字加下划线以及数字变蓝色的问题

IE / Edge 自动给数字加下划线以及数字变蓝色的问题<meta name="format-detection" content="telephone=no,email=no,address=no">

2020-03-19 18:16:34 791

原创 window.print()实现打印页面部分以及js判断打印成功

window.print()实现页面部分打印需要指出的是这种方法提供一个打印前和打印后的事件onbeforeprint、onafterprint。可以在打印前的时候重新编辑一些格式，专门送去打印，打印后又处理回来。function window.onbeforeprint() {//将一些不需要打印的隐藏}function window.onafterprint() {//放开隐藏的...

2020-03-19 18:13:38 10878 3

原创域名转发的其它步骤

1、切到换目录 sudo cd /usr/local/nginx/conf2、创建目录 sudo mkdir vhost3、备份和修改nginx.conf文件 sudo cp nginx.conf nginx.conf_burk sudo vim nginx.conf # 添加引入配置文件代码 include vhost/*.conf...

2019-11-14 13:57:04 362

原创 nginx 常用命令以及nginx.conf文件解析

linux下nginx相关命令pwd nginx-1.8.1/*启动*/sbin/nginx -c conf/nginx.conf/*结束进程*/sbin/nginx -s stop/*不需要关闭*/sbin/nginx -s reloadnginx.conf文件说明#user nobody;worker_processes 1;#error_log logs/...

2019-11-13 13:41:12 923

原创微信小程序几种主流开发框架

几种框架都是比较有意思的。wepy 因为是自己的，标准由我定哈，mpvue 因为有vue开发者强大支持，taro 因为有react开发者强大支持。三足鼎立WePY腾讯官方开源的小程序组件化开发框架，目前有18w+Star ，一直在更新着，社区活跃，掉坑能快速的找到方法爬出来。特性类Vue开发风格支持自定义组件开发支持引入NPM包支持Promise支持ES2015+特性，如Asyn...

2019-09-18 23:58:36 5282 1

原创通过命令控制webpack打包配置

build.js 文件添加 (从命令行中获取参数)npm run dev -- HOST='http://vip.test.com' ENV='dev'获取命令行里面的参数 process.argvprocess.env.NODE_ENV = process.argv.splice(2)[0] == 'dev' ? 'develop':'production'prod.env.js &a...

2019-09-03 17:15:44 840

原创总结ing

怎么判断一个数组为连续数组，采用空间复杂度和时间负责度最小。 for一次就好了折线图和饼图还有拓扑图组件开发loadsh deepclone克隆一个对象js 六种数据类型number (基本类型——>引用类型)string (基本类型——>引用类型)boolean (基本类型——>引用类型)undefinednullObject (包装类型、引用类型)...

2019-04-10 21:49:54 174

原创使用echart实现监控拓扑图

<template> <div class="wrap"> <div ref="main" class="charts"/> </div></template><script>import echarts from 'echarts'import { debounce } from '@/utils'...

2019-04-10 18:55:44 11790

原创 interview准备工作

怎么判断一个数组为连续数组，采用空间复杂度和时间负责度最小。 for一次就好了折线图和饼图还有拓扑图组件开发loadsh deepclone克隆一个对象==========================================js 六种数据类型number (基本类型——>引用类型)string (基本类型——>引用类型)boolean (基本类型——&...

2019-04-08 21:53:12 344

原创资本的小故事是大也是小，都是自我内心的博弈

节奏很重要，节奏过了就抛弃那个节奏，跟上下一个节奏，不要去追节奏。2-3年左右一个小周期 3k-4k point7年左右一个中周期 5k-6k point60年经济周期用例1年 12月为周期每个stock 都有自己的周期萌发（5% 【寻找机会】3个月）–成长（60% - 10000% 【等待】1.5个月）–成熟（10% 【博傻】 2个月）–衰退（40% - 100000% 【退...

2019-03-06 14:34:22 353

原创简易弹框

&lt;div class="iModal-wrap" id="iModal"&gt; &lt;div class="iModal"&gt; &lt;div class="iModal-header"&amp

2019-02-13 11:45:14 203

原创采用electron开发桌面用用

什么是electron,能做什么？1.electron是搭载谷歌v8内核的高性能的node环境，所有node能用的东西.这里都能用。2.前端做桌面应用.前端做桌面应用（electron, nw） 1.electron [link](https://github.com/search?q=electron&ref=opensearch).<br/> 官网地址： [l...

2018-12-26 11:58:59 1690

chrome的start.bat

HTML5从入门到精通.pdf

空空如也