zl程序教程

前端项目

  • 大会推荐|GMTC 北京:下个月,和前端明星项目核心成员见面

    大会推荐|GMTC 北京:下个月,和前端明星项目核心成员见面

    其实,参加一场线下的技术大会,并不能让你的技术获得瞬间提升,一般这么吹的都是割韭菜的骗子。那你能获得什么?了解更多的行业,学到更多有用或者暂时没用的技术知识接受技术氛围的熏陶最重要的是,和同行的交流普通的一线开发平常很少走出去看别人在做什么,做到了什么程度,自己大概处于什么位置。如果想在技术生涯长久地走下去,还是要走到线下,带着问题和思考去和圈子里的前辈们、同行们见面聊。作为国内知名交友平台之一,

    日期 2023-06-12 10:48:40     
  • 12-Nginx解决前端项目跨域问题

    12-Nginx解决前端项目跨域问题

    解决Nginx跨域问题跨域问题图解在同域名下可以访问, 跨域名就会有跨越问题, 导致请求无法访问CORS跨域资源共享Cros-Origin Resource Sharing允许浏览器向跨Origin的服务器发起JS请求获取响应Jsonp, SpringBoot Cors, NginxNginx配置允许跨域在Nginx.conf配置文件中需要允许跨域的Server模块下配置# 允许跨域请求的域, *

    日期 2023-06-12 10:48:40     
  • Vue前端项目-主页布局-左侧导航菜单(静态)[通俗易懂]

    Vue前端项目-主页布局-左侧导航菜单(静态)[通俗易懂]

    大家好,又见面了,我是你们的朋友全栈君。目录1、修改侧边栏组件2、滚动条样式3、导入并使用组件实现效果:NavMenu 的详细用法:https://element.eleme.cn/#/zh-CN/component/menu1、修改侧边栏组件为侧边栏组件,添加导航菜单侧边栏组件: src / layout / components / Sidebar / index.vue <templa

    日期 2023-06-12 10:48:40     
  • 一个简洁、强大、可扩展的前端项目架构是什么样的?

    一个简洁、强大、可扩展的前端项目架构是什么样的?

    大家好,我卡颂。React技术栈的一大优势在于 —— 社区繁荣,你业务中需要实现的功能基本都能找到对应的开源库。但繁荣也有不好的一面 —— 要实现同样的功能,有太多选择,到底选哪个?本文要介绍一个12.7k的开源项目 —— Bulletproof React[1]这个项目为构建「简洁、强大、可扩展的前端项目架构」的方方面面给出了建议。Bulletproof React是什么Bulletproof

    日期 2023-06-12 10:48:40     
  • 我用前端【最新】技术栈完成了一个生产标准的项目【Vue3 + TS + Vite + Pinia + Windicss】

    我用前端【最新】技术栈完成了一个生产标准的项目【Vue3 + TS + Vite + Pinia + Windicss】

    前言聊一下自己使用这些技术的一些体会与心得,不做具体的搭建过程了,说一下工程的设计思想与遇到了哪些问题。项目背景最近一直在忙一个EPR系统的开发,新项目之前团队的技术栈基本停留于Vue2 + Js + Webpack + Vuex 上,但是Vue生态其实已经可以说进入了次时代,虽然我个人其实不是很倡议盲目的去追赶新的框架,因为我觉得先把自己手头的技术掌握扎实才是重中之重,团队的同学绝大多数是一些基

    日期 2023-06-12 10:48:40     
  • 31·灵魂前端工程师养成-[项目]前端导航网站

    31·灵魂前端工程师养成-[项目]前端导航网站

    技术栈 实现html和CSS iconfont使用方法 完善html和CSS 实现搜索功能 实现跳转功能 使用logo 实现新增网站 修复显示问题只显示一级域名 处理 logo 实现删除功能 实现PC端功能 优化PC的样式 监听键盘事件 完整代码 使用parcel部署 在之前的基础上增加一些内容 第二版本代码 -曾老湿, 江湖人称曾老大。 -多年互联网运

    日期 2023-06-12 10:48:40     
  • 前端项目启动报错:config buildwebpack.dev.conf.js

    前端项目启动报错:config buildwebpack.dev.conf.js

    错误展示错误太长,我就不在标题展示了:webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`node:internal/modules/cjs/loader:959 throw err`Error: Cannot find module '../config'错误分析这种情况下报错,一

    日期 2023-06-12 10:48:40     
  • 前端项目开发经验总结(持续更新)

    前端项目开发经验总结(持续更新)

    大家好,又见面了,我是你们的朋友全栈君。这篇博客是我在持续的开发以及维护项目中遇到的坑,并总结出做法,以备需要立项新项目需要注意的点。1.字符串一定能提到语言包中就提到语言包,不要贪图方便写死在代码中或者写死在美术资源中 很多程序员喜欢贪图方便,在固定不变的字符串直接使用静态文本,代码中根本不去做控制,这样做一是不方便策划对于描述的一个更改,二是如果需要国际化,会造成很多不必要的工作。2.在

    日期 2023-06-12 10:48:40     
  • 前端老项目接入 eslint 从配置到上线的一些思考

    前端老项目接入 eslint 从配置到上线的一些思考

    大家好,我是若川。持续组织了近一年的源码共读活动,感兴趣的可以 点此扫码加我微信 ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试系列。另外:目前建有江西|湖南|湖北籍前端群,可加我微信进群。背景在日常需求迭代中,代码的规范与质量是编码的重要一环。Eslint 作为规则扫描器,能够对前端代码进行

    日期 2023-06-12 10:48:40     
  • 前端Vue项目经验汇总

    前端Vue项目经验汇总

    面显示头部左右两边可以通过slot卡槽去处理 底部导航显示与否可以通过路由里面的meta属性进行配置 返回上一级页面 $router.back() $router:路由器对象,包含一些操作路由的功能函数,来实现编程式导航(路由跳转) $route:当前路由对象,一些当前路由信息数据的容器,path/meta/query/params异步请求数据 axios请求数据封装 /* 封装请

    日期 2023-06-12 10:48:40     
  • 快速部署Vue.js前端项目

    快速部署Vue.js前端项目

    快速部署Vue.js前端项目前言Vue.js相较于传统的HTML三件套(HTML、CSS、JavaScript)有许多优点。其中最重要的一点是,Vue.js提供了响应式数据绑定的能力,这意味着当数据发生变化时,视图会自动更新,无需手动操作DOM。此外,Vue.js采用组件化开发的方式,允许将一个页面拆分成多个可复用的组件,从而提高了代码的可维护性和可重用性。Vue.js还提供了许多方便的工具和插件

    日期 2023-06-12 10:48:40     
  • [Web 前端]   webstorm 快速搭建react项目

    [Web 前端] webstorm 快速搭建react项目

    cp from : https://blog.csdn.net/qq_39207948/article/details/79467144 前端新手如何安装webstorm ,初步搭建react项目 下载安装webstorm:配置成功: 配置成功后就可以开启webstorm项目了。(存微信收藏、、) 1:在webstorm下配置node环境: 2:完成之后: React官方脚手架地址: ht

    日期 2023-06-12 10:48:40     
  • 【华为云技术分享】如何度量前端项目研发效率与质量(上)

    【华为云技术分享】如何度量前端项目研发效率与质量(上)

    DevUI是一支兼具设计视角和工程视角的团队,服务于华为云DevCloud平台和华为内部数个中后台系统,服务于设计师和前端工程师。欢迎来这里和我们一起打造优雅高效的人机设计/研发体系。 官方网站:devui.design Ng组件库:ng-devui(欢迎Star) 引言 在DevOps,有个很流行

    日期 2023-06-12 10:48:40     
  • 自动化前端项目构建

    自动化前端项目构建

    1、创建项目 不管做什么开发,我们都应该遵循一定的规范,创建项目同样要注意文件夹的名字和结构。首先创建一个如下的基础项目结构,暂且就将项目命名为 auto-web: 简单解释一下: /src 源文件所在地。开发过程中的各种CSS和JS源文件都往这里面放。 /dist 目标文件所在地。上线前通过工具生成的CSS和JS目标文件都输出到这里。 /images 

    日期 2023-06-12 10:48:40     
  • Docker多阶段镜像构建Dockerfile脚本示例:构建nodejs前端项目

    Docker多阶段镜像构建Dockerfile脚本示例:构建nodejs前端项目

    # 声明镜像来源为node:12.16.1 FROM node:12.16.1 # 声明工作目录 WORKDIR /gva_web/ # 拷贝整个web项目到当前工作目录 COPY . . # 通过npm下载cnpm

    日期 2023-06-12 10:48:40     
  • [FE] 有效开展一个前端项目-V3 (Vue CLI / Vue SSR )

    [FE] 有效开展一个前端项目-V3 (Vue CLI / Vue SSR )

      关于如何有效开展一个前端项目,博客之前已有两篇如下: [FE] 有效开展一个前端项目-V1(gulp/angular) [FE] 有效开展一个前端项目-V2 (vuejs-templates/webpack)   一些组件已经是过去式,但 Nodejs、Webpack 依旧再用,Vuejs、Vuex、Vue-router、vue-devtools 依旧再用。 

    日期 2023-06-12 10:48:40     
  • [FE] 有效开展一个前端项目-V1 (gulp/angular)

    [FE] 有效开展一个前端项目-V1 (gulp/angular)

      今天的前端如果没有用到 npm,效率是比较低的;所以要从使用的工具来讲。   1. 一切都依赖于 nodejs:   下载一个 linux 的源码包就可以开始安装了。   $ wget https://nodejs.org/dist/v4.4.7/node-v4.4.7.tar.gz   $ ./configure --prefix=/usr/local/nodejs

    日期 2023-06-12 10:48:40     
  • 前端面试题:商城项目中有写到调用微信,支付宝支付,简单讲述一下这个支付与后台对接的过程,微信支付的原理

    前端面试题:商城项目中有写到调用微信,支付宝支付,简单讲述一下这个支付与后台对接的过程,微信支付的原理

    商城项目中有写到调用微信,支付宝支付,简单讲述一下这个支付与后台对接的过程,微信支付的原理。 步骤1:用户在商户APP中选择商品,提交订单,

    日期 2023-06-12 10:48:40     
  • 借助 SAP 电商云 Spartacus UI 提供的 Schematics 辅助您的前端项目升级

    借助 SAP 电商云 Spartacus UI 提供的 Schematics 辅助您的前端项目升级

    将 Spartacus 升级到新的主要版本(例如,从 3.x 到 4.0)时,Spartacus 迁移机制会自动修复新版本中修改或删除的代码。 当您处理功能或错误&#

    日期 2023-06-12 10:48:40     
  • 慕课网前端项目:Vue2.0+Node.js+MongoDB全栈打造商城系统 笔记 整理【4/18】

    慕课网前端项目:Vue2.0+Node.js+MongoDB全栈打造商城系统 笔记 整理【4/18】

    第四章: vue-resource 上面打错了、应该是: cnpm i vue-resource -s   安装vue-resource cnpm i vue-resource --save 新建文件vue-resource.html 引入vue.js和vue-resource.js

    日期 2023-06-12 10:48:40     
  • 【华为云技术分享】如何度量前端项目研发效率与质量(上)

    【华为云技术分享】如何度量前端项目研发效率与质量(上)

    DevUI是一支兼具设计视角和工程视角的团队,服务于华为云DevCloud平台和华为内部数个中后台系统,服务于设计师和前端工程师。欢迎来这里和我们一起打造优雅高效的人机设计/研发体系。 官方网站:devui.design Ng组件库:ng-devui(欢迎Star)

    日期 2023-06-12 10:48:40     
  • 你们公司的『前端项目』是如何做测试的?

    你们公司的『前端项目』是如何做测试的?

    前端项目也叫web端项目(通俗讲就是网页上的功能)是我们能够在屏幕上看到并产生交互的体验。 前端项目如何做测试? 要讲清楚这个问题,先需要你对测试流程现有一个全局的了解,先上一张测试流程图: 接下来下面我们从需求阶段-开发阶段-测试阶段-发布阶段 共四个环节来还原

    日期 2023-06-12 10:48:40     
  • 如何使用jenkins搭建一个中小企业前端项目部署环境

    如何使用jenkins搭建一个中小企业前端项目部署环境

    本文你能学到什么? 传统发布和现在发布的对比和区别 项目案例-手动上传服务器,使用jenkins上传服务器 配置不同的发布环境 配置域名 配置https 配置钉钉机器人通知 服务器购买࿱

    日期 2023-06-12 10:48:40     
  • Vue + element-ui 【前端项目一】Table 表格并实现分页+搜索 3

    Vue + element-ui 【前端项目一】Table 表格并实现分页+搜索 3

    阅读目录 展示 表格组件添加代码 tableVue.vue 完整代码 E:\pdf1\cg\src\components\tableVue.vue Laravel 后

    日期 2023-06-12 10:48:40     
  • Vue + element-ui 【前端项目一】初始化创建项目 1

    Vue + element-ui 【前端项目一】初始化创建项目 1

    阅读目录 创建项目环境 测试配置路由创建 Home 组件 错误 You may use special comments to disable (

    日期 2023-06-12 10:48:40     
  • 近期移动前端项目中遇到的两个坑

    近期移动前端项目中遇到的两个坑

    虽然要多加避免。但还别说,坑还真得常踩常有,不要以为手机端都是 Webkit 的天下就简单,不用处理浏览器之间的兼容问题,——事实上不一致性的问题还是挺大的。两个坑都是涉及 iframe 的——iframe 真是不好搞。事情是这种,一个内嵌于 iframe 的页面。由于须要从认证接口中返回 token 作为登录凭证,读取接口信息是没问题的,然后须要用 session 把登录信息保存起来。奇怪的

    日期 2023-06-12 10:48:40     
  • ngnix 配置多个前端项目(首次上传vue)

    ngnix 配置多个前端项目(首次上传vue)

    我这次初体验有点特殊。一是,刚买的服务器还没有绑定域名,直接暴露服务器地址,很尴尬。二是,我第二个项目是用vue上手的,打包上线的流程也需要记录。 打包

    日期 2023-06-12 10:48:40     
  • JavaScript - math.js 数学库,实现 math.add() “数字累加“ 计算总和的操作(例如:循环 N 个整数或小数,然后再循环内 “+=“ 叠加算数)适用于Vue等全部前端项目

    JavaScript - math.js 数学库,实现 math.add() “数字累加“ 计算总和的操作(例如:循环 N 个整数或小数,然后再循环内 “+=“ 叠加算数)适用于Vue等全部前端项目

    前言 引入 math.js 这个数学库后,当遇到 一些数字进行累加,计算总和 ,无法通过 math.add() 去做的时候,本文可以告诉你答案。 正常计算累加总和非常简单,如下代码所示: 但是使用 math.

    日期 2023-06-12 10:48:40     
  • JavaScript - Vue / React 实现网页标题文字滚动效果,在浏览器标题栏页签选项卡上进行滚动的特效(详细示例源代码)前端所有技术栈通用,适用于任何前端项目!

    JavaScript - Vue / React 实现网页标题文字滚动效果,在浏览器标题栏页签选项卡上进行滚动的特效(详细示例源代码)前端所有技术栈通用,适用于任何前端项目!

    前言 网上的代码实现都太复杂了,本文的方案代码少,兼容好。 本文实现了 让网页的 Title 标题文字滚动显示效果,类似传奇网页游戏的标题滚动特效, 示例代码适用于任何前端项目,纯 Javascular 、V

    日期 2023-06-12 10:48:40     
  • JavaScript - 判断当前时间是否在指定区间内,例如:9:00~12:00(检查当前时间是否处于规定的两个时间段范围内),适用于 vue.js / uniapp / 微信小程序等前端项目

    JavaScript - 判断当前时间是否在指定区间内,例如:9:00~12:00(检查当前时间是否处于规定的两个时间段范围内),适用于 vue.js / uniapp / 微信小程序等前端项目

    前言 例如,您想知道当前时间是否处于 9:00 ~ 12:00 时间区间内,然后根据这个判断进而实现业务逻辑。 如下示例所示,本文提供一个函数,您只需要传入 2 个时间区间,便可得出当前时间是否在该时间区间范围

    日期 2023-06-12 10:48:40     
  • 前端项目

    前端项目

    element https://element.eleme.cn/#/zh-CN/component/installation https://github.com/elemefe mint-ui http://elemefe.github.io/mint-ui/#/tab-container vux https://doc.vux.li/zh-CN/components/confirm.htm

    日期 2023-06-12 10:48:40