- 博客(18)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 10张思维导图，2022年作为一名前端开发者需要掌握这些，前端面试复习资料参考大纲
本文介绍了前端实际工作中用到的大部分内容及其相关知识点，大家可以收藏仔细阅读慢慢看～前言2021年最后一个月了，熬夜多天整理出10张思维导图，对前端面试复习知识点进行了最全的总结，分享给大家。每个知识点都尽量找到最好的文章来解释，通过思维导图的形式进行展示。给大家准备了高清的思维导图10张，涉及前端开发的方方面面面，JS基础，工程化，性能优化，安全，框架等。如果您是准备面试，或者享扩展前端知识，都可以通过这个目录进行学习。废话不多说，下面分类展开来说，收藏起来吧完整思维导图实在太大，可关注公众号「
2022-04-11 09:22:59
7217
原创 记录一次年前三天紧急上线一个小程序过程
背景去年年末，离过年的时间还剩几天，产品部的突然跑过来问能不能年前做完然后上线一个小程序，利用过年的流量，引流一波。时间紧，任务急。并且公司还在开源节流，精简服务器。这个项目也就过年这段时间跑跑的，过后就是废弃状态。综合种种，于是提出试试小程序的云开发。小程序云开发优势无需搭建服务器，快速构建小程序，免登录、免鉴权调用微信开放服务，按量计费,还有内容管理（CMS）,小项目用云开发在适合不过了。这个项目除了正常的展示外，还用到以下功能静态网站 H5 跳小程序任意页面客服消息自动回复订阅消息
2022-02-09 16:21:57
275
原创 python PPT批量制作封面图及导出视频教程
前言距离运营人员提出[PPT,word自动转图片]没多久后。有天运营跑过来说道，能不能自动生成封面图,以及视频。因为每次手动一个一个打开PPT再用islide导出封面图工作很繁琐,效率也不高。有了上次写PPT,word自动转图片的栗子，这次写起来也十分顺手了。本文python版本3.9.5需windows 平台，需安装Microsoft Office脚本思路python读取目录下的PPT->打开PPT->导出图片->拿到图片拼接制作封面图。先来看看运营要求的封面图，读取P
2021-12-16 15:54:19
1764
原创 小公司出来的程序员找工作难吗？
小公司出来的程序员找工作，年轻时不难，但越大越难，大到一定程度，就找不到工作了。具体说明如下。 1 28岁以下的小公司程序员，找工作不难，如果面试能力得当，进大厂都不是问题，至于继续找个小公司的活，更没难度了。 2 28岁到32岁的小公司程序员，可能还能找小公司的工作，但难度要比年轻程序员要难了，这个年龄段，如果要进大厂或外企或好点的公司，被问的问题就会难很多（基本是架构师级的问题），但这个年龄段还有进大厂的先例。 3 年纪再大些，尤其过了35，小公司出来的程序员，进互联网公司...
2021-12-01 15:15:55
194
转载 前端实现token无感刷新的几种方式（亲测有效）
需求最近遇到个需求：前端登录后，后端返回token和token有效时间，当token过期时要求用旧token去获取新的token，前端需要做到无痛刷新token，即请求刷新token时要做到用户无感知。需求解析当用户发起一个请求时，判断token是否已过期，若已过期则先调refreshToken接口，拿到新的token后再继续执行之前的请求。这个问题的难点在于：当同时发起多个请求，而刷新token的接口还没返回，此时其他请求该如何处理？接下来会循序渐进地分享一下整个过程实现思路由于后端返回了to
2021-12-01 15:08:48
13138
7
原创 python批量ppt转图片，pdf转图片，word转图片脚本
前言某天我们运营在编辑后台的时候说每次上传ppt，pdf，word时都要把每个文件先导出一次图片,然后一个一个上传(png用作预览,ppt，pdf，word源文件不能直接下载的)，说效率太低了，问有没有办法只要上传文件就行。当时就想了想每个上传都转一次确实效率低，因为有些导出来可能有几十张图片。最后通过GitHub和网友博客。最终把自动转图片问题解决。第一次写python脚本有错误不优雅的欢迎指出~本文python版本3.9.5需windows 平台，需安装Microsoft Office脚
2021-11-29 16:19:25
1404
原创 vue-awesome-swiper与swiper6.x不能自动轮播问题
自己在工作中碰到了Swiper6.x版本autoplay不能使用问题我的版本"swiper": "^6.8.1","vue-awesome-swiper": "4.1.1",找了很多资料说是降低swiper的版本号可以解决也确实可以解决，可是我就是要swiper6.+的版本，因为降低版本会带来其他问题。最后找到的解决的解决办法是在引入vue-awesome-swiper的文件里加上这个代码import * as Swiper6 from "swiper";Swiper6.Swiper.us
2021-11-26 17:12:38
936
原创 微信小程序页面停留时间统计
近来在研究微信小程用户是否在使用小程序或者查看用户在小程序停留的时间，无意中在git上找到了相关的解决问题方法，希望正在开发这个功能的的你，能帮助你解决！收到一个需求，要统计一个用户在我们小程序的每个页面的停留时间。初步想法，在页面的onShow事件里面，打一个开始的时间戳，然后在onHide里面再弄一个时间戳，两个一减，然后把得出来的数据，一提交，齐活。 BUT~，尼玛，onShow和onHide不仅在页面切换的时候会触发，小程序切换到后台和回到前台，也会触发，这就有干扰了。 但是在app.js里面的
2021-11-26 13:57:51
3713
1
原创 vue-cli3项目 升级到 vue-cli4 的方法总结
这是我对以前配置的基于vue-cli3搭建的前端H5模板的升级，主要把vue-cli3项目升级为vue-cli4，并删除一些过时插件。插件版本升级到当前(2020-03-19)最高版本（升级了很多webpack插件版本），升级完后新加多域名代理配置，官方升级文档点我点我按着官方的文档升级来也会碰到很多坑，????，配置完可直接使用。主要功能包括webpack 打包扩展css：sass支持、normalize.css、_mixin.scss、_variables.scssvw、rem布局多域名代
2021-11-01 11:22:53
840
原创 利用Jenkins + nginx 实现前端项目自动构建与持续集成
本文将以我之前的一篇基于vue-cli3.0构建移动端架子的前端代码自动化部署到目标服务器为????。实现目标本地push代码到GitHub，Webhook自动触发jenkins上的构建动作,完成安装node插件并且打包，然后通过Publish Over SSH插件，将打包出来的文件，部署到目标服务器上。前期准备github 账号和项目centos 服务器;服务器安装 Java SDK;服务器安装 nginx + 启动；服务器安装jenkins + 启动；jenkins介绍Jenk
2021-11-01 11:20:12
862
原创 基于vue-cli3.0构建功能完善的移动端架子
基于vue-cli3.0构建功能完善的移动端架子，主要功能包括webpack 打包扩展css：sass支持、normalize.css、_mixin.scss、_variables.scssvw、rem布局跨域设置eslint设置cdn引入路由设计、登录拦截axios、api 设计vuex状态管理项目地址: vue-cli3-H5demo地址: https://zhouyupeng.github.io/vuecli3H5/#/webpack 打包扩展vue-cli3.*
2021-11-01 11:15:24
290
原创 forEach、for in 、 for of三者的最新理解
遍历分为遍历对象和遍历数组，又可以分为遍历键值和遍历值首先，map()和forEach()是Array自带的方法，Map对象也有forEach()方法，而for…in和for…of是对数组/类数组元素进行for循环操作的方法。也就是说，在使用map()和forEach()的时候，需要用数组调用map()和forEach()包含的匿名函数都是三个参数(item,index,input)（当前项，当前项的索引，原始数组）1. map方法map只能遍历数组，不能遍历对象map 遍历的时候必须要有 re
2021-10-27 16:28:55
517
原创 2021年，你必须知道的JS数组技巧
数组是Javascript最常见的概念之一，它为我们提供了处理数据的许多可能性，熟悉数组的一些常用操作是很有必要的。js数组方法大全我们在学到js中数组的时候，我们会接触到js中数组的一些方法，这些方法对我们来说，可以很遍历的达到我们想要的结果，但是因为方法比较多，有些方法也不常用，可能会过一段时间就会忘记，那么在这里我整理了21个数组的方法，供大家查阅。方法名对应版本功能原数组是否改变concat()ES5-合并数组，并返回合并之后的数据njoin()ES5-使
2021-10-26 16:38:06
157
原创 小程序图片安全审核方案与security.imgSecCheck不能校验超过1M图片的解决思路
背景：如上图，我的小程序涉及图片功能上线还没两天就被人搞了(上传了黄图然后被举报)。通过查看得知UGC平台类小程序，涉及到平台内用户发布，平台都要对用户发布内容设置违法违规内容过滤机制。当天连夜修改于是有了这篇文章。本文用到的图片内容安全检测为小程序自带的同步API：security.imgSecCheck优点：免费(白嫖的)，小程序自带，无须额外申请，格式支持PNG、JPEG、JPG、GIF，单个 appId 调用上限为 2000 次/分钟，200,000 次/天，基本满足需要。缺点：图片大
2021-10-15 17:04:09
1316
3
原创 uni-app项目瀑布流布局,完美解决方案
预览图使用教程直接复制代码 列表布局数据自己写<template> <view class="waterfall-wrap"> <view class="waterfall-list"> <view class="left"> <hd-list :listData="item" v-for="(item,index) in goodsLeftList"
2021-08-04 13:57:24
2341
1
原创 基于 vue3 + webpack 5 + sass+ vw 适配方案+axios 封装，从0构建手机端模板脚手架
Webpack5正式发布也有很长长长一段时间了,上手了一段时候后发现真香。webpack5的新特性使得我们在配置上比以往版本更加方便了，构建速度也有了质的飞跃。本文着重为大家讲解从 0 到 1 搭建 vue3 + webpack 5开发环境的过程中遇到的疑问。项目地址: webpack5-vue3demo地址: https://zhouyupeng.github.io/webpack5-vue3/#/先看一下配置好的项目目录结构├─build│ ├─webpack.base.c
2021-07-29 21:15:03
798
原创 nuxt.js打包生产环境下删除console.log，nuxt.js打包去除console
nuxt.js生产环境下怎么删除console.log首先下载babel-plugin-transform-remove-console插件yarn add babel-plugin-transform-remove-console -D在nuxt.config.js最上边添加判断生产环境还是开发环境let plugins = []if (process.env.NODE_ENV === 'production') { plugins.push("transform-remove-c
2021-05-20 14:09:08
1657
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人