首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏Java帮帮-微信公众号-技术文章全总结

    前端项目0到1的感悟

    去年6月份左右,加入了一个创业公司,很幸运做了一个从零开始的项目前端工程由我一手搭建起来,并不断迭代功能到现在,有许多的感悟心得,在这里写点总结 确定框架、技术点 一个项目的开始,特别是丰富多样的前端工程 ,对于日渐迭代版本越来越多的前端项目,如果没有一个好的目录结构会显得非常臃肿,难以维护,以下这个截图是我现在正使用的目录,也还有需要改进的地方,做一个参考: ? background: 0 0; } 3.媒体查询控制字体大小 /** 媒体查询 start */@media only screen and (min-width: 400px) { html important; } } 这是所有页面的基础样式控制,主要是在字体方面,用rem来解决移动开发中多屏适配,如果有UI框架引入的时候就要根据实际情况考虑是覆盖基础样式还是被覆盖来决定引入的先后顺序了 在项目开发协作中,特别是团队组建初期,特别是前后台交互、UI跟前端对接、产品经理跟开发沟通中,可能会存在很大的意见分歧,可可能有人会说你代码哪里哪里不好、没有注释、不可维护..

    1.6K31发布于 2019-05-08
  • 来自专栏前端二次元

    Vite前端项目搭建从0到1

    安装完 Nodejs 之后,包管理器npm也会被自动安装,你可以执行下面的命令来验证:npm -v当然,在现代的前端项目中,我非常不推荐使用 npm 作为项目的包管理器,甚至也不再推荐yarn(npm 后续的交互流程梳理如下:输入项目名称;选择前端框架;选择开发语言。 首先是输入项目名称,这里你可以输入vite-project,然后按下回车,进入选择前端框架的部分:✔ Project name: vite-project? vanilla // 无前端框架 vue // 基于 Vue > react // 基于 React preact // 基于 Preact(一款精简版的类 React 框架 紧接着,我们立马去浏览器中打开http://localhost:3000页面至此,我们成功搭建起了一个 React 前端项目。怎么样?利用 Vite 来初始化一个前端项目是不是非常简单?

    1.7K80编辑于 2023-11-15
  • 来自专栏cwl_Java

    前端基础-ES5继承

    ---- 第0章 先谈ES5继承 继承:多个子类对象可以共用父类对象的成员属性和成员方法(代码重用–重复使用); 0.1 原型链继承 核心原理:B.prototype = new A(); 能够继承A构造函数以及原型链上的所有成员

    66710发布于 2020-03-26
  • OpenClaw 本地部署实战:0基础跑通部署,玩转 5 大真实场景项目

    OpenClaw 本地部署实战:0基础跑通部署,玩转 5 大真实场景项目大模型人人都有,但让它在本地“动手干活”才是真正的生产力跃升。 本文面向零基础开发者,从安装部署到 5 个实战项目逐步拆解,帮你快速上手,并最后给出部署到腾讯云 Serverless 环境的方案,让数字员工 7×24 小时在线。 下面我们通过 5 个实战项目逐步熟悉 OpenClaw 的使用。二、核心概念速览在动手前,理解三个关键点:Agent:智能体,负责接收任务、调用 LLM 决策、执行工具循环。 意义:验证 Agent 能调用基础文件工具,完成任务拆解。项目 2:代码行数统计器(自定义工具)目标:统计指定目录下代码总行数,并输出前 5 大文件。 项目 5:数据库查询 + 报表生成(含 SQLite)目标:连接本地 SQLite 数据库,查询上月销售数据,生成 Markdown 报表。

    19410编辑于 2026-07-31
  • 来自专栏python编程军火库

    python 大型项目实战 0 基础异步操作 mysql 5 倍性能提升案例

    注:这篇文章核心是介绍 python 中异步使用 mysql 涉及到的文件会比较多,但我保证你看完后能快速使用在自己的项目中来提升并发读写性能。 eg2: 领导 1:"小王呀,我看线上监控,你那边负责的项目中读库的性能很差呀,分析一下拿出一个优化方案" 你:"好的,领导我知道了,我追踪一下",虽硬着头皮应下来了不过此时你内心在想:"领导,我看了半天也是头大 能很系统的回答这个问题的面试者寥寥无几,本篇我们不是系统的介绍如何进行优化系统,只是介绍一种提高并发的一种解决方案(业务读写数据层面) 2 基础必备知识 2.1 databases 简单介绍 首先,我们要介绍一下 首先我们需要在进行配置数据库的基础信息,包括连接的域名、端口、用户名、密码等等。 'db': 'haishiniu', 'options': { 'init_command': 'SET foreign_key_checks = 0;

    1.1K30发布于 2021-05-19
  • 来自专栏测试开发架构之路

    0基础菜鸟学前端之Vue.js

      简介:0基础前端菜鸟,啃了将近半月前端VUE框架,对前端知识有了初步的了解。下面总结一下这段时间的学习心得。 文章结构 前端基础 Vue.js简介 Vue.js常用指令 Vue.js组件 Vue.js之vue-router插件 Vue.js实战 一、前端基础   前端发展历史和趋势 什么是前端? >Web 2.0(动态网页,富交互,前端数据处理,前后端分离) 前端 MVC 框架 前端通过 Ajax 得到数据,因此也有了处理数据的需求。 前端代码变得也需要保存数据、处理数据、生成视图,这导致了前端 MVC 框架的诞生。 MVVM 模式 ?   React, Facebook开发的一个前端框架。 Vue.js是近几年一个很热门的前端MVVM框架。

    4.9K60发布于 2018-04-03
  • 来自专栏cwl_Java

    前端基础-HTML5新特性

    html5的新特点 1.语法更简单 a) 头部声明 <! 5.input新增type属性值 a) type=“email”,文本框中只能输入email地址 示意图 ? b) type=“date”,日期控件 示意图 ?

    92740发布于 2020-04-07
  • 来自专栏该溜子的专栏

    【从0项目】Java搜索引擎(5

     文章导读 阿华将发布项目复盘系列的文章,旨在: 1:手把手细致带大家从0到1做一个完整的项目,保证每2~3行代码都有详细的注解 2:通过文字+画图的方式,对项目进行整个复盘,更好的理解以及优化项目 3 :总结自己的优缺点,扎实java相关技术栈,增强文档编写能力 零:项目结果展示 简述:在我的搜索引擎网站,用户进行关键字搜索,就可以查询到与这个关键字相关的java在线文档,(包含标题,关键字附近的简述 { return o2.getWeight() - o1.getWeight();//降序排列 } }); //5: 0 : firstPos - 60; if(descBeg + 160 > content.length()){ desc = content.substring 一看就是把前端代码整进来了,说明我们的解析html文档中的解析正文还是有问题的?为什么js的代码会整进来呢?这里先埋个伏笔!我们下期见。

    67110编辑于 2025-02-18
  • 来自专栏《C++与 AI:个人经验分享合集》

    前端小白逆袭记:0 基础也能轻松学会》

    随着互联网的快速发展,前端开发成为了一个备受关注的领域。对于零基础的学习者来说,可能会感到无从下手。但不必担心,本文将为你详细介绍 0 基础如何学习前端。 一、学习前端基础知识 HTML(超文本标记语言)是网页的基础,它用于定义网页的结构。 CSS(层叠样式表)用于美化网页,实现各种样式效果。 书籍:系统地学习前端知识。 视频课程:直观地演示代码的编写和运行过程。 三、实践是关键 动手搭建简单的网页,将所学知识应用到实际中。 参与开源项目,提升实践能力。 五、构建项目 确定项目主题。 规划项目结构。 逐步实现功能。 六、加入社区 交流技术问题。 了解行业动态。 获取学习资源。 七、不断学习和提升 关注新的技术趋势。 深入学习框架和库。 学习前端需要耐心和坚持。通过逐步学习基础知识,不断实践,参与社区,你将逐渐掌握前端开发技能。开启你的前端之旅吧,相信你一定能够取得成功!

    34610编辑于 2024-12-09
  • 来自专栏python学习教程

    0基础Python最快的入门方法与实战项目!

    0基础小白怎么学Python?这是老生常谈的问题了。也许你看了很多书还不知所云,也许你看了无数视频一脸懵逼。 学习Python的好方式是: 一,学完基础语法后,通过做项目来巩固自己所学的知识;只有当我们要去做项目的时候,才会真正去调动自己的思维,通过各种办法去实现自己的想法; 二,编程书、编程课程是学习的一个捷径 2 学完基础做什么项目? 那么我们学完基础知识之后,可以尝试着做哪些方面的项目呢? 其中,做数据爬虫项目是很好的巩固Python基础知识的方法。 一是数据爬虫项目不需要很长的代码,基本上100行以内的代码就可以实现。 二是富有逻辑性,可以锻炼代码思维。 学完基础知识之后大家可以去GitHub上面找些爬虫项目来实践练手。也可以跟着入门书籍上的项目进行练手,比如《Python入门:从0基础到实践》这本书。

    1.2K40发布于 2019-12-18
  • 来自专栏嵌入式项目开发

    介绍如何0基础做出单片机项目实物

    一、前言 这篇文章主要介绍零基础 如何做出项目实物。 目前在CSDN博客、微信公众号、陆续分享了上千个完整项目案例。 在B站也同步分享了对应项目的功能展示讲解视频。 三、自己如何复刻项目? 3.1 复刻概念 复刻的意思: 就是根据提供的资料,做出文档和视频里一样的单片机项目实物。 很多同学担心 自己没有编程基础、担心自己做不出来实物。 -PA8 LED2---PD2 【9】板载按键接线(这个不用接,这是开发板本身的) K0---PA0 K1---PC5 K2---PA15 7.2 硬件原理图 7.3 硬件组装过程 照着设计文档 --正常显示; //OLED清屏黑色 OLED_Clear(0); 这段代码展示了系统初始化部分的代码,主要完成了硬件的基础配置和必要外设的初始化,具体功能如下: (1)释放PA15引脚供按键使用 JTAG_Set 5.

    80610编辑于 2025-05-27
  • 来自专栏Vue开发社区

    0 搭建 Vite 3 + Vue 3 前端工程化项目

    TypeScript 语言的用户不是很友好,因此接下来从 0 开始手把手带大家搭建一套规范的 Vite 3 + Vue 3 + JavaScript 前端工程化项目环境。 复制代码 启动项目 Vite 基础配置 Vite 配置文件 vite.config.js 位于项目根目录下,项目启动时会自动读取。 本项目针对公共基础路径、自定义路径别名、服务器选项、构建选项等做了如下基础配置: import { defineConfig } from 'vite'; import { resolve } from 代码规范 随着前端应用逐渐变得大型化和复杂化,在同一个项目中有多个人员参与时,每个人的前端能力程度不等,他们往往会用不同的编码风格和习惯在项目中写代码,长此下去,势必会让项目的健壮性越来越差。 文章总结 本文从技术选项到架构搭建、从代码规范约束到提交信息规范约束,一步一步带领大家如何从一个最简单的前端项目骨架到规范的前端工程化环境,基本涵盖前端项目开发的整个流程,特别适合刚接触前端工程化的同学学习

    5.2K10编辑于 2023-02-27
  • 来自专栏前端小兵成长营

    0 到 1 的项目管理系统:脚手架篇 - H5 基础脚手架

    前言 H5 基础脚手架:极速构建项目 上一篇讲到了快速构建项目的通用 webpack 构建,此篇将结合业务修改 H5 的脚手架 小声 BB,不是一定适合你的项目,具体项目具体对待,符合自身业务的才是最好的 const scripts = [ 'https://cdn.bootcss.com/react-dom/16.9.0-rc.0/umd/react-dom.production.min.js', 全系列博文目录 后端模块 DevOps - Gitlab Api使用(已完成,点击跳转) DevOps - 搭建 DevOps 基础平台 基础平台搭建上篇 | 基础平台搭建中篇 | 基础平台搭建下篇 DevOps 流水线构建 DevOps - Jenkins 流水线构建 DevOps - Docker 使用 DevOps - 发布任务流程设计 DevOps - 代码审查卡点 DevOps - Node 服务质量监控 前端模块 DevOps - H5 基础脚手架 DevOps - React 项目开发 尾声 此项目是从零开发,后续此系列博客会根据实际开发进度推出(真 TMD 累),项目完成之后,会开放部分源码供各位同学参考。

    96820发布于 2020-10-23
  • 来自专栏python学习教程

    6本Python入门书籍推荐:0基础项目实践

    0基础入门Python有哪些好书? Python简单易如门,但是具体怎么入门?第一步就是要找一本书籍先学一些基础知识,今天小编为大家推荐几本浅显易懂的基础入门书籍,希望对你有所帮助。 第一部分介绍了Python编程的基本概念,包括matplotlib、NumPy和Pygal等强大的Python库和工具介绍,以及列表、字典、if语句、类、文件与异常、代码测试等内容; 第二部分通过三个项目 3 《Python基础教程 第3版》,作者:[挪]Magnus Lie Hetland,译者:袁国忠 ? 最后,这本书按照实际项目开发的步骤向读者介绍了10个具有实际意义的Python项目的开发过程,供读者练习并体会代码功能。 适合具有一定基础的Python开发人员作为进阶教程来学习。 5 既然题主想利用Python从网上爬取数据,那么阅读一些网络爬虫方面的书籍就非常有必要了。

    1.8K20发布于 2019-07-10
  • 来自专栏Vue开发社区

    0到1搭建前端监控平台,面试必备的亮点项目

    前言 常常会苦恼,平常做的项目很普通,没啥亮点;面试中也经常会被问到:做过哪些亮点项目吗? 前端监控就是一个很有亮点的项目,各个大厂都有自己的内部实现,没有监控的项目好比是在裸奔 文章分成以下六部分来介绍: 自研监控平台解决了哪些痛点,实现了什么亮点功能? 过多的长任务会造成页面丢帧、卡顿;过大的内存可能会造成低端机器的卡死、崩溃 4、统计资源缓存率,来判断项目的缓存策略是否合理,提升缓存率可以减少服务器压力,也可以提升页面的打开速度 设计思路 一个完整的前端监控平台包括三个部分 :数据采集与上报、数据分析和存储、数据展示 system.png 监控目的 title.png 异常分析 按照 5W1H 法则来分析前端异常,需要知道以下信息 What,发⽣了什么错误:JS错误、异步错误 从基础的理论知识到实现一个可用的监控平台,收获还是挺多的 有兴趣的小伙伴可以结合git仓库的源码玩一玩,再结合本文一起阅读,帮助加深理解 后续 下一篇会继续讨论前端监控,讲解具体如何实现:定位源码、播放录屏等功能

    4.6K20编辑于 2023-02-27
  • 来自专栏小白安全

    0基础HTML

    一、什么是HTML HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言,而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup tag) HTML 使用标记标签来描述网页 二、HTML标签 HTML 标记标签通常被称为 HTML 标签 (HTML tag)。 HTML 标签是由尖括号包围的关键词,比如 <html> HTML 标签通常是成对出现的,比如 <

    77350发布于 2018-04-12
  • 来自专栏学习猿地

    Web前端学习 第5章 node基础教程4 Node基础

    但是在实际项目开发中,不可能将全部代码都写在一个文件中。 示例代码如下所示: 1 // add.js定义一个模块,处理加法和减法 2 function add(a,b){ 3 return a + b; 4 } 5 module.exports require("fs"); 2 fs.readFile("hello.txt", (err,data) => { 3 if(err){ 4 console.log(err); 5 1 const path = require("path"); 2 3 let domain = "https://www.eduwork.cn/" 4 let url = "docs"; 5 let

    52320发布于 2020-06-19
  • 来自专栏大大刺猬

    从 1 到 0 构建博客项目(5) --ZABBIX安装与使用

    fastcgi_param SCRIPT_NAME $fastcgi_script_name; } } setenforce 0 zabbix_agentd.conf idFile=/var/run/zabbix/zabbix_agentd.pid LogFile=/var/log/zabbix/zabbix_agentd.log LogFileSize=0

    1.6K20发布于 2020-11-01
  • 来自专栏学习猿地

    Web前端学习 第5章 node基础教程6 Koa基础

    在学习之前,我们先来了解一些基础知识。 二、安装Koa 在安装Koa之前,先初始化一个项目。 "koa"); 2 const app = new Koa(); 3 app.listen(3000,() => { 4 console.log("server is running") 5 5 app.use(async ctx => { 6 ctx.body = "hello world" 7 }) 8 9 app.listen(3000,() => { 10 1 // 多个use方法 2 const Koa = require("koa"); 3 const app = new Koa(); 4 5 app.use(async (ctx,next) require("koa"); 2 const static = require("koa-static"); 3 const app = new Koa(); 4 //__dirname是当前项目的绝对路径

    60110发布于 2020-06-19
  • 来自专栏前端技术江湖

    写给前端新人:从 0到1 搭建一个前端项目,都需要做什么?

    不使用脚手架搭建 React 项目:https://github.com/zhuyuanmin/react-0-1-build。 本案例使用脚手架 create-react-app 初始化了项目。 'never'], 'subject-case': [0, 'never'], }, } vscode 扩展中搜索 ESLint 并安装,项目根目录新建 .eslintrc.js,内容可参考文章配置 border-setting { tr { td:nth-child(3) { border-left: 1px solid #F0F0F0 ; border-right: 1px solid #F0F0F0; } } td { text-align

    6.1K50发布于 2021-06-01
领券