Ariel_lj的博客

记录对接stripe时踩的坑和一些注意事项，拒绝走弯路

请求被异常杀死，请求无响应，报错Provisional headers are shown

一个项目从0到1的过程，以及从域名访问项目的过程【如何部署项目】

ttf文件压缩工具font-spider

【发布的微信小程序源码丢失怎么办】【微信小程序反编译】记录一次小程序源码找回经历

vue2使用antv f2 v3.8.11记录

常用的git命令：删除、提交分支，清除分支缓存

将微信小程序切换到后台一段时间，再打开微信小程序，出现卡死闪烁抖动// 重点是方法使用了 animationfinish 在动画结束后再进行赋值操作<swiper class="swiper_box" :current="current" @animationfinish="animationfinishChange" autoplay circular indicator-dots indicator-color="rgba(255, 255, 255, 0.6)" indicator-act

一、本地忽略在文件上右键添加进 忽略文件或者手动在 .gitignore 文件中添加文件路径这样在git仓库已有的文件不生效，依旧会被检测到二、强制忽略跟踪git update-index --assume-unchanged 文件路径取消强制忽略跟踪git update-index --no-assume-unchanged 文件路径...

全手打原创，转载请标明出处=>传送门必要的：规避错误；强烈推荐：改善可读性和开发体验；推荐：多选择情况下建议一个默认的选择；谨慎使用：照顾极端情况或帮助老代码平稳迁移的vue特性；以下包括Vue官网表示必要的和强烈推荐的一、命名规范1、组件名为多个单词，除根组件App外——避免跟现有的以及未来的 HTML 元素冲突。2、在插件、混入等扩展中始终为自定义的私有属性使用 $_ 前缀（或使用模块作用域，保证不允许外部访问的函数的私有性）。通常为：3、单文件组件的文件名要么是单词大写开头 (

配置如下：文件->首选项->设置->应用程序->在setting.json中编辑{ "files.associations": { "*.vue": "vue" }, "eslint.options": { "extensions": [ ".js", ".vue" ] }, "search.exclude": { "**/nod

问题解决及收藏记录已有老项目如何添加eslint配置包含vscode配置方案vue-cli3 老项目的eslint配置：这个是在已经建了项目的基础上再配置。配置了好久，所以以后千万千万要在一开始的配置好，不然一堆Bug我看着配置的的链接，嘻嘻嘻，挺全的 点击开始-eslint配置原链接有点问题，setting.jss需要改一下代码// 重新设定tabsize"editor.tabSize": 2,// 每次保存的时候将代码按eslint格式进行修复// "eslint.autoFixOn

无脚手架搭建vue3.0 + ts一、先让Vue3能够运行1.初始化2.安装相关依赖3.编写项目文件和配置webpack4.运行项目二、完善开发环境1.安装html-webpack-plugin2.安装webpack-dev-server3.配置开发环境4.启动项目三、安装各种工具1.使用less和less的解析器2.使用Typescript使用所有相关依赖如下- 环境以及工具nodeJS v.14.16.0 - 基于 Chrome V8 引擎的 JavaScript

不使用脚手架搭建vue项目找到一个需要搭建项目的空文件夹在文件夹中执行命令npm init 生成package.json文件(此处将展示我们的依赖\编译配置等信息)安装webpack 一vue及vue-loader使webpack能够加载vue文件,并编译为浏览器能够识别的js文件npm i webpack vue vue-loader上一步执行完后会提示我们npm WARN vue-loader@15.5.1 requires a peer of css-loader@* but none i

设备字体过大导致微信公众号页面坍塌IOS可以直接通过设置css解决，在入口文件index.html中，设置<style> body { -webkit-text-size-adjust: 100% !important; } </style>对于安卓，则需要通过js的方式解决。在index.html的body标签下，添加script，可以直接贴代码<script> (function () { if (type

小程序报错Failed to load local image resource这里逐步排查<image :src="imgJn('todyeat111')" class="'todyeat111-box" />有遇到这种写法报错的，在于没有判断我们的src是否拿到导致的报错，修改写法为<image v-if="imgJn('todyeat111')" :src="imgJn('todyeat111')" class="'todyeat111-box" />这样就解决了

请求并发,多个请求队列等待登录完成执行 @Ariel小程序项目开发遇到静默登录需求用户进入小程序即自动登录，场景是在请求拦截中校验登录状态，如果没有即登录并使所有请求进入等待状态，在登录请求完成后再按照请求顺序配置token并返回响应。小程序具备分享等页面，因此在每个页面做登录校验明显不友好，因此直接在请求拦截中做请求队列操作最合适。还有其他方案：校验到没有登录即登录并取消所有请求，在请求完成后刷新小程序onload，或者直接获取路由栈直接重新跳转当前页面（相当于网页刷新）等方案。个人更偏向于拦截，此

2021 前端面试题汇总对高阶函数的理解v-for中的key的理解为什么webpack需要使用loadervuex页面刷新数据消失的解决办法了解webpack吗？webpack的四大核心websocket的理解从输入网址到渲染完成的经过堆和栈的区别深浅拷贝的区别防抖和节流的区别浏览器回收机制原型链继承new做了什么事Ajax和axios的区别Ajax的原理web本地存储的区别git pull和fetch的区别promise和async await的区别map和for

vuex store 使用import { mapState, mapMutations,mapActions,mapGetters } from ‘vuex’; // 引入vuex的方法,用于使用辅助函数state => 使用的变量管理器，称作状态树，是一个单一的状态，只能通过vuex注册的方法进行改变使用：this.$store.state，或者使用 mapStatemutations => 必须是同步函数，接受 state 作为第一个参数,并接受调用时传入的参数（称作载荷Paylo

小程序长列表优化，解决数据过多白屏问题场景： 使用mpvue框架，列表数据量过大解决方法-分页渲染数据，列表滚动时将可视区域外元素数据清空只保留高度先贴代码，有注释html<template> <!--index.wxml--> <div class="list-box"> <div :id="'page'+pinde...

下载MySQL安装包由于网速直接让同事发给我的，可以去官网下载MySQL下载网址选择版本下载解压安装MySQL1、下载完成后打开文件位置我的在这里，复制这个位置。2、用管理员身份打开cmd，执行安装命令：mysqld --install，我这里报错是之前安装过，执行sc delete mysql命令删除之前的安装，再次执行安装命令，显示如下图提示成功。3、初始化mysql：mys...

mpvue 微信小程序canvas生成海报贴代码 html<template> <!--index.wxml--> <view class="posterWrap"> <canvas canvas-id="posterCanvas" class="myCanvas"></canvas> <div clas...

mpvue微信小程序长列表解决数据过多导致小程序白屏等问题。优化性能。github demo地址<scroll-view scroll-y class="main-box" :style="{height:systemHeight+'px'}" @scrolltolower="handleToBottom" @scroll="onScroll"...

mpvue快速搭建全局安装vue-cli，以管理员的身份运行cmd，命令：npm install --global vue-cli创建mpvue项目命令：vue init mpvue/mpvue-quickstart my-project然后就成功创建了，按照提示进入文件夹并运行。over...

Google 统计分析服务根据官网教程在 plugins 目录下创建ga.js 文件，具体内容贴代码（后面再看什么意思，先拿来主义）：/*** 只在生产模式的客户端中使用*/if (process.client && process.env.NODE_ENV === 'production') { /* ** Google 统计分析脚本 */ (funct...

一、安装nuxt.jsnpm init nuxt-app ----npm安装npx create-nuxt-app <项目名>然后配置一些他的问题，虽然不知道是什么，但是感觉应该就是问一下项目名字，作者名字，什么UI框架之类的​​...

下载nginx后文件放置解压安装后生成这样一个文件，我将打包后的项目文件（生成的dist文件）放在了html文件夹中，nginx默认的是80端口，所以点击文件中的nginx.exe应用程序启动nginx后，直接在浏览器中访问localhost就看到项目了刷新404问题当我访问成功后遇到第一个问题：刷新浏览器404。百度后试了几个，使用这个成功了：location / { try_fil...