非朽非木
非朽非木

前端从入门到加班

前言

2916年5月26日星期四，我给公司同事做了一个前端入门分享报告，以下为会后整理总结内容。
PPT地址
本文不涉及技术相关的知识，单纯介绍前端的一些相关知识。

Reveal.js ——程序猿的PPT

首先向大家推荐 Reveal.js 这个前端库，写代码做PPT，简单易用，不会写代码的人可以做PPT，会写代码的人可以自己扩展使用。目前在 Git 上也是比较热门的一个前端项目之一。上面的PPT就是使用Reveal做的。好处有以下几点：

  • 兼容性强 （各种平台包括移动端也适用
  • 简单易用 （非技术人员也能用
  • 可配置 （主题 & 动画 & 动作...
  • 直接上传到服务器
  • ...

目录

  • 前端的定义
  • html & css & javascript
  • 传统前端
  • 现代前端
  • 未来前端
  • 外传1: 市场
  • 外传2: 行业

前端的定义

狭义的前端
  1. 大家所说的前端
  2. web前端
  3. html & css & js

狭义的前端就是大家所说的前端，其实大家所说的前端具体应该是指web前端，就是写html & css & js的人， 而web前端只是前端中的一种，

广义的前端
  1. 相对于后端
  2. 与用户交互
  3. iOS & Android & 桌面端 & Web前端 & ...

广义的前端是相对于后端而言的，与用户有交互的部分应该都被称为前端，包括iOS与安卓都算前端开发。

前端三剑客

前端三剑客就是HTML、CSS、JS， 严格来说HTML与CSS并不算编程语言，因为它们不具备运算与逻辑。如果把网站类比与一个房子的话，前端三剑客（也有叫前端三驾马车）可以有以下类比：

  1. HTML
    HTML可以类比于房子的框架，这个房子有桌子、窗、灯、柜子等物品（HTML元素），写HTML代码就是把这些东西都买回家，现在家里这些东西都有了，只是杂乱无序的堆在了一起。
  2. CSS
    接下来就是把这些东西摆放整齐了，而CSS就是干这个用的。通过写CSS代码，我们把各个物品（HTML元素）放到相应的位置，给桌子披上有颜色的桌布，调整灯管的亮度等等。
  3. JS
    房子整好了，就该人入住了，JS就相当于人的角色。在人入住房子后，这个房子才有起到该有的作用——让人住，然后房子里面发生了各种故事。网页有了JS只有，网页就活了，JS为网页提供运算与逻辑，为页面提供各种可能发生的故事。

传统前端

我认为传统前端开发指的是前端早期阶段，其实这个早期指的是并不是很久的以前，可能也就是三五年前。这个阶段的前端开发有以下几个特点：

  • 设计师的工具
  • 前端很low
  • 非常依赖jQuery
  • 没有工程思想

前端开发因为入门容易，因此甚至很多非开发人员也从前端切入互联网圈（各种培训班），这些人中的大部分人直到今天也仍然停留在传统开发模式，导致现在前端界人力过剩（同时人才紧张）的局面。

AJAX

Asynchronous Javascript And XML
我认为AJAX算是现代前端的萌芽，是前端开发的一个里程碑，有承上启下的作用。

现代前端

现代前端开发也就是这两年的事，大概是从14年开始吧，前端圈开始呈现井喷的发展局势。原因之一是因为互联网的大量覆盖与带宽提升。

  • html5 & css3
    虽然早在html5和css3标准制定（2015年）之前，前端已经开始飞起来了，但是这个事件让前端在名义上真正上天了。html5和css3的出现，让网页有了更强大的展示与交互能力，最大的冲击莫过于Flash直接崩盘。
  • Angular & React & Vue & Bootstrap & ...
    各个层面，各种体量，各有长处的框架接踵而来，你还没唱完我就把你赶下台，去年我还在学习Angular，今年大家都在玩React了；最近几天Vue又盘踞在Git前列了。
  • Grunt & Gulp & Webpack & ...
    围绕着前端开发的各种工具也在快速的迭代着，Gulp凳子还没坐热，Webpack就来抢市场了。
  • Sass & Less & ...
    前端三剑客齐头并进，可编程的CSS——Sass与Less也应运而生。

在各个端，各个领域，前端也在慢慢地渗入与腐蚀其他开发语言的领地，并且在程序猿社区引起了热烈的讨论。

  • 桌面端： Electron
  • 移动端： Ionic & React Native & ...
  • 服务端： Node
  • 模块化：CommonJS & SeaJS & Webpack & ...
  • 增强版：Dart & Typescript & ...
  • 编辑器：Webstorm & sublime & atom & ...
  • 排版领域： Markdown
优势
  • 不用build, 不用编译
  • 无需环境，不用配置
  • write once, run anywhere
  • 异步就是快
  • 想上就上（不用发版
劣势
  • 需兼容webview（从IE坑跳到微信坑
  • 松散型
    所有变量都是var & 先使用后声明...
  • 更新迭代太快（对前端而言是好事，对开发人员而言就不是了
    +客观局限性
    包括硬件性能与带宽。复杂的交互下网页会出现卡顿现象；而页面如果体积太大（高清图片等元素），打开则需要很长时间并且需要耗费很多流量。
两个有意思的js项目

GBA.js
OS.js
Git上还有数不清的各种有意思的前端项目。

未来前端

一切皆在云端
  • 云计算
    网络存储的价格下载，网络接入成本下降，网络费用价格降低，于是服务器厂商也愿意推动云计算，网络提供商也愿意提供云计算服务，用户也愿意把数据存在云端，于是皆大欢喜，甚至思科也整出了雾计算。此时前端作为入口，在短期内还是会继续翻滚。
  • Chromebook
    Chromebook可谓是前端圈的好伙伴，虽然在国内根本见不到影子，但是凭借着低价与好用两大武器，在教育市场上也是占据一把交椅，今天早上(2016.5.26)的新闻显示Chromebook的销量已经超过了Mac(Unbelievable?)。
  • 阿里
    阿里的前端团队在国内是首屈一指的，甚至国际上。国内大量前端人才往那边流去的同时阿里也在大力推动着前端界的发展。

市场情况

  • 学校不教
  • 学生嫌弃
  • 前端很多
  • 人才很少
  • 还有一群被需求给吓跑的
  • but ...
  • 需求巨大 & 待遇优厚

很多并没有开设前端相关的课程（反正各种培训机构教网页制作），学生对前端的认识也不够多，大部分圈外人士对前端的看法还停留在传统前端的阶段，因此导致前端圈出现断层的现象，大部分人都是从那个其它开发岗位，甚至是非开发岗位转过来的，目前市场的人才数量并不能满足需求。

行业

  • 浪潮之巅
    我们很幸运地进入这个行业，成为时代的宠儿，虽然加班很多很累，但是至少衣食无忧，过得比其它行业好。但是按照发展规律，到顶峰就该开始下滑了，这从去年（2015）下半年至今资本遇冷，泡沫搜索页可以看出来，行业逐渐趋于稳定（虽然现在还是很浮夸）。
  • 生物自行车
    如果互联网走下神坛（可能会是很久以后的事吧），那么总有人来接盘，不然资本往哪去。AphalGo出现后机器人有了大脑了，因此接下来它们该有身体了，生物工程该登场了。或许在二三十年后，我们的儿子女儿们在造的玩意儿就是一辆会呼吸，会思考的生物自行车。

免费总送

  • jQuery 10+
    jQuery 应该是大多数人的前端启蒙，刚过完十周年生日，紧接这就发布了3.0版本。现在jQuery并不是Geek们讨论的对象，但是它仍然占据着互联网的半壁江山，毕竟连Angular这种颠覆性的东西都内置了jQuery Lite。 目测jQuery再战10年毫无压力。
  • 程序猿从娃娃抓起
    如果谁家孩子想学编程，我第一个推荐的就是从前端入手。上手容易，无需环境，不用配置。
  • Anywhere OS
    Anywhere OS是一个云端操作系统，我从大二就开始幻想这个东西。Anywhere表示可以完美兼容各种硬件设备，手机、电脑、手表甚至电视等设备，用户在不同场景，不同设备使用同一个系统，所有数据与运算全部都在云端，从此告别把文件从电脑通过微信传到手机的生活...当然这个东西很有很长的路要走。

资源

  • Markdown入门
  • w3c: 前端基础大全
  • 开发语言教程（多种语言）
  • 玩游戏学编程
  • 游戏: light-bot
  • 编辑器: sublime
  • 阮一峰博客: 简单易懂的前端资料
  • 热门前端项目top100
  • ...

且行且珍惜

That's all. Thanks.

Poorbug@SpeedX

2016.03.26 望京.首开知语城

你可能感兴趣的:(前端从入门到加班)

  • GoLang从入门到实战全攻略：开启高效编程之旅 奔跑吧邓邓子 项目实战golanggo编程语言
    目录一、GoLang初相识：为何选择它二、环境搭建：踏上GoLang征程（一）下载安装包1.Windows系统2.Mac系统（二）设置环境变量1.GOROOT2.GOPATH3.PATH（三）开发工具推荐1.VisualStudioCode2.GoLand三、语法基础：构建代码大厦的基石（一）变量与数据类型（二）控制结构（三）函数与包四、进阶特性：提升代码能力（一）面向对象编程（二）并发编程（三）
  • 数据结构实验——树与二叉树（哈夫曼树） 游天河 数据结构数据结构
    希望可以帮助到大家，同时希望帮助大家能够关注+收藏，会持续更新后面的内容这一次就简单的分享一下以往写的代码，就不详细的介绍定义了。对于树和二叉树大家可以详细的看一看书中介绍。这里推荐王卓老师的课。1.实验目的通过上机实践，掌握二叉树的结构特性，以及各种存储结构的特点及适用范围，掌握用指针类型描述、访问和处理二叉树的运算。2.实验内容选题1：哈夫曼树在通信编码中的应用哈夫曼树的实际用途非常广泛，其中
  • 下载马斯克Grok-1模型的实战代码 herosunly 大模型grok-1下载模型实战代码
      大家好，我是herosunly。985院校硕士毕业，现担任算法研究员一职，热衷于机器学习算法研究与应用。曾获得阿里云天池比赛第一名，CCF比赛第二名，科大讯飞比赛第三名。拥有多项发明专利。对机器学习和深度学习拥有自己独到的见解。曾经辅导过若干个非计算机专业的学生进入到算法行业就业。希望和大家一起成长进步。  本文主要介绍了下载马斯克Grok-1模型的实战代码，希望能对学习大模型的同学们有所帮助
  • 《CPython Internals》阅读笔记：p152-p176 codists 读书笔记python
    《CPythonInternals》学习第10天，p152-p176总结，总计25页。一、技术总结1.addinganitemtoalistmy_list=[]my_list.append(obj)上面的代码涉及两个指令：LOAD_FAST,LIST_APPEND。整章看下来这有这点算是可以记的了，其它的只感觉作者在零零碎碎的罗列内容。二、英语总结(生词：1)无。关于英语的注解同步更新汇总到htt
  • Bash语言的文件操作 Code花园 包罗万象golang开发语言后端
    Bash语言的文件操作Bash（BourneAgainSHell）是一种广泛使用的命令行解释器，它不仅可以用作命令行接口，还可以写脚本来自动执行各种任务。在Unix/Linux环境中，文件操作是Bash脚本的重要组成部分，涉及到的操作包括创建、读取、写入、删除、移动和修改文件等。本文将详细介绍Bash语言的文件操作，包括常用命令的用法、示例以及注意事项。一、基础概念在开始文件操作之前，首先要了解一
  • Java 大视界 -- Java 大数据文本分析与自然语言处理：从文本挖掘到智能对话 一只蜗牛儿 java大数据自然语言处理
    在当今的信息化时代，数据成为了重要的资源。特别是文本数据，随处可见，如社交媒体、新闻网站、技术文档、客户反馈等，这些都包含着大量的潜在信息。因此，如何从海量的文本中提取有价值的信息，成为了大数据分析领域的重要课题。Java作为一种高效、灵活的编程语言，在大数据文本分析与自然语言处理（NLP）中发挥着至关重要的作用。本文将介绍如何利用Java开发大数据文本分析和自然语言处理（NLP）应用，带领你从文
  • 如何用Netty实现一个负载均衡组件 youyouiknow tech-reviewjava后端架构
    一、总体架构一个基本的负载均衡组件通常包含以下几个核心模块：服务注册与发现(ServiceRegistry&Discovery):功能:维护可用的后端服务实例列表（例如IP地址和端口）。实现要点:注册:服务实例启动时，将自己注册到注册中心。发现:负载均衡器从注册中心获取服务实例列表。健康检查:定期检查服务实例的健康状态，剔除不健康的实例。可选技术:ZooKeeper,etcd,Consul,Nac
  • Hadoop分布式文件系统-HDFS架构 Fancs2024 hadoophadoophdfs
    一、HDFS的简介HDFS全称HadoopDistributedFileSystem，是分布式文件管理系统。主要是为了解决大数据如何存储的问题，跟一般文件系统不同的是，它可以通过扩展服务器结点来扩充存储量，可以用低成本的硬件构建出支持高吞吐量的文件系统。二、HDFS的特点高容错性：一个HDFS集群会包含非常多的结点，HDFS将文件分块存储，并且会保存多个副本到不同的机器节点上以保证数据的安全，而且
  • TLS 到 mTLS: 从网络传输安全到零信任架构 youyouiknow tech-review网络架构java后端面试微服务
    我们都知道https用了tls/ssl加密通信，那现在mtls慢慢普及或是场景应用，今天就来讲讲从单向认证到双向认证TLS(单向认证)-客户端验证服务器-类似：你验证银行身份mTLS(双向认证)-客户端和服务器互相验证-类似：银行也要验证你的身份安全模型的演进传统安全模型：-基于边界防护-内网默认信任-外网严格控制零信任模型：-不信任任何请求-始终验证身份-最小权限原则适用场景对比TLS适用：-公
  • 大模型：LangChain技术讲解 玉成226 【大模型】langchain
    一、什么是LangChain1、介绍LangChain是一个用于开发由大型语言模型提供支持的Python框架。它提供了一系列工具和组件，帮助我们将语言模型集成到自己的应用程序中。有了它之后，我们可以更轻松地实现对话系统、文本生成、文本分类、问答系统等功能。2、LangChain官网文档官网：https://python.langchain.com/docs/introduction/3、LangC
  • 【Web前端】JWT（JSON Web Tokens）概述 泡芙冰淇淋ya Web前端json
    1、简介JWT（JSONWebTokens）是一种用于双方之间安全传输信息的简洁的、URL安全的令牌标准。它基于JSON对象，并通过数字签名确保其完整性和真实性。JWT因其小巧、自包含以及易于在客户端和服务器之间传输的特性而被广泛使用于身份验证和信息交换的场景中。2、组成部分JWT由三个部分组成，这三部分通过点（.）分隔：Header（头部）：头部通常包含了两部分信息：例如：typ：表示令牌的类型
  • php jwt解密token,php实现JWT(json web token)鉴权实例 数据科学人工智能 phpjwt解密token
    JWT是什么JWT是jsonwebtoken缩写。它将用户信息加密到token里，服务器不保存任何用户信息。服务器通过使用保存的密钥验证token的正确性，只要正确即通过验证。基于token的身份验证可以替代传统的cookie+session身份验证方法。JWT由三个部分组成：header.payload.signature以下示例以JWT官网为例header部分：{"alg":"HS256","
  • Spring 3自定义注解与格式化器的深度实践 t0_54manong springpython数据库个人开发
    在Spring框架中，格式化器（Formatter）和注解（Annotation）是处理数据格式化和验证的强大工具。通过将注解与格式化器绑定，我们可以在字段级别灵活地定义数据的格式化规则。本文将通过一个完整的示例，展示如何创建自定义注解、格式化器，并将它们绑定到Spring的AnnotationFormatterFactory中，实现字段级别的数据格式化。一、背景与需求在开发Web应用时，我们经常
  • Python爬虫项目合集：200个Python爬虫项目带你从入门到精通 人工智能_SYBH 爬虫试读2025年爬虫百篇实战宝典:从入门到精通python爬虫数据分析信息可视化爬虫项目大全Python爬虫项目合集爬虫从入门到精通项目
    适合人群无论你是刚接触编程的初学者，还是已经掌握一定Python基础并希望深入了解网络数据采集的开发者，这个专栏都将为你提供系统化的学习路径。通过循序渐进的理论讲解、代码实例和实践项目，你将获得扎实的爬虫开发技能，适应不同场景下的数据采集需求。专栏特色从基础到高级，内容体系全面专栏内容从爬虫的基础知识与工作原理开始讲解，逐渐覆盖静态网页、动态网页、API数据爬取等实用技术。后续还将深入解析反爬机制
  • 如何写出优秀的提示词？ChatGPT官方的六种方法 大懒猫软件 chatgpt命令模式promptai
    使用ChatGPT时，提示词（Prompt）的质量直接影响到生成结果的好坏。ChatGPT官方文档中提供了六种优化提示词的方法，这些方法能够帮助用户更好地利用ChatGPT，提升其生成内容的准确性和实用性。本文将结合中文习惯和新的示例，对这些方法进行详细解读。第一章：指令要清晰清晰的指令是高效使用ChatGPT的基础。明确表达需求，避免让模型猜测，是获得精准回答的关键。1.1问题里包含更多细节在提
  • Blazor-ApexCharts 开源项目指南 凌桃莺Talia
    Blazor-ApexCharts开源项目指南项目地址:https://gitcode.com/gh_mirrors/bl/Blazor-ApexCharts一、项目介绍Blazor-ApexCharts是一个用于Blazor框架的图表组件库封装，它基于流行的前端图表库ApexCharts.js实现。这个项目旨在简化在Blazor应用中添加交互式图表的过程，无需直接处理复杂的JavaScript互
  • 学习笔记一：oracle体系结构组件 coxddta29006 数据库操作系统java
    首先声明一下，我的学习笔记参考书主要是官方教材，oracle9idatabaseadministrationfundamentsed2.0我觉得学习是一个循序渐进的过程,从面到点,从宏观到微观,逐步渗透,各个击破,对于oracle,怎么样从宏观上来理解呢?先来看一个图,这个图取自于上面提到的教材,这个图对于从整体上理解ORACLE的体系结构组件，非常关键.下面来解释下这个图.对于一个数据库系统来说
  • Ubuntu 下访问摄像头 及将摄像头数据重定向到http协议 远程访问摄像头 chn89 Linux
    本文的主要工作是ubuntu下打开摄像头，保存图片及视频，以及将视频流搬到网络上，远程访问之。两个目的，第一是手头现有树霉派，但是没有摄像头模块，所以就以笔记本来做实验，最终想法是树霉派连接摄像头模块作为一个远程网络视频监控器。第二，是安卓或者IOS装个支持视频流的播放器，就可以打开上述远程视频监控器了1打开摄像头为了访问摄像头，需要安装cheese软件。sudoapt-getinstallche
  • 替代区块链 Mindfulness code 区块链开发区块链
    随着比特币的成功，人们逐渐意识到区块链技术的潜力，并随之出现了迅速的发展，各种区块链协议、应用程序和平台相应产生。需要指出的是，在这种多元的局面下，很多项目迅速失去了它们的吸引力。事实上，有不少项目只是打着创新的幌子，在玩”击鼓传花“的古老把戏或者干脆就是“骗局”。根据DeadCoins网站的统计，超过70%数字货币都已经没有什么成交量或市值彻底归零，大量区块链项目都已经死亡或者名存实亡。当然，也
  • AWS Elastic Beanstalk HaoHao_010 awsjava云计算服务器云服务器
    AWSElasticBeanstalk是一项由AmazonWebServices(AWS)提供的完全托管的服务，旨在简化和加速应用程序的部署、管理和扩展。通过ElasticBeanstalk，开发者可以轻松地将应用程序发布到AWS云平台，而无需关注底层的基础设施管理，如服务器、负载均衡、扩展等。ElasticBeanstalk为开发人员提供了一个简化的方式来运行Web应用程序和服务，并自动处理许多
  • Java语言的嵌入式系统 齐雅彤 包罗万象golang开发语言后端
    Java语言在嵌入式系统中的应用引言嵌入式系统是指那些专用的计算机系统，通常嵌入到其他设备中执行特定的功能。随着智能设备的普及，嵌入式系统已成为现代电子设备的重要组成部分。由于嵌入式系统对硬件资源的限制，选择合适的编程语言对开发过程至关重要。Java语言以其跨平台性、丰富的库及社区支持逐渐在嵌入式开发中受到欢迎。Java语言的特点Java是一种面向对象的编程语言，具备以下几个显著特点：平台独立性：
  • 小白WEB前端学习（七） Sun ᥫᩣ涵 WEB前端前端学习
    续：小白WEB前端学习（六）继续学习CSS（五）8.响应式布局：响应式布局意在实现不同屏幕分辨率的终端上浏览网页的不同展示方式1.响应式布局介绍：优点:面对不同分辨率设备灵活性强能够快捷解决多设备显示适应问题缺点:兼容各种设备工作量大，效率低下代码累赘，会出现隐藏无用的元素，加载时间加长手机:76899212482.media媒体查询HTML标签字号手机屏幕大小不同，分辨率不同如何设置不同的htm
  • Redis从0到1详解（SpringBoot） 小白的一叶扁舟 面试题redisspringboot数据库springcloudjava后端中间件
    前言在现代应用中，Redis扮演着重要的角色，作为高性能的缓存和消息队列，它能够大大提高系统的响应速度和吞吐量。在SpringBoot项目中使用Redis，不仅能通过简单的配置连接Redis服务，还能利用Redis提供的各种高效算法，如LRU（最近最少使用）和LFU（最不常用）来实现智能的数据管理。此外，分布式锁也可以通过Redis提供的功能来实现，保证多线程或多服务之间的数据一致性。本文将介绍如
  • 【 Java】 Full GC 一定会 stop the world 吗 ？ 言之。 javajavajvm开发语言
    解释：在Java中，FullGC（FullGarbageCollection）通常会导致Stop-The-World（STW）现象，但并不是绝对的。FullGC是对整个Java堆进行垃圾回收的操作，它的目的是回收堆中所有代（新生代、老年代等）中的不可达对象。由于Java堆可能包含大量的对象，并且堆内存的管理涉及到复杂的操作，如对象标记、清理等，为了保证堆内存的一致性和垃圾回收的正确性，在进行Ful
  • 使用 OpenRewrite 升级 JDK 17 潘多编程 javaelasticsearch开发语言
    随着Java技术的不断发展，JDK17作为长期支持版本，带来了诸多新特性和性能优化。如果你的项目还停留在旧版本的JDK上，升级到JDK17是一个不错的选择。而OpenRewrite作为一个强大的代码重构工具，可以帮助我们自动化地完成这一升级过程。下面将通过一个实际案例，展示如何使用OpenRewrite将项目升级到JDK17。一、案例背景假设我们有一个基于JDK8的SpringBoot项目，项目中
  • 千万级的大表，如何做性能调优？ 工业甲酰苯胺 oracle数据库jvm
    前言大表优化是一个老生常谈的话题，但随着业务规模的增长，总有人会“中招”。很多小伙伴的数据库在刚开始的时候表现良好，查询也很流畅，但一旦表中的数据量上了千万级，性能问题就开始浮现，查询慢、写入卡、分页拖沓、甚至偶尔直接宕机。这时大家可能会想，是不是数据库不行？是不是需要升级到更强的硬件？其实很多情况下，根本问题在于没做好优化。今天，我们就从问题本质讲起，逐步分析大表常见的性能瓶颈，以及如何一步步优
  • 使用Airbyte实现数据集成的详细指南 dagGAIYD python
    Airbyte是一个功能强大的数据集成平台，专门用于从API、数据库和文件构建到仓库和数据湖的ELT（Extract,Load,Transform）管道。凭借庞大的ELT连接器目录，Airbyte为数据仓库和数据库提供了广泛的支持。本文将详细介绍如何安装和使用Airbyte，特别是在Python环境中利用langchain-airbyte库进行数据集成。技术背景介绍在现代数据驱动的应用中，数据集成
  • 信创在这些领域大放异彩：推动国产技术革命 狮歌~资深攻城狮 数据仓库数据分析数据库分布式
    信创在这些领域大放异彩：推动国产技术革命随着国内对自主可控技术需求的日益增长，信创（信息技术应用创新）作为推动国产化的重要力量，已经在多个领域展现出广泛的应用潜力。从硬件到软件，从操作系统到数据库，信创的影响力不断扩大，正逐步改变着传统技术的格局。那么，信创究竟在哪些领域尤为热门呢？让我们一起探讨一下。1.操作系统领域操作系统是信息技术的基础设施，也是信息化建设中的核心部分。近年来，国内自主操作系
  • 使用OpenAI Chat模型进行自然语言处理的实战指南 GEAWfaacc 自然语言处理easyui人工智能python
    在本文中，我们将详细介绍如何利用OpenAI的Chat模型进行自然语言处理任务。我们将涵盖从API配置到实际应用的一整套流程，并提供可运行的代码示例来帮助大家上手。如果你对AI对话模型的实际应用感兴趣，那么这篇文章将非常适合你。一、技术背景介绍OpenAI的Chat模型是一类专门用于对话任务的预训练语言模型。它们可以处理多种输入类型，支持丰富的功能调用，适用于各种自然语言处理场景。从翻译到对话生成
  • 使用@EmbeddedId实现复合主键的优雅方式 2501_90323865 javapython开发语言个人开发
    在Java的JPA（JavaPersistenceAPI）中，复合主键是一个常见的需求，尤其是在处理多对多关系或需要多个字段共同作为主键的场景中。传统上，我们可以通过@IdClass来实现复合主键，但这种方式需要在实体类和主键类中重复定义相同的字段，显得有些冗余。相比之下，@EmbeddedId提供了一种更为简洁和直观的解决方案，它通过对象组合的方式，将复合主键类嵌入到实体类中，避免了字段的重复定
  • Linux的Initrd机制 被触发 linux
    Linux 的 initrd 技术是一个非常普遍使用的机制，linux2.6 内核的 initrd 的文件格式由原来的文件系统镜像文件转变成了 cpio 格式，变化不仅反映在文件格式上， linux 内核对这两种格式的 initrd 的处理有着截然的不同。本文首先介绍了什么是 initrd 技术，然后分别介绍了 Linux2.4 内核和 2.6 内核的 initrd 的处理流程。最后通过对 Lin
  • maven本地仓库路径修改 bitcarter maven
    默认maven本地仓库路径：C:\Users\Administrator\.m2 修改maven本地仓库路径方法：     1.打开E:\maven\apache-maven-2.2.1\conf\settings.xml     2.找到        
  • XSD和XML中的命名空间 darrenzhu xmlxsdschemanamespace命名空间
    http://www.360doc.com/content/12/0418/10/9437165_204585479.shtml http://blog.csdn.net/wanghuan203/article/details/9203621 http://blog.csdn.net/wanghuan203/article/details/9204337 http://www.cn
  • Java 求素数运算 周凡杨 java算法素数
    网络上对求素数之解数不胜数，我在此总结归纳一下，同时对一些编码，加以改进，效率有成倍热提高。 第一种：   原理: 6N(+-)1法         任何一个自然数，总可以表示成为如下的形式之一： 6N，6N+1，6N+2，6N+3，6N+4，6N+5 (N=0，1，2，…)   
  • java 单例模式 g21121 java
    想必单例模式大家都不会陌生，有如下两种方式来实现单例模式：   class Singleton { private static Singleton instance=new Singleton(); private Singleton(){} static Singleton getInstance() { return instance; }
  • Linux下Mysql源码安装 510888780 mysql
    1.假设已经有mysql-5.6.23-linux-glibc2.5-x86_64.tar.gz (1)创建mysql的安装目录及数据库存放目录       解压缩下载的源码包，目录结构，特殊指定的目录除外：           
  • 32位和64位操作系统 墙头上一根草 32位和64位操作系统
    32位和64位操作系统是指：CPU一次处理数据的能力是32位还是64位。现在市场上的CPU一般都是64位的，但是这些CPU并不是真正意义上的64 位CPU，里面依然保留了大部分32位的技术，只是进行了部分64位的改进。32位和64位的区别还涉及了内存的寻址方面，32位系统的最大寻址空间是2 的32次方= 4294967296（bit）= 4（GB）左右，而64位系统的最大寻址空间的寻址空间则达到了
  • 我的spring学习笔记10-轻量级_Spring框架 aijuans Spring 3
    一、问题提问：     → 请简单介绍一下什么是轻量级？     轻量级（Leightweight）是相对于一些重量级的容器来说的，比如Spring的核心是一个轻量级的容器，Spring的核心包在文件容量上只有不到1M大小，使用Spring核心包所需要的资源也是很少的，您甚至可以在小型设备中使用Spring。  
  • mongodb 环境搭建及简单CURD antlove WebInstallcurdNoSQLmongo
    一 搭建mongodb环境 1. 在mongo官网下载mongodb 2. 在本地创建目录 "D:\Program Files\mongodb-win32-i386-2.6.4\data\db" 3. 运行mongodb服务 [mongod.exe --dbpath "D:\Program Files\mongodb-win32-i386-2.6.4\data\
  • 数据字典和动态视图 百合不是茶 oracle数据字典动态视图系统和对象权限
    数据字典（data dictionary）是 Oracle 数据库的一个重要组成部分，这是一组用于记录数据库信息的只读（read-only）表。随着数据库的启动而启动,数据库关闭时数据字典也关闭   数据字典中包含   数据库中所有方案对象（schema object）的定义(包括表，视图，索引，簇，同义词，序列，过程，函数，包，触发器等等) 数据库为一
  • 多线程编程一般规则 bijian1013 javathread多线程java多线程
           如果两个工两个以上的线程都修改一个对象，那么把执行修改的方法定义为被同步的，如果对象更新影响到只读方法，那么只读方法也要定义成同步的。        不要滥用同步。如果在一个对象内的不同的方法访问的不是同一个数据，就不要将方法设置为synchronized的。
  • 将文件或目录拷贝到另一个Linux系统的命令scp bijian1013 linuxunixscp
    一.功能说明        scp就是security copy，用于将文件或者目录从一个Linux系统拷贝到另一个Linux系统下。scp传输数据用的是SSH协议，保证了数据传输的安全，其格式如下：        scp 远程用户名@IP地址：文件的绝对路径
  • 【持久化框架MyBatis3五】MyBatis3一对多关联查询 bit1129 Mybatis3
    以教员和课程为例介绍一对多关联关系，在这里认为一个教员可以叫多门课程，而一门课程只有1个教员教，这种关系在实际中不太常见，通过教员和课程是多对多的关系。   示例数据：   地址表：   CREATE TABLE ADDRESSES ( ADDR_ID INT(11) NOT NULL AUTO_INCREMENT, STREET VAR
  • cookie状态判断引发的查找问题 bitcarter formcgi
    先说一下我们的业务背景： 1.前台将图片和文本通过form表单提交到后台，图片我们都做了base64的编码，并且前台图片进行了压缩 2.form中action是一个cgi服务 3.后台cgi服务同时供PC，H5，APP 4.后台cgi中调用公共的cookie状态判断方法（公共的，大家都用，几年了没有问题） 问题：（折腾两天。。。。） 1.PC端cgi服务正常调用，cookie判断没
  • 通过Nginx,Tomcat访问日志(access log)记录请求耗时 ronin47
    一、Nginx通过$upstream_response_time $request_time统计请求和后台服务响应时间 nginx.conf使用配置方式： log_format main '$remote_addr - $remote_user [$time_local] "$request" ''$status $body_bytes_sent "$http_r
  • java-67- n个骰子的点数。 把n个骰子扔在地上，所有骰子朝上一面的点数之和为S。输入n，打印出S的所有可能的值出现的概率。 bylijinnan java
    public class ProbabilityOfDice { /** * Q67 n个骰子的点数 * 把n个骰子扔在地上，所有骰子朝上一面的点数之和为S。输入n，打印出S的所有可能的值出现的概率。 * 在以下求解过程中，我们把骰子看作是有序的。 * 例如当n=2时，我们认为（1，2）和（2，1）是两种不同的情况 */ private stati
  • 看别人的博客，觉得心情很好 Cb123456 博客心情
       以为写博客，就是总结，就和日记一样吧，同时也在督促自己。今天看了好长时间博客:    职业规划:    http://www.iteye.com/blogs/subjects/zhiyeguihua      android学习:    1.http://byandby.i
  • [JWFD开源工作流]尝试用原生代码引擎实现循环反馈拓扑分析 comsci 工作流
        我们已经不满足于仅仅跳跃一次，通过对引擎的升级，今天我测试了一下循环反馈模式，大概跑了200圈，引擎报一个溢出错误      在一个流程图的结束节点中嵌入一段方程，每次引擎运行到这个节点的时候，通过实时编译器GM模块，计算这个方程，计算结果与预设值进行比较，符合条件则跳跃到开始节点，继续新一轮拓扑分析，直到遇到
  • JS常用的事件及方法 cwqcwqmax9 js
    事件 描述 onactivate 当对象设置为活动元素时触发。 onafterupdate 当成功更新数据源对象中的关联对象后在数据绑定对象上触发。 onbeforeactivate 对象要被设置为当前元素前立即触发。 onbeforecut 当选中区从文档中删除之前在源对象触发。 onbeforedeactivate 在 activeElement 从当前对象变为父文档其它对象之前立即
  • 正则表达式验证日期格式 dashuaifu 正则表达式IT其它java其它
    正则表达式验证日期格式 function isDate(d){ var v = d.match(/^(\d{4})-(\d{1,2})-(\d{1,2})$/i); if(!v) { this.focus(); return false; } } <input value="2000-8-8" onblu
  • Yii CModel.rules() 方法 、validate预定义完整列表、以及说说验证 dcj3sjt126com yii
    public array rules () {return} array 要调用 validate() 时应用的有效性规则。 返回属性的有效性规则。声明验证规则，应重写此方法。 每个规则是数组具有以下结构：array('attribute list', 'validator name', 'on'=>'scenario name', ...validation
  • UITextAttributeTextColor = deprecated in iOS 7.0 dcj3sjt126com ios
    In this lesson we used the key "UITextAttributeTextColor" to change the color of the UINavigationBar appearance to white. This prompts a warning "first deprecated in iOS 7.0." Ins
  • 判断一个数是质数的几种方法 EmmaZhao Mathpython
    质数也叫素数，是只能被1和它本身整除的正整数，最小的质数是2，目前发现的最大的质数是p=2^57885161-1【注1】。 判断一个数是质数的最简单的方法如下： def isPrime1(n): for i in range(2, n): if n % i == 0: return False return True 但是在上面的方法中有一些冗余的计算，所以
  • SpringSecurity工作原理小解读 坏我一锅粥 SpringSecurity
      SecurityContextPersistenceFilter   ConcurrentSessionFilter   WebAsyncManagerIntegrationFilter   HeaderWriterFilter   CsrfFilter   LogoutFilter   Use
  • JS实现自适应宽度的Tag切换 ini JavaScripthtmlWebcsshtml5
    效果体验：http://hovertree.com/texiao/js/3.htm   该效果使用纯JavaScript代码，实现TAB页切换效果，TAB标签根据内容自适应宽度，点击TAB标签切换内容页。 HTML文件代码： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"
  • Hbase Rest API : 数据查询 kane_xie RESThbase
    hbase（hadoop）是用java编写的，有些语言（例如python）能够对它提供良好的支持，但也有很多语言使用起来并不是那么方便，比如c#只能通过thrift访问。Rest就能很好的解决这个问题。Hbase的org.apache.hadoop.hbase.rest包提供了rest接口，它内嵌了jetty作为servlet容器。   启动命令：./bin/hbase rest s
  • JQuery实现鼠标拖动元素移动位置（源码+注释） 明子健 jqueryjs源码拖动鼠标
    欢迎讨论指正！   print.html代码： <!DOCTYPE html> <html> <head> <meta http-equiv=Content-Type content="text/html;charset=utf-8"> <title>发票打印</title> &l
  • Postgresql 连表更新字段语法 update qifeifei PostgreSQL
    下面这段sql本来目的是想更新条件下的数据，可是这段sql却更新了整个表的数据。sql如下： UPDATE tops_visa.visa_order SET op_audit_abort_pass_date = now() FROM tops_visa.visa_order as t1 INNER JOIN tops_visa.visa_visitor as t2 ON t1.
  • 将redis,memcache结合使用的方案? tcrct rediscache
    公司架构上使用了阿里云的服务，由于阿里的kvstore收费相当高，打算自建，自建后就需要自己维护，所以就有了一个想法，针对kvstore(redis)及ocs(memcache)的特点，想自己开发一个cache层，将需要用到list，set，map等redis方法的继续使用redis来完成，将整条记录放在memcache下，即findbyid，save等时就memcache，其它就对应使用redi
  • 开发中遇到的诡异的bug wudixiaotie bug
    今天我们服务器组遇到个问题： 我们的服务是从Kafka里面取出数据，然后把offset存储到ssdb中，每个topic和partition都对应ssdb中不同的key，服务启动之后，每次kafka数据更新我们这边收到消息，然后存储之后就发现ssdb的值偶尔是-2,这就奇怪了，最开始我们是在代码中打印存储的日志，发现没什么问题，后来去查看ssdb的日志，才发现里面每次set的时候都会对同一个key
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他