首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏一个爱吃西瓜的程序员

    Web前端基础【2】--CSS基础

    2:嵌入式样式表:CSS代码写在<style type="text/css"></style>标记之间。 比如看一下知乎首页的网页构造: ? 2:ID选择器定义:ID选择器可以为标有特定ID的HTML元素指定特定的样式。HTML元素以ID属性来设置ID选择器,CSS中ID选择器以"#"来定义。 ③ RGB方式:如rgb(255,255,255) 2:字体属性: ① font-size:定义字体大小。

    1.5K60发布于 2018-04-03
  • 来自专栏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? 紧接着,我们立马去浏览器中打开http://localhost:3000页面至此,我们成功搭建起了一个 React 前端项目。怎么样?利用 Vite 来初始化一个前端项目是不是非常简单? :{ "compilerOptions": { // 省略其他配置 // 1. noEmit 表示只做类型检查,而不会输出产物文件 // 2.

    1.9K80编辑于 2023-11-15
  • 来自专栏编程

    前端基础-CSS-2

    上篇我们介绍了css的的由来和编写语法,并展示了一个基本的例子,这篇继续向大家展示一些例子来说明如何使用css来美化我们的页面展示,css包含非常多的样式设置,在这里我会把最基础和常用的样式设置展示给大家 这个文件就是我们一会要写的样式文件,为了展示不带样式的页面,我先把这行注释掉了,那这段代码用chrome打开截图如下: 那接下来我们完成样式文件的编写,首先我们完成的任务如下: 1、设置背景颜色浅蓝色 2、 : #a8e6ff; } /*h1的边框*/ h1{ border: 1px solid black; } /*h2颜色*/ h2{ color: purple; } /*段落背景色,注意是div下的p : 5px solid gray; width: 400px; height: 200px; } /*超链接红色*/ a{ color: red; } /*表单边框*/ input{ border: 2px solid rgb(144,0,0) } /*文字装饰*/ #itemone{ text-decoration: overline; color: purple; } /*表单底部颜色*/ .exit

    1.1K60发布于 2018-01-26
  • 来自专栏技术分享

    【0基础学Python】基础语法Part2

    【Python】基础语法2 语句 顺序语句 默认情况下,Python代码的执行顺序是按照从上到下的顺序,依次执行的。 条件语句 if if expression: do_sth1 do_sth2 next_sth 如果expression为真,则进入该语句执行; 如果expression为假,则跳过该语句执行 if-else if expression: do_something1 else: do_something2 if-elif-else if expression1: do_something1 elif expression2: do_something2 else: do_something3 注意: if 后面的条件表达式, 没有 ( ), 使用 : 作为结尾。 可迭代对象是 Python 中许多操作的基础,例如 for 循环、列表推导式、生成器表达式等。 range 是 Python 中用于生成整数序列的内置函数。

    50410编辑于 2025-03-13
  • 0基础深入理解指针(2)

    下面再看一个代码 这⾥我们发现&arr[0]和&arr[0]+1相差4个字节,arr和arr+1 相差4个字节,是因为&arr[0] 和 arr 都是⾸元素的地址,+1就是跳过⼀个元素。 #include <stdio.h> int main() { int arr[10] = {0}; //输⼊ int i = 0; int sz = sizeof(arr)/sizeof(arr [0]); //输⼊ int* p = arr; for(i=0; i<sz; i++) { scanf("%d", p+i); //scanf("%d", arr+i);//也可以这样写 } //输出 for(i=0; i<sz; i++) { printf("%d ", *(p+i)); } return 0; } 这个代码搞明⽩后,我们再试⼀下,如果我们再分析⼀下,数组名 [0]); //输⼊ int* p = arr; for(i=0; i<sz; i++) { scanf("%d", p+i); //scanf("%d", arr+i);//也可以这样写

    26610编辑于 2025-12-30
  • 来自专栏测试开发架构之路

    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
  • 来自专栏python3

    前端基础之CSS_2

    text-decoration: none; } .c3 { width: 50px; height: 150px; background-color: rgba(0,0,0,0 .c1 { position: fixed; top: 0; bottom: 0; left: 0; right : 0; background-color: rgba(128,128,128,0.5); z-index: 10; } .c2 { z-index 取值范围是0~1,0是完全透明,1是完全不透明,设置标签所有的元素的透明度。 rgba:一般来定义背景颜色时候设置背景颜色透明度,相比opacity来说限制性大,只能设置颜色透明度。 rgba(255,255,255,0.6); margin-left: 8px; margin-top: 10px; box-shadow: 10px 10px 10px rgba(0,0,0,0.8

    89910发布于 2020-01-15
  • 来自专栏学习猿地

    Web前端学习 第7章 Vue基础教程2 创建Vue项目

    最近几年前端开发非常盛行的开发方式是组件化开发,要想理解什么是组件化开发,需要先理解什么是组件。 大家可以把组件理解成一个,可以自定义的,有更强大功能的标签。 的require和module.export import:引入第三方模块,可以取代require export:暴露接口,让其他模块使用当前模块 1 import Vue from 'vue' 2 $mount('#app') render方法是一个ES6语法的简写,如果完整的写法可以看做如下语法 1 new Vue({ 2 render (createElement) { 3 return 了解了基本语法之后,我们来编写第一个组件,示例代码如下所示: 1 <template> 2

    3

    {{message}}

    4
    5 </ 绑定属性和事件的方法如下所示: 1 <template> 2
    3

    hello world

    4

    67820发布于 2020-06-23
  • 来自专栏《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
  • 来自专栏嵌入式项目开发

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

    一、前言 这篇文章主要介绍零基础 如何做出项目实物。 目前在CSDN博客、微信公众号、陆续分享了上千个完整项目案例。 在B站也同步分享了对应项目的功能展示讲解视频。 三、自己如何复刻项目? 3.1 复刻概念 复刻的意思: 就是根据提供的资料,做出文档和视频里一样的单片机项目实物。 很多同学担心 自己没有编程基础、担心自己做不出来实物。 --正常显示; //OLED清屏黑色 OLED_Clear(0); 这段代码展示了系统初始化部分的代码,主要完成了硬件的基础配置和必要外设的初始化,具体功能如下: (1)释放PA15引脚供按键使用 JTAG_Set BEEP=0; LED2=1; } } else { Flame_flag=0; MQ2_flag=0; BEEP=0; } 仅在 run_mode 开启时执行安防检测逻辑 (2)项目模板选择QT Widgets Application (3)设置项目名称和存放路径 注意:QT项目路径和名称不能出现中文字符。

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

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

    TypeScript 语言的用户不是很友好,因此接下来从 0 开始手把手带大家搭建一套规范的 Vite 3 + Vue 3 + JavaScript 前端工程化项目环境。 本文章篇幅较长,从以下几个方面展开: 基础搭建 代码规范 提交规范 自动部署 本项目完整代码托管在 GitHub 仓库[1],欢迎点亮小星星 技术栈 ⚡️ Vite 3[2] - 构建工具(就是快!) 复制代码 启动项目 Vite 基础配置 Vite 配置文件 vite.config.js 位于项目根目录下,项目启动时会自动读取。 代码规范 随着前端应用逐渐变得大型化和复杂化,在同一个项目中有多个人员参与时,每个人的前端能力程度不等,他们往往会用不同的编码风格和习惯在项目中写代码,长此下去,势必会让项目的健壮性越来越差。 文章总结 本文从技术选项到架构搭建、从代码规范约束到提交信息规范约束,一步一步带领大家如何从一个最简单的前端项目骨架到规范的前端工程化环境,基本涵盖前端项目开发的整个流程,特别适合刚接触前端工程化的同学学习

    5.4K10编辑于 2023-02-27
  • 来自专栏学习猿地

    【融职培训】Web前端学习 第7章 Vue基础教程2 创建Vue项目

    最近几年前端开发非常盛行的开发方式是组件化开发,要想理解什么是组件化开发,需要先理解什么是组件。 大家可以把组件理解成一个,可以自定义的,有更强大功能的标签。 的require和module.export import:引入第三方模块,可以取代require export:暴露接口,让其他模块使用当前模块 1 import Vue from 'vue' 2 $mount('#app') render方法是一个ES6语法的简写,如果完整的写法可以看做如下语法 1 new Vue({ 2 render (createElement) { 3 return 了解了基本语法之后,我们来编写第一个组件,示例代码如下所示: 1 <template> 2

    3

    {{message}}

    4
    5 </ 绑定属性和事件的方法如下所示: 1 <template> 2
    3

    hello world

    4

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

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

    0基础入门Python有哪些好书? Python简单易如门,但是具体怎么入门?第一步就是要找一本书籍先学一些基础知识,今天小编为大家推荐几本浅显易懂的基础入门书籍,希望对你有所帮助。 (Python 2D游戏开发,利用数据生成交互式信息图,以及创建和定制简单的Web应用)将理论付诸于实践。 使用Python 2或Python 3的读者都可以利用这本书来学习。 2 《Python编程快速上手——让繁琐工作自动化》,作者:[美] Al Sweigart 斯维加特,译者:王海鹏 ? 最后,这本书按照实际项目开发的步骤向读者介绍了10个具有实际意义的Python项目的开发过程,供读者练习并体会代码功能。 这本书从简单的思路着手,利用Python语言详细介绍了神经网络工作所须的基础知识,共包括三部分: 第1部分介绍基本的思路,包括神经网络底层的数学知识, 第2部分介绍了学习Python编程的流行方法,并使用

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

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

    前言 常常会苦恼,平常做的项目很普通,没啥亮点;面试中也经常会被问到:做过哪些亮点项目吗? 前端监控就是一个很有亮点的项目,各个大厂都有自己的内部实现,没有监控的项目好比是在裸奔 文章分成以下六部分来介绍: 自研监控平台解决了哪些痛点,实现了什么亮点功能? ,可线上的项目都是打包后的代码,也不能把 .map 文件放到线上 监控平台通过 source-map[2] 可以实现该功能 最终效果: errorCode.jpg 播放录屏 多数场景下,定位到具体的源码 过多的长任务会造成页面丢帧、卡顿;过大的内存可能会造成低端机器的卡死、崩溃 4、统计资源缓存率,来判断项目的缓存策略是否合理,提升缓存率可以减少服务器压力,也可以提升页面的打开速度 设计思路 一个完整的前端监控平台包括三个部分 从基础的理论知识到实现一个可用的监控平台,收获还是挺多的 有兴趣的小伙伴可以结合git仓库的源码玩一玩,再结合本文一起阅读,帮助加深理解 后续 下一篇会继续讨论前端监控,讲解具体如何实现:定位源码、播放录屏等功能

    4.7K20编辑于 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 标签通常是成对出现的,比如 <

    81350发布于 2018-04-12
  • 来自专栏各类技术文章~

    Vue2-自学前端基础总结(一)

    -- <h2 v-model:x="name">你好啊</h2> --> 复制代码 (4)数据代理 Object.defineProperty() Object.defineProperty()方法是整个 vue2的核心,包括数据劫持、数据代理、计算属性都会用到这个方法,后面用到时具体再讲。 /js/vue.js"></script> </head> <body>

    <h2>姓名:{{name}}</h2> <h2>地址:{{address}}</h2>
    </body> <script type="text/javascript"> Vue.config.productionTip @click="showMsg(2)"> div2
    <!

88500发布于 2021-10-24
  • 来自专栏前端技术江湖

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

    不使用脚手架搭建 React 项目:https://github.com/zhuyuanmin/react-0-1-build。 '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 other

    r-for {/* eslint-disable-next-line no-undef */} <div r-for={(item, index) in [1, 2,

    6.2K50发布于 2021-06-01
  • 来自专栏星河造梦坊专栏

    Pico Neo 2 ✨ 一、项目的基础配置

    配置Unity的设置 【当新建空项目导入SDK,选择SDK弹出的Apply选项时,下方选项便已默认配置好。如不更改下面选项,可不必再看。】 Default Orientation: Landscape Left 4️⃣ 垂直同步设置 Edit>Project Settings>Quality>V Sync Count:Don’t Sync 项目基础功能配置 注:如果项目中有多个场景,只需在主场景的Pvr_UnitySDK预制体上增加“DontDestroyOnLoad”方法即可。保证切换场景的时候只有一个Pvr_UnitySDK。 手柄配置 将 PvrController0、PvrController1 预制体直接拖到Pvr_UnitySDK下。位置旋转归零。 PvrController0--controller:将该物体Pvr_ControllerInit脚本--Awake方法--controller3改为controller4【这样运行时就显示Pico Neo

    80510编辑于 2024-08-15
  • 领券