前端开发

吴裕超

代码在线跑，知识轻松学

Python精品学习库

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

博客搬家 | 分享价值百万资源包

往期视频·干货材料·成员作品 最新动态

技术创作特训营·精选知识专栏

新邀入驻腾讯云开发者社区，福利多多！

如何运用「云、端融合的数智化安全体系」高效护航数据安全

左手AI，右手安全 —— 一汽丰田数字化转型之路

升级需要改动的文件包括分为package.js、 webpack.config.js、webpackDevServer.config 三处。

create-react-app webpack4升级webpack5

前阵子做了一个微信小程序项目，使用了uni-app框架和uview ui框架，上一次写小程序还是小程序刚出来那会，18年，2年没写和新学一样，下面记录下能回想起来的一些遇到的坑。

微信小程序踩坑记录

今天用cmd安装个库,结果发现node不是内部命令,于是搜索了下解决方法,发现原来我上次重装nodejs换了个安装位置,path环境变量忘改了. 找到变量值中node的安装地址,比如C:develop\nodejs,如果不是这个地址改成现在新的安装的地址,然后保存,重新打开cmd,输入 node -v 查看版本号,就会发现一切正常啦!当然这只针对于安装过node的一些情况.

nodejs在cmd提示不是内部或外部命令解决方法

之前有一个需求，要求输入描述限制上限为5000字符。由于需要新设计表结构，所以我有了一个疑问，到底设计表的时候，字段类型如何才能更合理，不浪费存储空间，于是了解了一下比较常用的char、varchar、text的区别。

mysql数据类型char、varchar、text的一些区别


 如果把father里的justify-content: center;换成justify-content: space-between;或者justify-content: left; 是可以的，但是当只展示两三个选项时就会间距过大。而我们需要选项过少的时候是center效果，多了则显示全并能滚动。
 想过对第一个选项的css单独处理，但是还要判断选项个数，其实和自己试出来的页面能展示多少个选项不滚动没区别。不想写js和复杂的css，尝试了很多次，最终发现在father外面再包一层div给他justify-content: center;就可以了，搜了半天也没搜到答案，真是个坑，
 注意父元素不能再加justify-content: center;代码如下,

解决移动端水平滚动使用justify-content显示不全问题

在日常项目开发中，我们可能会遇到一些项目，它们的文案可能会不定期改变，多个页面有相似之处，但是相同中又有不同，比如有的直播活动，策略逻辑没变，改了奖品、背景图和banner，也可以叫做换肤；也比如一些产品的官网，会不断加一些子页面，但是风格都是统一的，但会改变布局和文案。这个时候，做为技术，我们会思考如何能减少开发成本，避免改动一次文案替换一个图片就跑一遍繁琐的上线流程呢？大家一定能想到如果能把这些改动都做成可以配置的，那不就方便很多了么？前阵子正好做了这样场景的一个项目，于是尝试了下把页面尽可能写成可配置的。下面就简单介绍下。

一次静态页面配置化开发

controller部分有很多复用的功能，举个栗子，2个创建项目的页面，都是用同一套增删改查，只是新建的时候传的类型不一样，这时候就会出现2个一样的controller代码。只是传参不一致。

egg中 controller 调用controller如何实现

最近在做node项目，需要提供接口给不同域名的功能使用，于是就产生了跨域问题。下面说一下解决方法：步骤一：# 下载 egg-cors npm i egg-cors --save

node egg 实现跨域

一、性能优化原则
1、多使用内存、缓存等其他方法
2、减少CPU计算量，减少网络耗时
3、空间换时间
二、入手点
1、让加载加快
　　减小资源体积：压缩代码
　　减小访问次数：合并代码，SSR服务端渲染，缓存
　　使用更快的网络：CDN
2、让渲染加快
　　css放head，js放body最下面
　　尽早开始执行js，用DOMContentLoaded触发
　　懒加载（图片懒加载、上拉加载更多）
　　对DOM操作进行缓存
　　频繁DOM操作，合并到一起插入DOM
　　节流防抖

性能优化总结

参考： https://github.com/vuejs/vue/issues/6581

iOS 中, vue使用select option，第一个选项无法第一次进入无法选中问题

1、ios弹窗输入框，关闭后，页面顶上去不恢复的问题
解决方法：
function temporaryRepair() {
      const that = this;
      const windowFocusHeight = window.innerHeight;
      if (that.windowHeight === windowFocusHeight) {
        return;
      }
      let currentPosition;
      const s

最近项目遇到问题总结

　　最近的一次项目中，出现了一个bug，
这里我就是用的简单的vue赋值，所以我怀疑问题出现在css上，发现可能是
  overflow: hidden;
  text-overflow: ellip

iphone 低版本渲染不出来内容的一种解决办法

2、配置环境变量，这里我本来想试试配成本地位置，结果到后来运行时候跑不起来，无奈最后还是按官网的来，当前用户新增PUB_HOSTED_URL和FLUTTER_STORAGE_BASE_URL，系统变量PATH新增flutter的安装地址，路径到bin文件夹

win10 安装flutter记录

现象：简单的说就是iPhoneX页面里有输入框时，点击输入框，无论是否输入内容，点击输入框的完成或者页面其他地方隐藏输入框后，发现页面被整体顶上去了，而输入框的部分要么成黑色要么白色等，页面底部变成了输入框的顶部位置

iPhone X 弹出输入框隐藏后页面上移不回位问题的解决办法

最近官网改版的任务交给了我，开发使用的是jq操作dom，后台php渲染的方式，如今已经开发完成，现在把一些问题记录下来，已备忘。

官网改版项目问题总结

最近在做一个活动页时，发现当上滑页面时，底部固定定位的按钮也跟着移动了一点，当下滑时，又会回到原来位置。

iPhone XR XS 底部固定定位偏移解决方案

pengding 初始状态 fulfilled 操作成功 rejected 操作失败

promise总结

有些 HTML 元素，诸如 <ul>、<ol>、<table> 和 <select>，对于哪些元素可以出现在其内部是有严格限制的。而有些元素，诸如 <li>、<tr> 和 <option>，只能出现在其它某些特定的元素内部。

vue 组件使用中的细节点

方法学习到了，但是为什么不能用Number呢，我测试了一下，当数字过大时，Number的问题就出现了

js基本数据类型 BigInt 和 Number 的区别

　最近在写组件时，考虑到子组件的状态需要实时反馈给父组件，于是想起来了v-model，下面介绍一下自定义组件中的简单使用

vue v-model 简单使用

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋 

腾讯云代码助手

CODING DevOps

Cloud Studio

SDK中心

API中心

命令行工具

腾讯云开发者社区推出了吴裕超专栏，为你提供了吴裕超的相关文章，致力于帮助开发者快速成长与发展。

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐