前端周刊第22页

微信小程序-词汇大师项目分享

词汇大师小程序介绍这个是词汇大师小程序前端的页面设计，主要是使用微信小程序的前端页面组件采用了lin-ui以及微信的原生的组件来进行开发软件架构优点如下:首页面调用了Bing的接口，使得可以去进行每天定时进行获取图片背单词页面我们采用了随机算法

i-阿松！·2024-03-01 02:10

webpack搭建前端环境

随着webpack3.x的发布，其功能也越来越强大，很多的项目的编译打包工具也由gulp逐渐转移到webpack。1.用yarn代替npmnpm是一款非常好的包管理工具，之前在用npm安装项目依赖的时候总会因为某些依赖包推出了新版本从而导致编译结果不一样的问题，这是因为在安装依赖的时候npm并没有锁定依赖包的版本号(npm5好像已经解决了这个问题)，每次安装的时候总是获取最新的依赖包，导致编译结果

华戈的小书·2024-02-29 16:54

vue 2.0+element ui 使用el-upload图片上传

el-upload标签上传图片有两种方式：1、上传图片到服务器上，在数据库中存一个url；（以后迁环境的时候，必须将指定的文件夹一起迁移，比较繁琐2、将图片转为base64形势存放到数据库中；（较低一点很方便）两者在前端

TJJ.yaml·2024-02-29 11:19

从零开始构建React Native数字键盘功能

首发于公众号前端混合开发，欢迎关注。现代移动应用程序在入门过程中经常涉及一个步骤，你需要输入发送到你的电子邮件或手机号码的验证码PIN。有时，你需要使用类似于分割OTP输入字段的东西来输入PIN。

·2024-02-29 09:47

使用java对接chatgpt（含全部代码）

使用java对接chatgpt（含全部代码）因为对vscode不熟悉，前段界面我也是在idea里写的，先看一下效果图是这样，比较简陋我直接上代码，关于chatgpt前端的html，对了因为这个是我用之前写的匿名群聊改的

谁人不识我千夜·2024-02-29 06:44

前端实现页面水印

Document*{box-sizing:border-box;list-style:none;}html{margin:0;padding:0;}body{margin:0!important;padding:0;height:auto;}.box{width:100%;height:100vh;overflow:scroll;border:1pxsolidred;}/*滚动条样式*/.box:

修复bug·2024-02-28 22:36

前端开发环境模拟HTTPS

文章目录一、创建HTTPS证书openssl报错？二、创建HTTPS服务器三、脚手架配置HTTPS@umi配置@vite配置一、创建HTTPS证书进入要建立HTTPS服务的目录opensslgenrsa-outkey.pem1024opensslreq-new-keykey.pem-outcsr.pemopensslx509-req-incsr.pem-signkeykey.pem-outcert

流水吾情·2024-02-28 22:35

Xcode 中代码格式化

xcode没有格式化代码的功能，只有缩进整理和多行拆分，习惯前端代码的开发方式，不格式化代码显得有些凌乱，幸好有开源的工具可以实现这样的功能，它就是SwiftFormat。

·2024-02-28 21:09

软件报价

按系统报价：*1、软硬件一期打包报价(可基于项目或产品)2、按软件、硬件分开报价(偏向于项目)软件：需求分析，软件设计，前端、后台、开发工作量，测试，部署上线3w人／月引擎：10-20万一种（私有化部署

楼船夜雪_WL·2024-02-27 19:48

React入门简介

React不是一个MVC框架，而是一个用于构建组件ui库，是一个前端界面开发工具，所以很多人认为React是MVC中的V（视图）。

slom_fxt·2024-02-27 16:57

vue + nginx 前端项目的线上服务部署

根据上篇文章基本就差不多了一下为自己在项目搭建中实际操作在项目部署过程中一定会遇到代理问题（解决原理都是一个套路）vue项目在本地开发过程中解决跨越是在config.js中解决的（如下）但是在线上项目中依旧会有跨域的问题出现所有要在nginx.config里进行配置进行代理配置proxy_pass的路径就是你本地路径重启一下nginx基本就行了

多久以后_Mr·2024-02-27 07:25

chrome devtools 技巧

1.Chrome117可以直接修改接口返回的数据了在前后端联调的时候，往往后端的数据会出现问题，这时候通知后端改接口，改数据，他们修改发布需要个过程，而前端很想把当前的功能调通，这个时候可直接在devtools

·2024-02-27 02:38

多微服务合并为一个服务

公司微服务细分太多，最近跟我提说需要将几个微服务合为单体，经过几天的查阅，决定用二次打包的方式进行合并，然后部署的时候在nginx改下合并的微服务转发路劲即可，不需要前端修改路劲了。

U2133048·2024-02-27 01:08

UI设计流程是什么?来看看UI设计完整的设计流程吧

UI设计和我们的生活联系越来越紧密，精致美观的界面总能让用户赏心悦目，很多人已经开始学习UI设计的知识，希望自己也能加入UI设计师的行列，成为走在潮流前端的科技人才，那么你一定要知道，一个优秀作品都进行了怎样的

风莫流·2024-02-26 23:03

navigator对象和history对象

王玉伟的伟·2024-02-26 22:57

优雅使用前端枚举Enum，符合国标的那种！

在前端项目中还是会用到经常用到这类型数据的，本文就对枚举做一个通用封装，并进行尽量

安木夕·2024-02-26 21:00

关于Map入参，出参

现在有很多小伙伴非常喜欢用map，jsonObject来接收前端的参数如下图：@PostMapping("/test")publicModelMapback(@RequestBodyMapmap){returnnull

liuhuapeng0304·2024-02-26 12:55

Flutter学习2 - Dart

Dart语言特点：1、强类型语言，静态类型Dart2.0开始便是强类型语言，而且是静态类型的（可以类比Java，C#等）强类型语言的优点：所有类型的检查必须在编译的时候完成前端开发的js语言是弱类型的语言强类型的语言需要在定义的时候指定类型

KillerNoBlood·2024-02-26 08:50

前端 Vue启动本地（.exe）文件

首先，启动本地的.exe文件的方式有以下两种:方式1:通过使用JS打开本地exe文件。但是一般的浏览器，由于安全问题，都会禁止掉这个JS对象，这就导致部分浏览器不支持该种方式。方式2:利用浏览器外部协议（URLProcotol）打开本地exe文件。简单来说通过修改注册表信息，然后在项目中通过超链接或路由跳转的方式触发。话不多说上代码。这里简单对方式2进行测试:demo.regWindowsRegi

fruge·2024-02-26 08:20

【每日前端面经】2023-02-25

题目来源:牛客+牛客每日面经20240225了解Taro么Taro是一个开放式跨端跨框架解决方案，支持使用React/Vue/Nerv等框架来开发微信/京东/百度/支付宝/字节跳动/QQ/飞书小程序/H5/RN等应用多端适配怎么做固定布局（PC）window.screen分类加载CSS@media媒体查询vh+vw+rem百分比布局响应式布局移动端适配怎么做同上偏工程化如何做字体大小的适配通过媒体

糠帅傅蓝烧牛肉面·2024-02-26 06:47

在IDEA中创建vue hello-world项目

工作中最近在接触vue前端项目，记录一下从0搭建一个vuehelloworld项目的步骤1、本地电脑安装配置node、npmD:\Project\vue\hello-world>node-vv14.21.3D

fragrans·2024-02-26 00:08

java毕业设计二手图书回收销售网站Mybatis+系统+数据库+调试部署

Mybatis+系统+数据库+调试部署java毕业设计二手图书回收销售网站Mybatis+系统+数据库+调试部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术

沪港·2024-02-25 18:30

前端数据可视化：ECharts使用

可视化介绍应对现在数据可视化的趋势，越来越多企业需要在很多场景(营销数据，生产数据，用户数据)下使用，可视化图表来展示体现数据，让数据更加直观，数据特点更加突出。数据可视化主要目的：借助于图形化手段，清晰有效地传达与沟通信息。数据可视化可以把数据从冰冷的数字转换成图形，揭示蕴含在数据中的规律和道理。知识扩展less文件 Less是一种CSS预处理器，它扩展了普通的CSS语言，为web

~hello world~·2024-02-25 11:21

【每日前端面经】2023-02-23

题目来源:牛客企业级开发整体流程有哪些项目启动需求调研->需求文档系统设计->设计文档程序开发->开发文档BUG测试->测试文档验收维护遇到技术难题怎么办分析可能出现的原因查找搜索引擎寻问文心一言等对话模型打断点，寻找问题复现再一次归纳分析询问师傅或更高级的工程师常用的设计模式工厂模式简单工厂模式抽象工厂模式单例模式懒汉单例饿汉单例装饰器模式策略模式代理模式观察者模式发布订阅模式单例模式具体实现和

糠帅傅蓝烧牛肉面·2024-02-25 11:51

web前端安全性——iframe安全问题

1、概念iframe安全问题可称作界面劫持，像点击劫持、拖放劫持、触屏劫持。就是我们的点击，拖放，触屏操作被劫持了，而去操作了其它的透明隐藏的界面。**原理是利用透明层iframe,使用了CSS中的opacity或z-index等属性，来到达透明和位于其它界面的上方，然后使用iframe来嵌入劫持页面。**到达了用户操作的不是它看到的界面，不是他以为的那个界面，而是那个透明的位于上层的界面。代码：

장숙혜·2024-02-25 00:08

java进阶学习第一天_Java全栈开发springmvc学习笔记第一天

Springmvc执行原理(流程)Struts2:控制层：strutsPrepareAndExcuteFilter–前端控制器/*l接受请求l转发请求前端控制

35612123·2024-02-24 17:30

java计算机毕业设计同学录网站源码+数据库+系统+lw文档+mybatis+运行部署

+mybatis+运行部署java计算机毕业设计同学录网站源码+数据库+系统+lw文档+mybatis+运行部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术

游游科技·2024-02-24 17:59

java毕业设计网络招聘系统源码+lw文档+mybatis+系统+mysql数据库+调试

+mysql数据库+调试java毕业设计网络招聘系统源码+lw文档+mybatis+系统+mysql数据库+调试本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术

銮銮科技·2024-02-24 17:29

java毕业设计物资租赁管理系统mybatis+源码+调试部署+系统+数据库+lw

+调试部署+系统+数据库+lwjava毕业设计物资租赁管理系统mybatis+源码+调试部署+系统+数据库+lw本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术

銮銮科技·2024-02-24 17:58

java毕业设计酒店管理信息系统mybatis+源码+调试部署+系统+数据库+lw

+调试部署+系统+数据库+lwjava毕业设计酒店管理信息系统mybatis+源码+调试部署+系统+数据库+lw本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术

雪夜科技·2024-02-24 17:58

【开源】JAVA+Vue.js实现超市账单管理系统

目录一、摘要1.1项目介绍1.2项目录屏二、功能模块三、系统设计3.1总体设计3.2前端设计3.3后端设计在这里插入图片描述四、系统展示五、核心代码5.1查询供应商5.2查询商品5.3新增超市账单5.4

蜜桃小阿雯·2024-02-24 10:57

前端输入框限制只能输入数字和字母

constaddressReg=/^[a-zA-Z0-9_]$/constaddress=valueif(!addressReg.test(address)){this.formInline.um=address.replace(/[^a-zA-Z0-9_]/g,'')}输入别的输不进去。可以自由搭配需要的限制条件

平凡才真·2024-02-24 09:26

springboot接收base64文件并上传

1.前言在常见的开发场景中，前端往往对文件进行base64编码，采用json格式发送给后端，后端收到base64文件的字符串后进行保存实现步骤：后端直接通过Base64工具类对字符串进行解码，解码后获取字节数组

脑壳疼___·2024-02-24 05:50

面试前端性能优化八股文十问十答第二期

面试前端性能优化八股文十问十答第二期作者：程序员小白条，个人博客相信看了本文后，对你的面试是有一定帮助的！关注专栏后就能收到持续更新！⭐点赞⭐收藏⭐不迷路！⭐1）如何优化动画？

程序员小白条·2024-02-23 21:41

面试前端性能优化八股文十问十答第一期

面试前端性能优化八股文十问十答第一期作者：程序员小白条，个人博客相信看了本文后，对你的面试是有一定帮助的！关注专栏后就能收到持续更新！⭐点赞⭐收藏⭐不迷路！

程序员小白条·2024-02-23 20:10

[前端]开启VUE之路-NODE.js版本管理

VUE前端开发框架，以Node.js为底座。用历史性的项目来学习，为了降低开发环境的影响因素，各种版本号最好能一致。前端项目也是一样。

猿Why·2024-02-23 12:00

JavaScript 的Blob 对象详解

如何高效、便捷地处理二进制数据，是前端开发人员面临的永恒挑战。问题在传统的JavaScript中，处理二进制数据是一项繁琐且容易出错的工作。我们需要使用各种各样的API和工具，才能将二进制数据转

爱蹦跶的大A阿·2024-02-23 12:29

uni-pp(一)什么是uni-pp

uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）

AlanGe·2024-02-23 11:12

【实战】二、Jest难点进阶（二） —— 前端要学的测试课从Jest入门到TDD BDD双实战（六）

文章目录一、Jest前端自动化测试框架基础入门二、Jest难点进阶2.mock深入学习学习内容来源：Jest入门到TDD/BDD双实战_前端要学的测试课相对原教程，我在学习开始时（2023.08）采用的是当前最新版本

程序边界·2024-02-22 22:43

前端获取Ip地址

浏览器不能直接获取本机ip地址，需要调用第三方接口。或者自己提供一个接口来获取。这里提供一个简单的第三方接口来获取ip地址。GETIPconsole.log(returnCitySN)//下面这行和上面的script一起使用获取真实IP地址document.write(returnCitySN["cip"]+','+returnCitySN["cname"]+"真实IP地址")

果壳~·2024-02-22 20:11

css居中方法归纳（二）

大话元素居中身为一名前端开发者，居中永远是绕不去的一个问题，如果不能有完整的方式归类，每次百度难免费时，并且显的咱们多low啊，居中都要百度，至少为了咱们滴面子，咱也要把它学好，接下来一起来看看吧水平居中水平居中方案一

不曾忽然七日·2024-02-22 19:48

前端基础：CSS字体属性

目录1.字体系列2.字体大小3.字体粗细4.字体样式5.字体复合属性6.字体属性总结cssfonts（字体）属性用于字体系列、大小、粗细、文字样式（如斜体）。1.字体系列css使用font-family属性定义字体。P{font-family:"微软雅黑/MicrosoftYaHei";}各个字体之间必须用英文的逗号隔开空格隔开的多个单词组成的字体，加引号尽量使用系统默认字体，保证在任何用户的浏览

曹莓奶昔·2024-02-22 15:34

用html编写的招聘简历

2005---请选择月份--123456789101112--请选择日期--123456789101112131415161718192021222324252627282930就读学校应聘岗位后端开发前端开发测试开发运维开发我掌握

fly in the sky !·2024-02-20 23:27

nodejs基于vue的小区果蔬水果蔬菜网上购物商城销售网站

开发语言node.js框架：Express前端:Vue.js数据库：mysql数据库工具：Navicat开发软件：VScode1.3研究内容红联小区果蔬销售项目分为两种角色，普通用户，和管理员。

计算机专业码农一枚·2024-02-20 23:56

PHP+vue+mysql网络考试系统成绩学习资料系统7wivi

开发语言：php后端框架：Thinkphp前端框架：vue.js服务器：apache数据库：mysql运行环境:phpstudy/wamp/xammp等随着互联网的发展，教育也迎来了互联网的春天，现代教育更加依托于互联网的应用