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

    前端项目从0到1的感悟

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

    1.7K31发布于 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.9K80编辑于 2023-11-15
  • 来自专栏一个爱吃西瓜的程序员

    Web前端基础【4】--HTTP标准

    Connection:keep-alive Cookie:BAIDUID=5B0DE8754CD9C7FD0B4606751125D30A:FG=1; BIDUPSID=5B0DE8754CD9C7FD0B4606751125D30A ;pgv_si=s9886431232;BDRCVFR[ISR1xZMpC9b]=mk3SLVN4HKm; BD_HOME=0; BD_UPN=12314553; H_PS_645EC=b833N3G6NF8lbH9RZXAkMCCKgHYIsKg3GGzIzAnQQh4vXLe1OO9RS00JdtU 4:Cache-Control:用于指定缓存指令,缓存指令是单向的,且是独立的。 请求发送成功后,服务器进行响应,接下来看一下响应头的信息: HTTP/1.1 200 OK Bdpagetype:1 Bdqid:HTTP0xd831b4de00001d40 Bduserid:0 Cache-Control 4:get请求在访问网页是很常见,post请求则常用在登录框、提交框的位置。 每天学习一点点,每天进步一点点。

    1.3K70发布于 2018-04-03
  • 来自专栏测试开发架构之路

    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框架。

    5K60发布于 2018-04-03
  • 来自专栏《C++与 AI:个人经验分享合集》

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

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

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

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

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

    1.3K40发布于 2019-12-18
  • 来自专栏福大大架构师每日一题

    A、0 0;B、0 4;C:4 0;D:4 4。package maincons

    A、0 0;B、0 4;C:4 0;D:4 4。 package main const s = "Go101.org" // len(s) == 9 // 1 << 9 == 512 // 512 / 128 == 4 var a byte = 1 所以var b byte = 1 << len(s[:]) / 128,左移9位,已经溢出了,结果是0。 "".a SNOPTRDATA size=1 0x0000 04 0x0000 01 所以var b byte = 1 << len(s[:]) / 128,左移9位,已经溢出了,结果是0。

    58040编辑于 2022-11-06
  • 来自专栏销声匿迹

    Core + Vue 后台管理基础框架4——前端授权

    2、侧边栏菜单   鉴于本项目使用了vue-router,那显然,侧边栏就会跟对应路由关联,同时,前端项目会注册路由导航事件,此事件见src根目录下permission.js: ?    主要用意就是经由后端动态菜单配置前端vue-router动态路由,用到了vue-router中路由懒加载这个重要的特性。以上就是前端动态侧边栏的实现。 3、功能按钮   大部分项目都做到了菜单级的权限控制,但做到页面级别的,倒是不多。毕竟他该多,而且也是要费点儿功夫的。那这里我们就来看看前端是如何实现按钮级权限控制的。    针对这点,web-flash前端项目中,很巧妙地用到了自定义Vue指令这个特性,将按钮的加载与去除逻辑封装了起来,具体在前端项目src/directive/permission.js中: import store.getters && store.getters.permissions if (value && value instanceof Array && value.length > 0)

    1.3K10发布于 2020-09-03
  • 来自专栏嵌入式项目开发

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

    一、前言 这篇文章主要介绍零基础 如何做出项目实物。 目前在CSDN博客、微信公众号、陆续分享了上千个完整项目案例。 在B站也同步分享了对应项目的功能展示讲解视频。 三、自己如何复刻项目? 3.1 复刻概念 复刻的意思: 就是根据提供的资料,做出文档和视频里一样的单片机项目实物。 很多同学担心 自己没有编程基础、担心自己做不出来实物。 这是视频 https://www.bilibili.com/video/BV1Cw4m1e7Yc【讲解STM32如何通过串口下载程序】 设计文档里的位置: 四、项目的价值 首先第一点:大家不要理解只是下载了一个代码 --正常显示; //OLED清屏黑色 OLED_Clear(0); 这段代码展示了系统初始化部分的代码,主要完成了硬件的基础配置和必要外设的初始化,具体功能如下: (1)释放PA15引脚供按键使用 JTAG_Set 7.12 项目主逻辑代码 下面是项目的核心逻辑代码: //轮询时间到达 if(time_cnt>200) { time_cnt=0; LED1=!

    90210编辑于 2025-05-27
  • 来自专栏星河造梦坊专栏

    VRTK4⭐二.VRTK4的项目基础配置

    设置XR Plug-in Management 1.勾选OpenXR 2.选择HTC Profile 添加项目Tilia 添加如下Tilia: Tilia.CameraRigs.SpatialSimulator.Unity Tilia.Indicators.ObjectPointers.Unity : 手柄射线模块 配置项目Hierarchy 删除Camera,如下图所示,添加基础组件.

    59310编辑于 2024-08-16
  • 来自专栏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.4K10编辑于 2023-02-27
  • 来自专栏埋名

    最流行的4种前端构建项目工具介绍

    去描述页面逻辑,或者你也可以用一些比如 Jade 去取代 HTML,用 Sass 或 Less 去取代CSS,用 CoffeeScript 或者 TypeScript 之类的去取代 JavaScript,不过项目中的依赖可能是一件比较烦恼的事情 Grunt 和 Gulp 是在是前端的世界中最流行的解决方案,他们两个都有很多非常有用的插件。NPM(Node.js 的包管理器)则包含了他们两个。 curious what the configuration looks like, here's an example from Grunt documentation: Grunt 是相比后面几个更早的项目 在接下来的章节中我们会使用 Webpack 来构建项目来展示它的能力。你可以用其他工具和 Webpack 一起使用。

    2.1K30发布于 2018-10-18
  • 来自专栏学习猿地

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

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

    57420发布于 2020-06-19
  • 来自专栏python学习教程

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

    0基础入门Python有哪些好书? Python简单易如门,但是具体怎么入门?第一步就是要找一本书籍先学一些基础知识,今天小编为大家推荐几本浅显易懂的基础入门书籍,希望对你有所帮助。 第一部分介绍了Python编程的基本概念,包括matplotlib、NumPy和Pygal等强大的Python库和工具介绍,以及列表、字典、if语句、类、文件与异常、代码测试等内容; 第二部分通过三个项目 3 《Python基础教程 第3版》,作者:[挪]Magnus Lie Hetland,译者:袁国忠 ? 最后,这本书按照实际项目开发的步骤向读者介绍了10个具有实际意义的Python项目的开发过程,供读者练习并体会代码功能。 4 《Python核心编程(第3版)》,作者:[美]Wesley Chun,译者:孙波翔 李斌 李晗 ? 这本书是经典畅销图书《Python核心编程(第二版)》的全新升级版本,全书共分为3部分。

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

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

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

    4.7K20编辑于 2023-02-27
  • 来自专栏腾讯技术工程官方号的专栏

    1 0 2 4 !!!

    .

    62920编辑于 2022-10-24
  • 来自专栏小白安全

    0基础HTML

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

    81350发布于 2018-04-12
  • 来自专栏前端技术江湖

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

    不使用脚手架搭建 React 项目:https://github.com/zhuyuanmin/react-0-1-build。 此脚手架有利有弊吧,项目目录结构简洁,不需要太关心 webpack 令人头疼的配置;弊端在于,脚手架确实有些庞大,构建时间在 4mins 左右。各位看官择优选择吧,也可以完全自己搭建一个项目。 '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.2K50发布于 2021-06-01
  • 来自专栏学习/读书笔记

    web前端开发--仿京东官网首页项目实战(4)

    这期完成了仿京东官网首页剩余内容部分。

    66220编辑于 2022-04-07
  • 来自专栏cwl_Java

    前端基础-Vue.js构建一个项目

    第12章 构建一个项目 12.0 命令行工具 (CLI) https://cn.vuejs.org/v2/guide/installation.html#%E5%91%BD%E4%BB%A4%E8%A1% 它为现代前端工作流提供了 batteries-included 的构建设置。只需要几分钟的时间就可以运行起来并带有热重载、保存时 lint 校验,以及生产环境可用的构建版本。 myapp 构建一个名为 myapp 的项目: Vue 依然使用询问的方式,让我们对项目有一个初始化的信息 Project name:项目名 Project description: 项目描述 Author 或者,这里还有一大波使用了此规范的项目 代码可供参考。 变量必须声明后再使用 函数的参数不能有同名属性,否则报错 不能使用with语句 不能对只读属性赋值,否则报错 不能使用前缀 0 表示八进制数,否则报错 不能删除不可删除的属性

    1.6K20发布于 2020-03-26
领券