风继续吹Lao.z.c
风继续吹Lao.z.c

前端HTML基本知识汇总

自学前端开发，纯手工，非抄袭，每个知识点均自己收集，不敢保证十分全面，只敢保证笼统囊括前端html学习中的常见知识点。欢迎前端大佬前来补充。十分感谢......

                                             

1.html基本框架：




    //这里到后期可以放置一些标签例如......
     到了后期css. javascript的相关学习就懂了
    Document//其中的document指的是你所创建的网页的名称


    //这里写正文内容

2.html中框架特殊符号的相关解释说明：

1. 文档类型声明标签，指定该页面使用哪一种文档进行编辑，在这里指定的是该页面使用html5版本进行编辑的。

2.其中的en为英文单词English的缩写，定义该网页为英文网页，除此之外，zh-CN表示该网页为中文网页。一般常用的为en和zh-CN。

3. 其中的charset为字符集的意思，后面的UTF-8表示其为万国码，其基本上包含了全世界所以国家需要一定的字符，如果该处处理不当有可能会出现乱码的情况。

3.标题标签：

~~

该标签目的是为了突出标题，从h1到h6该标签的突出效果逐渐减小。

二话不说，上图：


    
前端开发学习

    
前端开发学习

    
前端开发学习

    
前端开发学习

    
前端开发学习

    
前端开发学习

前端HTML基本知识汇总_第1张图片

4.html常用标签和实体符号：

1.段落标签：

//开启一个段落

2.换行标签（单标签）：
//进行强制换行

3.横线标签（单标签）：

//在页面上画出一条横线，可以加上一些属性，例如：

                       

此代码规定了横线的颜色以及宽度。

4.保留字标签：

//此标签可以毫无变化地将编辑器中的文字格式显示到页面当中，因为有时候在转化为页面元素的时候，文字的排版方式会发生变化。
 
   
5.删除标签：//此标签可以在标签所包含文字的中间加上一条删除线。例如：
 
   
                   
 
   
6.插入字标签：// ins 为英文单词insert 的缩写。该标签可以在文字下方加上一条横线。
 
   
7.粗体字标签：或//这两个标签可以对标签内的文字进行加粗。起到强调的作用。
 
   
8.斜体字标签：//该标签可以将标签内文字转化为斜体字
 
   
9.文字居中标签：
//该标签可以将标签内的文字水平居中
 
   
10.右上角加指数标签：//该标签可以实现在一个数字右上方加上一个指数。
 
   
108   //最后的显示结果为10的8次方
 
   
11.右下角加指数标签：//该标签可以实现在一个数字右下方加上一个指数。
 
   
12.空格实体符号： //实现网页中文字的空格
 
   
13.小于号实体符号：&lgt//该符号为小于符号
 
   
&lgt   //   <
 
   
14.大于号实体符号：>//该符号为大于符号
 
   
> // >
 
  
 
  
 
  
 
  
 
  
 
   
5.表格相关知识 ：
 表格基本框架： 
 
   

        

            

                
                
                
            

         
            

                
                
                
            

      
            

                
                
                
            

        

        
其中tr表示一个行空格，td表示一个列空格。

 
   
效果图： 
 
   
 
   
其中该表格没有边框。可以在table后面加上一个border="1px",定义边框像素大小
 
   
同时也可以设置表格的边框大小，例如width="_px",height="_px",
 
   
如果要将表格内的文字放置在表格的中间，可以在tr或者td标签上加上align="center"
 
   
 


 
   
效果图如下： 
 
   
 
   
 学习表格还有一个十分重要的内容，那就是合并单元格：
 
   
关键词：colspan （行合并）,rowspan（列合并）
 
   
 合并时重要注意点：比如，colspan=2,表示合并两个单元格。在确定好合并的原点时，要删除被合并单元格的标签。例如：
 
   
行合并实例： 
 
   
 
      
      //如果要合并后面两个单元格，要以第二个单元格为基准，colspan=2,并且要删除后面那个单元格
      //这个单元格删除掉
  
        
 
   
列合并实例： 
 
   
 
      
      
      //如果要合并同一列中的两个单元格，要以第二个单元格为基准，rowspan=2,并且要删除后面那个单元格
  
         
      
      
      //这个单元格删除掉
  
        

 
   
 可以将表格的行标签中的更换为,该标签会自动将标签内的文字水平居中，并且自动加粗。
 
   
另外，表格还可以表明thead,tbody,tfoot.可以任意划定，但是要注意合并表格之后不可以随便标明，可能会引起混乱。 
 
  
 
  
 
   
6.div标签和span标签：
 
   
在html中，div标签指可以比喻成一个大盒子，到后期在学习CSS时会经常使用到，div在使用时独立成行。
 
   
例如代码以及效果图如下：
 
   
    
前端学习1
 
   
    
前端学习2
 
   
 
   
span标签在使用的时候不能独自占用一行
 
   
例如代码以及效果图如下：
 
   
前
 
   
  端
 
   
  学
 
   
  习//在代码运行时其会转化为同一行上
 
   
 
  
 
  
 
  
 
   
7.图像标签：
 
   
 
  
 
  
 
   
 
  
 
  
 
   
8.热链接：
 
   
热链接结构：
 
   
热链接的名字
 
   
其中热链接还有一个常用属性target
 
   
target="_blank"//开启新窗口
 
   
target="_self"//在自己的本窗口中开启新网页
 
   
例如：
 
   
百度
 
  
 
  
 
   
9.无序列表和有序列表：
 
   
无序列表标签：
 
   
    
      
  • 前
    • 
      
  • 端
    • 
      
  • 学
    • 
      
  • 习
    • 
 
 
   
效果图：
 
   
 
   
 有序列表标签：
 
   
    
      
  1. 前
    2. 
      
  2. 端
    3. 
      
  3. 学
    4. 
      
  4. 习
    5. 

 
 
   
效果图：
 
   
 
   
可以在ul或者ol后面加上type=""   其中可以为a,A,1...... 指的是可以让有序列表有不同的编号。
 
   
例如：
 
   
    
      
  1. 前
    2. 
      
  2. 端
    3. 
      
  3. 学
    4. 
      
  4. 习
    5. 

 
   
 效果图如下：
 
   
 
  
 
  
 
  
 
   
10.下拉列表：
 
   
下拉列表基本框架：
 
   
 
 
   
效果图：
 
   
 
   
 在option后面加上一个selected可以默认选中该选项。
 
   
例如：
 
   
 
   
效果图：
 
   
 
   
在select 后面加上一个multiple="multiple"可以让下拉列表支持多选。
 
   
若规定size="x",还可以规定多选可以选几个！
 
   
例如：
 
   
 
   
 
  
 
  
 
   
 11.html中的表单学习（重要）：
 
   
1.表单的基本框架：其中action指该网页的服务器地址。
 
   
如果在form后加上method="post",那么用户提交的信息不会显示在地址栏上，起到保护用户安全信息的功能。
 
   
 
   
2.表单中的按钮：
 
   
 
   
3.表单中的提交按钮：
 
   
 
   
 
   
4.表单中的file控件：
 
   
 //该控件可以从客户端电脑中提取文件。
 
   
记得name中一定要放置对应的属性，否则会无法提交，如果要将信息提交给服务器，那么必须要有name属性，重要的事情说三遍。
 
   
5.文字书写框：
 
   
//可以书写用户的名字等等。
 
   
例如：
 
   
姓名：
 
   
 
   
 6.文本域书写框：
 
   
 
 
   
其中该书写框可以用来给客户端属性比较长的个人信息。
 
   
其中cols和rows可以用来划定书写框的大小规格。
 
   
前端HTML基本知识汇总_第2张图片
 
   
 7.
 
   
隐藏域控件：
 
   
 
   
"hidden" 类型的  元素允许 Web 开发者存放一些用户不可见、不可改的数据，在用户提交表单时，这些数据会一并发送出。
 
   
8.
 
   
密码输入：
 
   
 
   
效果图：
 
   
 
   
9.清空按钮：
 
   
 
   
 
   
 10.单选按钮：
 
   
  男
 
   
  女
 
   
效果图：
 
   
 
   
 
   
 如果是这种形式：
 
   
  男
 
   
  女   
 
   
 两个单选框都没有加上value时，那么在选择时可以两个都选择，为了达到单选的目的，那么一定要以下列形式：
 
   
男
 
   
女
 
   
11.input 中的特殊符号：readonly和disabled
 
   
这两个符号若放置在input后面时，用户均不能输入或更改数据，但使用readonly时数据可以提交给服务器。而使用disabled数据不可以提交给服务器。
 
   
12.input 中的maxlength。
 
   
input后面加上maxlenth="_"时可以限定用户输入数据的多少。例如：
 
   

                    

                    
                    
                    

                

                

                    
                

            

        

    

    

        
你可能感兴趣的:(前端)

        

            

                
    
                    
  • day15｜前端框架学习和算法
                        universe_01
前端算法笔记
                        
    T22括号生成先把所有情况都画出来，然后（在满足什么情况下）把不符合条件的删除。T78子集要画树状图，把思路清晰。可以用暴力法、回溯法和DFS做这个题DFS深度搜索：每个边都走完，再回溯应用：二叉树搜索，图搜索回溯算法=DFS+剪枝T200岛屿数量（非常经典BFS宽度把树状转化成队列形式，lambda匿名函数“一次性的小函数，没有名字”setup语法糖：让代码更简洁好写的语法ref创建：基本类型的
    
                    
    • 
                    
  • vue element 封装表单
                        影子信息
vuevue.jsjavascript前端
                        
    背景：在前端系统开发中，系统页面涉及到的表单组件比较多，所以进行了简单的封装。封装的包括一些Form表单组件，如下：input输入框、select下拉框、等实现效果：理论知识：表单组件官方链接：点击跳转封装组件：封装组件的思路：不封装element组件，每一个input组件绑定一个form对象，例如官网。简单封装element组件，利用for循环生成form表单的每一项el-form-item。进
    
                    
    • 
                    
  • 前端面试每日 3+1 —— 第39天
                        浪子神剑

                        
    今天的面试题(2019.05.25)——第39天[html]title与h1、b与strong、i与em的区别分别是什么？[css]写出你知道的CSS水平和垂直居中的方法[js]说说你对模块化的理解[软技能]公钥加密和私钥加密是什么？《论语》，曾子曰：“吾日三省吾身”（我每天多次反省自己）。前端面试每日3+1题，以面试题来驱动学习，每天进步一点！让努力成为一种习惯，让奋斗成为一种享受！欢迎在Iss
    
                    
    • 
                    
  • 前端数据库：IndexedDB从基础到高级使用指南
                        

                        
    文章目录前端数据库：IndexedDB从基础到高级使用指南引言一、IndexedDB概述1.1什么是IndexedDB1.2与其他存储方案的比较二、基础使用2.1打开/创建数据库2.2基本CRUD操作添加数据读取数据更新数据删除数据三、高级特性3.1复杂查询与游标3.2事务高级用法3.3性能优化技巧四、实战案例：构建离线优先的待办事项应用4.1数据库设计4.2同步策略实现五、常见问题与解决方案5.
    
                    
    • 
                    
  • 【Java Web实战】从零到一打造企业级网上购书网站系统 | 完整开发实录（三）
                        笙囧同学
java前端状态模式
                        
    核心功能设计用户管理系统用户管理是整个系统的基础，我设计了完整的用户生命周期管理：用户注册流程验证失败验证通过验证失败验证通过用户名已存在用户名可用失败成功用户访问注册页面填写注册信息前端表单验证显示错误提示提交到后端后端数据验证返回错误信息用户名唯一性检查提示用户名重复密码加密处理保存用户信息保存成功?显示系统错误注册成功跳转登录页面登录认证机制深度解析我实现了一套企业级的多层次安全认证机制：认
    
                    
    • 
                    
  • 从零到一：打造基于GigaChat AI的艺术创作平台 | 笙囧同学的全栈开发实战
                        

                        
    作者简介：笙囧同学，中科院计算机大模型方向硕士，全栈开发爱好者联系方式：[email protected]各大平台账号：笙囧同学座右铭：偷懒是人生进步的阶梯前言在AI技术飞速发展的今天，如何将前沿的大模型技术与实际应用相结合，一直是我们开发者关注的焦点。今天，笙囧同学将带大家从零开始，构建一个基于GigaChatAI的艺术创作平台，实现React前端+Django后端的完整全栈解决方案。这不仅仅是
    
                    
    • 
                    
  • 14.tornado操作之应用Websocket协议实现聊天室功能
                        孤寒者
Tornado框架从入门到实战websockettornado聊天室功能实现python
                        
    目录：每篇前言：1.什么是WebSocket（1）定义（2）优点（3）和HTTP对比（4）适用场景2.WebSocket关键方法3.本tornado项目中使用WebSocket（1）准备一个聊天室的页面：第一步：编写视图：第二步：编写接口：（app.py中加入以下接口！）第三步：编写前端页面：测试接口——响应OK！（2）使用WebSocket：（3）聊天室的聊天功能的最终实现：第一步：战前准备第二
    
                    
    • 
                    
  • 为什么学习Web前端一定要掌握JavaScript？
                        web前端学习指南

                        
    为什么学习Web前端一定要掌握JavaScript？在前端的世界里，没有什么是JavaScript实现不了的，关于JS有一句话：凡是可以用JavaScript来写的应用，最终都会用JavaScript，JavaScript可运行在所有主要平台的所有主流浏览器上，也可运行在每一个主流操作系统的服务器端上。现如今我们在为网站写任何一个主要功能的时候都需要有懂能够用JavaScript写前端的开发人员。
    
                    
    • 
                    
  • 小架构step系列25：错误码
                        秋千码途
架构java
                        
    1概述一个系统中，可能产生各种各样的错误，对这些错误进行编码。当错误发生时，通过这个错误码就有可能快速判断是什么错误，不一定需要查看代码就可以进行处理，提高问题处理效率。有了统一的错误码，还可以标准化错误信息，方便把错误信息纳入文档管理和对错误信息进行国际化等。没有错误码的管理，开发人员就会按自己的理解处理这些错误。有些直接把堆栈直接反馈到前端页面上，使用看不懂这些信息体验很差，也暴露了堆栈信息有
    
                    
    • 
                    
  • Java朴实无华按天计划从入门到实战（强化速战版-66天）
                        岫珩
Java后端java开发语言学习Java时间安排学习计划
                        
    致敬读者感谢阅读笑口常开生日快乐⬛早点睡觉博主相关博主信息博客首页专栏推荐活动信息文章目录Java朴实无华按天计划从入门到实战（强化速战版-66天）1.基础（18）1.1JavaSE核心（5天）1.2数据库与SQL（5天）1.3前端基础（8天）2.进阶（17天）2.1JavaWeb核心（5天）2.2Mybatis与Spring全家桶（6天）2.3中间件入门（4天）2.4实践项目（2天）3.高阶（1
    
                    
    • 
                    
  • 《跨域资源共享CORS的深层逻辑与前端实践精要》
                        

                        
    不同源头的资源交互已成为常态，而跨域资源共享（CORS）正是支撑这种交互的隐形架构。现代Web安全体系中平衡开放与防护的精妙设计。理解CORS的深层逻辑，不仅能解决实际开发中的跨域难题，更能触及网络安全与资源流通的核心矛盾，为前端工程师构建稳健的应用提供底层认知支撑。跨域资源共享的诞生，源于网络安全与应用发展的必然冲突。浏览器的同源策略，作为早期网络安全的基石，通过限制不同源文档的交互，有效阻挡了
    
                    
    • 
                    
  • 深入了解 Kubernetes（k8s）：从概念到实践
                        

                        
    目录一、k8s核心概念二、k8s的优势三、k8s架构组件控制平面组件节点组件四、k8s+docker运行前后端分离项目的例子1.准备前端项目2.准备后端项目3.创建k8s部署配置文件4.部署应用到k8s集群在当今云计算和容器化技术飞速发展的时代，Kubernetes（简称k8s）已成为容器编排领域的事实标准。无论是互联网巨头、传统企业还是初创公司，都在广泛采用k8s来管理和部署容器化应用。本文将带
    
                    
    • 
                    
  • 大厂都在用的前端缓存策略，你掌握了吗？
                        AI架构全栈开发实战笔记
前端缓存ai
                        
    大厂都在用的前端缓存策略，你掌握了吗？关键词：前端缓存、HTTP缓存、ServiceWorker、CDN缓存、缓存策略、性能优化、浏览器缓存摘要：本文将深入探讨前端开发中常用的缓存策略，从浏览器缓存到ServiceWorker，从HTTP缓存头到CDN缓存，全面解析大厂都在使用的高效缓存技术。通过生动的比喻和实际代码示例，帮助开发者理解并掌握这些提升Web应用性能的关键技术。背景介绍目的和范围本文
    
                    
    • 
                    
  • 26. 什么是雪碧图，作用和原理了解吗
                        yqcoder
前端面试-CSScss前端html
                        
    总结小图合成一张，使用background来使用，减少资源请求一、什么是雪碧图？雪碧图（CSSSprite）是一种前端优化技术，指的是将多个小图标合并成一张大图，通过CSS控制显示其中的某一部分。它常用于网站中图标、按钮等小图较多的场景。二、雪碧图的作用作用说明✅减少HTTP请求次数合并多个图片为一张图，减少请求资源数✅提升页面加载速度尤其在图片较多时效果明显✅避免图片加载闪烁鼠标悬停切换图片时不
    
                    
    • 
                    
  • H5UI微信小程序前端框架实战指南
                        ai

                        
    本文还有配套的精品资源，点击获取简介：H5UI是一个为微信小程序开发设计的前端框架，基于H5技术，提供简洁高效的组件库。框架集成了丰富的UI元素，如按钮、表格、导航栏等，简化了界面布局和交互的实现。通过安装、引入、使用组件和事件绑定四个步骤，开发者可以轻松构建功能齐全的应用。了解性能优化等注意事项对于高效开发同样重要。1.微信小程序前端开发框架介绍微信小程序概述微信小程序是微信官方推出的一种无需下
    
                    
    • 
                    
  • Ubuntu安装LAMP
                        L_h1
测试ubuntulinux
                        
    在安装vim时遇到了一个问题：E:无法获得锁/var/lib/dpkg/lock-frontend-open(11:资源暂时不可用)E:无法获取dpkg前端锁(/var/lib/dpkg/lock-frontend)，是否有其他进程正占用它？解决办法：强制解锁sudorm/var/lib/dpkg/lock-frontendsudorm/var/cache/apt/archives/locksud
    
                    
    • 
                    
  • 震惊！DOM变化监控神器MutationObserver，前端开发必知的隐藏武器！
                        coding随想
JavaScript前端javascripthtml5
                        
    一、什么是MutationObserver？如果你是一个前端开发者，一定会遇到这样的场景：页面动态加载内容后，某些操作失效了。比如，你写了一个监听按钮点击的代码，但按钮是通过AJAX动态加载的，你的代码根本无法触发。这个时候，你就需要一个“监控哨兵”——MutationObserver，它能实时监听DOM树的变化，帮你捕获那些“暗中作祟”的节点变动。MutationObserver是HTML5引入
    
                    
    • 
                    
  • Coze Studio 架构拆解：AI Agent 开发平台项目结构全分析
                        代码简单说
2025开发必备(限时特惠)架构人工智能CozeStudio架构AIAgent开发平台全栈AI工程化图解架构
                        
    CozeStudio架构拆解：AIAgent开发平台项目结构全分析标签：CozeStudio项目架构、领域驱动设计DDD、全栈开发规范、Hertz框架、前后端协作、云原生容器、前端测试、IDL接口设计、微服务解耦、AI开发平台源码分析在最近研究AIAgent开发平台的过程中，我深入分析了刚刚开源的CozeStudio项目。这套系统是国内少有的开源全栈AI工程化项目，代码整洁、架构先进，特别是它基于
    
                    
    • 
                    
  • 关于前端的性能优化
                        

                        
    性能优化主要涵盖了以下四个方面：(tip:仅代表个人总结，如有不当，还希望看到的大佬多多指示)减少网络请求：合并文件、使用CDN、启用缓存。优化资源加载：代码分割、懒加载、图片压缩。提升渲染性能：减少重绘回流、防抖节流、使用WebWorker。监控和迭代：定期使用工具检测性能，持续优化。一、网络层面优化减少HTTP请求合并文件：将多个CSS或JavaScript文件合并成一个，减少请求次数。使用C
    
                    
    • 
                    
  • linux网卡显示未知未托管,linux有线网络显示设备未托管
                        

                        
    NetworkManagerNetworkManager是为了使网络配置尽可能简单而开发的网络管理软件包，如果使用DHCP，NetworkManager会替换默认的路由表、从DHCP服务器获取IP地址并根据情况设置域名服务器，NetworkManager的目标是使网络能够开箱即用。NetworkManager由两部分组成:一个以超级用户运行的守护进程(network-manager)；一个前端管理
    
                    
    • 
                    
  • 页面开发样式和布局入门：Vite + Vue 3 + Less
                        

                        
    页面开发样式和布局入门：Vite+Vue3+Less引言在现代前端开发中，样式和布局是页面开发的核心部分。随着技术的不断发展，Vite、Vue3和Less等工具和框架的出现，使得前端开发变得更加高效和灵活。然而，尽管这些工具和框架提供了强大的功能，但在实际开发中仍然会遇到各种样式和布局的问题。本文将结合Vite、Vue3和Less，详细介绍在页面开发中常见的样式和布局问题，并提供解决方案和最佳实践
    
                    
    • 
                    
  • 推客系统小程序机构版开发上线全攻略（2025年最新版）
                        vx_qutudy
推客小程序推客系统开发推客系统源码
                        
    一、开发前准备：筑牢基础，合规先行1.1注册与认证账号注册：登录微信公众平台注册小程序账号，选择“机构版”类型，获取唯一AppID。资质认证：基础资质：企业营业执照、法人身份证、对公账户信息。特殊资质：涉及支付功能：需办理《增值电信业务经营许可证》（ICP证）。涉及教育/医疗内容：需《互联网信息服务许可证》或相关行业资质。1.2技术选型：高效与扩展并重模块推荐方案前端框架微信原生框架（WXML+W
    
                    
    • 
                    
  • 网络安全第14集
                        不灭锦鲤
web安全安全
                        
    前言：小迪安全14集，这集重点内容：0、什么是js渗透测试？在javascript中也存在变量和函数，存在可控变量和函数就有可能存在在漏洞，js开发的web应用和php、java开发的区别是，js能看得到的源代码，php看不到，但是风险就是未授权访问、配置信息泄露（加密算法、key秘钥等），源代码看得到，存在更多的url泄露，从而可能会出现未授权访问，从url，前提：web应用可以采用前端语言或后
    
                    
    • 
                    
  • 怎么判断一个DAPP是否真正去中心化
                        

                        
    判断一个DAPP（去中心化应用）是否真正去中心化，需要从多个维度进行考察。以下是关键评估标准：1.区块链依赖程度✅真正去中心化：核心逻辑和数据处理完全依赖智能合约，运行在区块链上（如以太坊、Solana等）。❌伪去中心化：依赖中心化服务器处理关键数据或业务逻辑，仅前端去中心化。2.智能合约控制权✅去中心化：合约代码开源，无管理员密钥（adminkey）或可升级后门，治理由DAO（去中心化自治组织）
    
                    
    • 
                    
  • Web前端交互利用Python跟大模型操作
                        哥本哈士奇
前端交互python
                        
    Web前端交互利用Python跟大模型操作一个简单的演示，如何把大模型应用集成到自己的应用场景当中。这里的场景我们模拟的是在吃鸡游戏中，一个作战计划，是否符合老六的行为规范。吃鸡游戏已经风靡很多年，游戏里每个人的游戏风格都不一样，有喜欢钢枪的，有喜欢随机应变的，也有喜欢当老六苟分的。每种风格的游戏方式以及游戏里的行为都不同，所以这里将演示如何应用大模型，去判断一个人的游戏方式，是否符合一个老六的行
    
                    
    • 
                    
  • 尚硅谷微服务尚医通前端npm报错
                        

                        
    尚硅谷微服务尚医通前端npm报错血泪史我的版本的8.0.0，弹幕里说降级npm到6.多就能安装，经过许久挣扎还是各种报错，最后通过一下办法解决解决办法:不需要降低npm版本，办法如下这里需要使用到cnpm：1.导入下载好到的项目2.安装cnpm：npminstallcnpm-g3.安装node-sass：cnpminstallnode-sass4.继续安装：cnpminode-sass-D5.删除
    
                    
    • 
                    
  • Layui核心语法快速入门指南
                        bemyrunningdog
layui前端javascript开发语言
                        
    Layui基本语法学习指南Layui是一个经典的模块化前端框架，以其轻量易用、组件丰富著称。以下是Layui的核心语法结构和使用方法：一、模块加载机制（核心基础）//标准模块加载语法layui.use(['module1','module2'],function(){//回调函数中获取模块varmod1=layui.module1;varmod2=layui.module2;//模块功能调用mod
    
                    
    • 
                    
  • 前端基础知识Vue3系列 - 04（Vue3.0 所采用的 Composition Api 与 Vue2.x 使用的 Options Api 有什么不同）
                        

                        
    开始之前CompositionAPI可以说是Vue3的最大特点，那么为什么要推出CompositionApi，解决了什么问题？通常使用Vue2开发的项目，普遍会存在以下问题：代码的可读性随着组件变大而变差每一种代码复用的方式，都存在缺点TypeScript支持有限以上通过使用CompositionApi都能迎刃而解正文一、OptionsApiOptionsAPI，即大家常说的选项API，即以vue
    
                    
    • 
                    
  • Vue 工程化开发入门
                        dawn191228
前端学习vue.js前端javascript前端框架
                        
    文章目录一、Vue工程化开发概述二、Vue脚手架三、项目运行流程四、组件化开发五、组件注册六、总结在当今的前端开发领域，Vue.js以其简洁、高效的特性受到了广泛的欢迎。Vue的工程化开发能够帮助我们更好地组织和管理项目，提高开发效率和代码质量。本文将带你了解Vue工程化开发入门知识，包括脚手架、项目运行流程、组件化以及组件注册。一、Vue工程化开发概述工程化开发是一种将软件开发过程规范化、标准化
    
                    
    • 
                    
  • Python,C++,go语言开发社会犯罪人群回归社会跟踪与辅助管理APP
                        Geeker-2025
pythonc++golang
                        
    开发一款用于**社会犯罪人群回归社会跟踪与辅助管理**的App，结合Python、C++和Go语言的优势，可以实现高效的数据处理、实时的跟踪监控以及用户友好的前端界面。以下是一个详细的开发方案，涵盖技术选型、功能模块、开发步骤等内容。##技术选型###后端（Python+Go）-**编程语言**：-**Python**：用于数据处理、机器学习（如风险评估、行为预测）、脚本编写等。-**Go**：用
    
                    
    • 
                                
  • 312个免费高速HTTP代理IP（能隐藏自己真实IP地址）
                                    yangshangchuan
高速免费superwordHTTP代理
                                    
      
  
124.88.67.20:843
190.36.223.93:8080
117.147.221.38:8123
122.228.92.103:3128
183.247.211.159:8123
124.88.67.35:81
112.18.51.167:8123
218.28.96.39:3128
49.94.160.198:3128
183.20
    
                                
    • 
                                
  • pull解析和json编码
                                    百合不是茶
androidpull解析json
                                    
    n.json文件: 
[{name:java,lan:c++,age:17},{name:android,lan:java,age:8}] 
  
pull.xml文件 
<?xml version="1.0" encoding="utf-8"?> 
<stu> 
    <name>java
    
                                
    • 
                                
  • [能源与矿产]石油与地球生态系统
                                    comsci
能源
                                    
     
      按照苏联的科学界的说法,石油并非是远古的生物残骸的演变产物,而是一种可以由某些特殊地质结构和物理条件生产出来的东西,也就是说,石油是可以自增长的.... 
 
      那么我们做一个猜想: 石油好像是地球的体液,我们地球具有自动产生石油的某种机制,只要我们不过量开采石油,并保护好
    
                                
    • 
                                
  • 类与对象浅谈
                                    沐刃青蛟
java基础
                                    
     
       类，字面理解，便是同一种事物的总称，比如人类，是对世界上所有人的一个总称。而对象，便是类的具体化，实例化，是一个具体事物，比如张飞这个人，就是人类的一个对象。但要注意的是：张飞这个人是对象，而不是张飞，张飞只是他这个人的名字，是他的属性而已。而一个类中包含了属性和方法这两兄弟，他们分别用来描述对象的行为和性质（感觉应该是
    
                                
    • 
                                
  • 新站开始被收录后，我们应该做什么？
                                    IT独行者
PHPseo
                                    
    新站开始被收录后，我们应该做什么？ 
  
      百度终于开始收录自己的网站了，作为站长，你是不是觉得那一刻很有成就感呢，同时，你是不是又很茫然，不知道下一步该做什么了？至少我当初就是这样，在这里和大家一份分享一下新站收录后，我们要做哪些工作。 
      至于如何让百度快速收录自己的网站，可以参考我之前的帖子《新站让百
    
                                
    • 
                                
  • oracle 连接碰到的问题
                                    文强chu
oracle
                                    
    Unable to find a java Virtual Machine－－安装64位版Oracle11gR2后无法启动SQLDeveloper的解决方案 
作者：草根IT网 来源：未知 人气：813标签： 
导读：安装64位版Oracle11gR2后发现启动SQLDeveloper时弹出配置java.exe的路径，找到Oracle自带java.exe后产生的路径“C:\app\用户名\prod
    
                                
    • 
                                
  • Swing中按ctrl键同时移动鼠标拖动组件（类中多借口共享同一数据）
                                    小桔子
java继承swing接口监听
                                    
            都知道java中类只能单继承，但可以实现多个接口，但我发现实现多个接口之后，多个接口却不能共享同一个数据，应用开发中想实现：当用户按着ctrl键时，可以用鼠标点击拖动组件，比如说文本框。 
编写一个监听实现KeyListener,NouseListener,MouseMotionListener三个接口，重写方法。定义一个全局变量boolea
    
                                
    • 
                                
  • linux常用的命令
                                    aichenglong
linux常用命令
                                    
    1 startx切换到图形化界面 
2 man命令:查看帮助信息 
 man 需要查看的命令,man命令提供了大量的帮助信息,一般可以分成4个部分 
 name:对命令的简单说明 
 synopsis:命令的使用格式说明 
 description:命令的详细说明信息 
 options:命令的各项说明 
3 date:显示时间 
 语法：date [OPTION]... [+FORMAT] 
 
    
                                
    • 
                                
  • eclipse内存优化
                                    AILIKES
javaeclipsejvmjdk
                                    
    一 基本说明      在JVM中，总体上分2块内存区,默认空余堆内存小于 40%时，JVM就会增大堆直到-Xmx的最大限制；空余堆内存大于70%时，JVM会减少堆直到-Xms的最小限制。     1)堆内存(Heap memory):堆是运行时数据区域，所有类实例和数组的内存均从此处分配,是Java代码可及的内存，是留给开发人
    
                                
    • 
                                
  • 关键字的使用探讨
                                    百合不是茶
关键字
                                    
    //关键字的使用探讨/*访问关键词private 只能在本类中访问public 只能在本工程中访问protected 只能在包中和子类中访问默认的 只能在包中访问*//*final   类 方法 变量 final 类 不能被继承  final 方法 不能被子类覆盖，但可以继承 final 变量 只能有一次赋值，赋值后不能改变 final 不能用来修饰构造方法*///this()
    
                                
    • 
                                
  • JS中定义对象的几种方式
                                    bijian1013
js
                                    
        1. 基于已有对象扩充其对象和方法(只适合于临时的生成一个对象)： 
<html>
<head>
    <title>基于已有对象扩充其对象和方法(只适合于临时的生成一个对象)</title>
</head>
<script>
    var obj = new Object();
 
    
                                
    • 
                                
  • 表驱动法实例
                                    bijian1013
java表驱动法TDD
                                    
    获得月的天数是典型的直接访问驱动表方式的实例，下面我们来展示一下： 
MonthDaysTest.java 
package com.study.test;

import org.junit.Assert;
import org.junit.Test;

import com.study.MonthDays;

public class MonthDaysTest {

	@T
    
                                
    • 
                                
  • LInux启停重启常用服务器的脚本
                                    bit1129
linux
                                    
    启动，停止和重启常用服务器的Bash脚本，对于每个服务器，需要根据实际的安装路径做相应的修改 
  
#! /bin/bash

Servers=(Apache2, Nginx, Resin, Tomcat, Couchbase, SVN, ActiveMQ, Mongo);
Ops=(Start, Stop, Restart);
currentDir=$(pwd);
echo
    
                                
    • 
                                
  • 【HBase六】REST操作HBase
                                    bit1129
hbase
                                    
    HBase提供了REST风格的服务方便查看HBase集群的信息，以及执行增删改查操作 
  1. 启动和停止HBase REST 服务 1.1 启动REST服务 
前台启动（默认端口号8080） 
[hadoop@hadoop bin]$ ./hbase rest start 
  
后台启动 
hbase-daemon.sh start rest 
  
启动时指定
    
                                
    • 
                                
  • 大话zabbix 3.0设计假设
                                    ronin47

                                    
    What’s new in Zabbix 2.0? 
去年开始使用Zabbix的时候，是1.8.X的版本，今年Zabbix已经跨入了2.0的时代。看了2.0的release notes，和performance相关的有下面几个： 
 
          :: Performance improvements::Trigger related da
    
                                
    • 
                                
  • http错误码大全
                                    byalias
http协议javaweb
                                    
    响应码由三位十进制数字组成，它们出现在由HTTP服务器发送的响应的第一行。 
响应码分五种类型，由它们的第一位数字表示： 
1）1xx：信息，请求收到，继续处理 
2）2xx：成功，行为被成功地接受、理解和采纳 
3）3xx：重定向，为了完成请求，必须进一步执行的动作 
4）4xx：客户端错误，请求包含语法错误或者请求无法实现 
5）5xx：服务器错误，服务器不能实现一种明显无效的请求 
 
 

    
                                
    • 
                                
  • J2EE设计模式-Intercepting Filter
                                    bylijinnan
java设计模式数据结构
                                    
    Intercepting Filter类似于职责链模式 
有两种实现 
其中一种是Filter之间没有联系，全部Filter都存放在FilterChain中，由FilterChain来有序或无序地把把所有Filter调用一遍。没有用到链表这种数据结构。示例如下： 
 
 

package com.ljn.filter.custom;

import java.util.ArrayList;
    
                                
    • 
                                
  • 修改jboss端口
                                    chicony
jboss
                                    
    修改jboss端口 
  
%JBOSS_HOME%\server\{服务实例名}\conf\bindingservice.beans\META-INF\bindings-jboss-beans.xml 
  
中找到 
  
   <!-- The ports-default bindings are obtained by taking the base bindin
    
                                
    • 
                                
  • c++ 用类模版实现数组类
                                    CrazyMizzz
C++
                                    
    最近c++学到数组类，写了代码将他实现，基本具有vector类的功能 
 
 

#include<iostream>
#include<string>
#include<cassert>
using namespace std;
template<class T>
class Array
{
public:
	//构造函数 
	
    
                                
    • 
                                
  • hadoop dfs.datanode.du.reserved 预留空间配置方法
                                    daizj
hadoop预留空间
                                    
    对于datanode配置预留空间的方法 为：在hdfs-site.xml添加如下配置 
 <property> 
    <name>dfs.datanode.du.reserved</name> 
    <value>10737418240</value> 
  
 
    
                                
    • 
                                
  • mysql远程访问的设置
                                    dcj3sjt126com
mysql防火墙
                                    
    第一步: 激活网络设置 你需要编辑mysql配置文件my.cnf. 通常状况，my.cnf放置于在以下目录： /etc/mysql/my.cnf (Debian linux) /etc/my.cnf （Red Hat Linux/Fedora Linux) /var/db/mysql/my.cnf (FreeBSD) 然后用vi编辑my.cnf，修改内容从以下行： [mysqld] 你所需要: 1
    
                                
    • 
                                
  • ios 使用特定的popToViewController返回到相应的Controller
                                    dcj3sjt126com
controller
                                    
    1、取navigationCtroller中的Controllers
NSArray * ctrlArray = self.navigationController.viewControllers;
2、取出后，执行，
[self.navigationController popToViewController:[ctrlArray objectAtIndex:0] animated:YES
    
                                
    • 
                                
  • Linux正则表达式和通配符的区别
                                    eksliang
正则表达式通配符和正则表达式的区别通配符
                                    
    转载请出自出处：http://eksliang.iteye.com/blog/1976579 
 
首先得明白二者是截然不同的 
通配符只能用在shell命令中,用来处理字符串的的匹配。 
判断一个命令是否为bash shell(linux 默认的shell)的内置命令 
 type -t commad  
返回结果含义 
 file  表示为外部命令 
 alias  表示该
    
                                
    • 
                                
  • Ubuntu Mysql Install and CONF
                                    gengzg
Install
                                    
    http://www.navicat.com.cn/download/navicat-for-mysql
    Step1: 下载Navicat ，网址：http://www.navicat.com/en/download/download.html  
      
    Step2：进入下载目录，解压压缩包：tar -zxvf  navicat11_mysql_en.tar.gz  
    
                                
    • 
                                
  • 批处理，删除文件bat
                                    huqiji
windowsdos
                                    
    @echo off
::演示：删除指定路径下指定天数之前（以文件名中包含的日期字符串为准）的文件。
::如果演示结果无误，把del前面的echo去掉，即可实现真正删除。
::本例假设文件名中包含的日期字符串（比如：bak-2009-12-25.log）
rem 指定待删除文件的存放路径
set SrcDir=C:/Test/BatHome
rem 指定天数
set DaysAgo=1
    
                                
    • 
                                
  • 跨浏览器兼容的HTML5视频音频播放器
                                    天梯梦
html5
                                    
    HTML5的video和audio标签是用来在网页中加入视频和音频的标签，在支持html5的浏览器中不需要预先加载Adobe Flash浏览器插件就能轻松快速的播放视频和音频文件。而html5media.js可以在不支持html5的浏览器上使video和audio标签生效。    How to enable <video> and <audio> tags in 
    
                                
    • 
                                
  • Bundle自定义数据传递
                                    hm4123660
androidSerializable自定义数据传递BundleParcelable
                                    
          我们都知道Bundle可能过put****()方法添加各种基本类型的数据，Intent也可以通过putExtras(Bundle)将数据添加进去，然后通过startActivity()跳到下一下Activity的时候就把数据也传到下一个Activity了。如传递一个字符串到下一个Activity 
  
把数据放到Intent
    
                                
    • 
                                
  • C＃：异步编程和线程的使用（.NET 4.5 ）
                                    powertoolsteam
.net线程C#异步编程
                                    
    异步编程和线程处理是并发或并行编程非常重要的功能特征。为了实现异步编程，可使用线程也可以不用。将异步与线程同时讲，将有助于我们更好的理解它们的特征。 
本文中涉及关键知识点 
1. 异步编程 
2. 线程的使用 
3. 基于任务的异步模式 
4. 并行编程 
5. 总结 
 
  异步编程  
 
什么是异步操作？异步操作是指某些操作能够独立运行，不依赖主流程或主其他处理流程。通常情况下，C＃程序
    
                                
    • 
                                
  • spark 查看 job history 日志
                                    Stark_Summer
日志sparkhistoryjob
                                    
    SPARK_HOME/conf 下:  
spark-defaults.conf 增加如下内容 
spark.eventLog.enabled true spark.eventLog.dir hdfs://master:8020/var/log/spark spark.eventLog.compress true  
spark-env.sh 增加如下内容 
export SP
    
                                
    • 
                                
  • SSH框架搭建
                                    wangxiukai2015eye
springHibernatestruts
                                    
    MyEclipse搭建SSH框架 Struts Spring Hibernate 
1、new一个web project。 
2、右键项目，为项目添加Struts支持。 
   选择Struts2 Core Libraries -<MyEclipes-Library> 
     点击Finish。src目录下多了struts
    
                                
    •