前端基础

前端基础学习

学习方法:听-->写-->分享

学习目标: 基础静态代码网页布局-->首页/注册/列表页面

HTML5标签 CSS3样式

HTML

HTML:超文本标记语言 (Hyper Text Markup Language) 用来描述网页的一种语言网页元素

网页网站是网页的集合网页是构成网站的基本元素俗称HTML文件

常用浏览器

Web标准结构(html) 表现(css) 行为(javascript)

浏览器内核

W3C 万维网联盟

语法规范

路径

相对路径同级路径下一级路径(文件夹名/) 上一级路径(../)
绝对路径很少用自己电脑中的图片和网上的图片

CSS层叠样式表

CSS简介

网页的美容师解决html本身的局限性

由html专注去做结构呈现,实现结构(html)与样式(css)相分离

编码规范

选择器{样式}

给谁用(用什么样式)

color:red;

font-size:12px

}

CSS基础选择器

标签选择器

使用标签名做选择器
类选择器

样式点定义结构类调用一个或多个开发最常用

多类名调用相同的抽取
id选择器

样式#号定义,结构id调用.只能调用一次

经常与js搭配使用
通配符选择器

星号影响页面中所有的标签和元素

CSS字体属性

font-family:

font-size: 16px

font-weight: 700-->400等同于normal,700等同于bold;

font-style:italicc(倾斜) normal(修改成正常字体)

复合属性需要严格遵守顺序 font: font-style font-weight font-size/line-height font-family -->size和family不能省略

font: italic 700 16px 'Microsoft yahei'

CSS文本属性

文本颜色: text-color 预定义颜色值十六进制 rgb
对齐文本 text-align center right left 水平对齐
装饰文本 text-decoration none(去掉超链接的下划线) underline line-through
文本缩进 text-indent: 2em; 段落的首行缩进
行间距 line-height (上间距+文字本身高度+下间距) 行高文字垂直居中 : 文字行高等于盒子高度

CSS的引入方式

根据书写的位置(或者引入方式)分为三大类

行内样式表(行内式)

修改一些简单的少的样式直接在标签内声明使用权重中完全无分离(结构与样式)
内部样式表(嵌入式)

style 理论上可以放在页面的所有地方,但习惯上放在head 部分分离
外部样式表(引入式)

单独使用css文件使用最多

Chrome调试工具

箭头选择网页中的元素 -- >左面html 右面style --> 检出出没有使用到的代码

emmet语法

快速生成标签/样式的语法 vocode自带集成

标签名+tab键快速生成标签
标签名*要批量生成的标签个数+tab键批量生成标签
标签名>变签名父子关系快速生成
标签名+标签名兄弟关系快速生成
标签名.类名(#id名) 快速生成带样式的标签默认成生成div标签可以省略标签名
$自增符号批量生成时使用
{文字}生成带文字的标签
样式元素书写 w100等效于 width:100px 首字母+赋值
快速格式话代码格式化文档修改成保存页面的时候自动个格式化代码

1.文件-->首选项-->设置;2.搜索emmet.include;3.settings.json[用户]中添加代码 "editor.formatOnType":true,"editor.formatOnSave":true

css复合选择器

后代选择器

元素1 元素2 {样式声明} 元素2生效元素1必须是父类可以是任意基础选择器的组合
子选择器

元素1>元素2(样式声明) 亲儿子选择器
并集选择器

元素1,元素2{样式声明} 集体声明可以任意选择器组合语法规范:竖着写
伪类选择器的使用规范

用于向默写选择器添加特殊的效果,比如给链接天界特殊效果,或选择第n个元素

:表示 :frist-child(第一个子元素)
- 链接 a:link{}--没有点击过的链接 a:visited{}--已经点击过的链接 a:hover{}(光标当前指向) a:active{}--鼠标按下时的
  
  开发常用a{}和a:hover{}结合使用
  
  注意声明顺序链接中的样式需要单独指定
- 获取焦点 :focus

元素的显示模式与相互转换

元素以什么方式进行显示

块元素
- 独占一行
- 宽高间距都可以定义控制
- 默认和父类宽相同
- 注意文字元素内不要再放块元素 p h
行内元素
- 一行可以显示多个
- 宽高无法直接赋值
- 默认的宽度是本身文本的宽度
- 行内元素只能放文本元素或其他行内元素
行内块元素
- 一行上可以放多个元素中间会有间隔
- 默认宽度是文本本身
- 可以设置宽高

显示模式转换

a标签增加触发范围---->display:block 使用最多

display:inline display:inline-block

背景图片的设置方式

背景颜色 background-color:transparent|color;
背景图片 background-image:url();

超大或装饰性图片或logo 优点是便于控制位置
- background-repeat 背景平铺
- background-position:方位名词|

css的三大特性

注释

PS

snipaste 工具截图置顶取色

javascript

基础知识

编程语言 (标记语言html)

脚本语言就是不用编译逐行解释

作用:表单动态验证网页特效服务端开发(node.js) 桌面程序(electron) app(cordova) 硬件物联网(Ruff) 游戏开发(cocos2d-js)

组成部分

ECMSScript JavaScript语法
DOM 网页文档对象模型 API 对元素操作
BOM 浏览器对象模型 API 对浏览器窗口操作

常用输出语句

alert(msg) 浏览器弹出警示框
console.log(msg) 浏览器控制台打印输出信息
prompt(info) 浏览器弹出输入框,用户可以输入

变量

变量的本质是在内存中申请一块用来存放数据的空间.

变量的声明 var age; variable

变量的赋值 age = 10;

变量的初始化 var age = 10;

声明多个变量 ,号分割

undfined 未定义的

逻辑性:怎么实现目标的思路-->先怎么做,再怎么做

数据类型

不同的数据所占用的存储空间不同

javaScript是一种弱类型或者动态语言(变量的数据类型会随着赋值的改变而改变) 声明的时候不用声明变量类项,程序运行的时候根据赋值自动确认

简单数据类项
- Number 整数和小数 Mumber.MAX_VALUE infinity(无穷大) NAN(not a number 非数字) 方法isNAN()
- String 单引号和双引号都可以为了区别于html中的双引号js中建议使用单引号嵌套的时候外单内双
  
  转义符 \n(换行)
  
  长度 str.length 拼接:+
- Boolean 参与加法运算的时候true当0来看 false1
- Undined 未定义数据类型
- null
复杂数据类项 object

获取数据类项:typeof 变量

控制台的颜色区分数据类项

字面量根据数据的书写方式知道数据的数据类型

数据类项的转换
- 装换成字符串三种常用+''方式(隐式转换)
- 转换成数字形四种常用两种 parseInt(变量) parseInt(120px)可以去除单位 parseFloat(变量)
- 转换成Boolean Boolean() 代表空和未定义的值会变成false,剩余的都转换成true

运算符

操作符

算数运算符不能直接判断浮点数是否相等

表达式(数字\运算符\变量组成的式子) 返回值
递增和递减运算符 ++num(前置递增) 变量(后置递增) (先返回原值后自增) num--;
比较运算符

== 运算符判断是否相等的时候会默认转换数据类项后再比较

=== 全等判断要求值和数据类项都相同
逻辑运算符

布尔值参与的逻辑运算

&& || !

短路运算非布尔值参与逻辑中断

空或者否定为false 其他为true
- && 表达式1&&表达式2-->如果表示式1为真则返回表达式2, 如果表达式1为加假则返回表达式2
- || 表达式1||biaods2-->如果表达式1结果为真则发挥表达式1, 如果表达式1结果为假则发挥表达式2
赋值运算符

= += -= *= /= %=

运算符的优先级按权重排列

小括号
一元运算符 ++ -- !
算数运算符先*?%后+-
关系运算符 < > >= <=
相等运算符 == != === !==
逻辑运算符先&&后||
赋值运算符 =
逗号运算法 ,

流程控制

控制代码按照什么结构顺序来执行

顺序结构

分支结构

if语句

三元表达式条件表达式?表达式1:表达式2
switch语句
循环

for 常用

while

do while

\

数组

一组数据的集合存在单个变量中

数组的索引号从0开始

访问

有点意思

遍历

修改length长度扩容

追加

筛选

循环结构

编译语言(java 先编译再运行做好整桌菜后再吃) 解释语言(逐行解释执行吃火锅)

AJAX

无刷新的和服务器进行交互

DOM

dom是一种文档对象模型，同时也是用于html编程的接口，通过dom来操作页面中的元素

HTML DOM 定义了所有 HTML 元素的对象和属性，以及访问它们的方法。

换言之，HTML DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准。

Vue.js

渐进式javascript框架

核心是使用简单的模板语法声明式的方式把数据渲染进DOM的系统

使用：标签引入或者cli快速生成复杂项目

可以在输出台直接修改属性值页面也会立即响应

Vue基础

JavaScript框架
简化Dom操作
响应式数据驱动

.vue文件 -->vue的单文件组件

常用指令 attribute

指令带有前缀 v-，以表示它们是 Vue 提供的特殊 attribute

v-bind 将这个元素节点的 title attribute 和 Vue 实例的 messageproperty 保持一致”。
v-if
通过控制属性seen达到控制元素p的显示或隐藏
v-for 循环
{{ todo.text }}
v-on 按钮的点击事件调用ReverseMessage方法 this.message = this.message.split('').reverse().join('')
v-model 表单输入和应用状态之间的双向绑定

vue的组件概念

一个可以复用的拥有预定义选项的vue实例

众多独立的组件构成一个大的应用

小型独立可复用

非常类似于自定义元素

数据与方法实例property

除了数据 property，Vue 实例还暴露了一些有用的实例 property 与方法。它们都有前缀 $，以便与用户定义的 property 区分开来

生命周期

crtated 在实例创建完成后被立即调用
beforeMount 在挂载开始之前被调用：相关的 render 函数首次被调用。该钩子在服务器端渲染期间不被调用
mounted 实例被挂载后调用
beforeUpdate 数据更新时调用，发生在虚拟 DOM 打补丁之前。这里适合在更新之前访问现有的 DOM，比如手动移除已添加的事件监听器。
updated 由于数据更改导致的虚拟 DOM 重新渲染和打补丁，在这之后会调用该钩子。
activiated 被 keep-alive 缓存的组件激活时调用。
deactivated 被 keep-alive 缓存的组件停用时调用。
beforeDestroy 实例销毁之前调用。在这一步，实例仍然完全可用。
destoryed 实例销毁后调用。该钩子被调用后，对应 Vue 实例的所有指令都被解绑，所有的事件监听器被移除，所有的子实例也都被销毁。
errorCaptured 2.5.0+ 新增当捕获一个来自子孙组件的错误时被调用。此钩子会收到三个参数：错误对象、发生错误的组件实例以及一个包含错误来源信息的字符串。此钩子可以返回 false 以阻止该错误继续向上传播。

本地应用

网络应用

综合应用

1.标题语法: # 注意空格分隔

段落语法: 使用空白行将文字分隔不要使用空格缩进

换行语法: 结尾空格结尾处两个或以上空格加回车键等效于html的

强调语法: 粗体Bold(前后加两个星) 斜体Italic(前后加一个星)

引用语法:段落前加>

this is example.

那这个考研干部?

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

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
前端基础知识Vue3系列 - 04（Vue3.0 所采用的 Composition Api 与 Vue2.x 使用的 Options Api 有什么不同）
开始之前CompositionAPI可以说是Vue3的最大特点，那么为什么要推出CompositionApi，解决了什么问题？通常使用Vue2开发的项目，普遍会存在以下问题：代码的可读性随着组件变大而变差每一种代码复用的方式，都存在缺点TypeScript支持有限以上通过使用CompositionApi都能迎刃而解正文一、OptionsApiOptionsAPI，即大家常说的选项API，即以vue
前端基础知识Vue系列 - 19（Vue常用的修饰符）
一、修饰符是什么在程序世界里，修饰符是用于限定类型以及类型成员的声明的一种符号在Vue中，修饰符处理了许多DOM事件的细节，让我们不再需要花大量的时间去处理这些烦恼的事情，而能有更多的精力专注于程序的逻辑处理vue中修饰符分为以下五种：表单修饰符事件修饰符鼠标按键修饰符键值修饰符v-bind修饰符二、修饰符的作用表单修饰符在我们填写表单的时候用得最多的是input标签，指令用得最多的是v-mode
前端基础知识HTTP系列 - 04（OSI七层模型）前端小白从0开始 http 网络协议网络
一、是什么OSI（OpenSystemInterconnect）模型全称为开放式通信系统互连参考模型，是国际标准化组织(ISO)提出的一个试图使各种计算机在世界范围内互连为网络的标准框架OSI将计算机网络体系结构划分为七层，每一层实现各自的功能和协议，并完成与相邻层的接口通信。即每一层扮演固定的角色，互不打扰二、划分OSI主要划分了七层，如下所示：应用层应用层位于OSI参考模型的第七层，其作用是通
前端基础知识Vue系列 - 25（SSR解决了什么问题）前端小白从0开始前端 vue.js javascript SSR
一、是什么Server-SideRendering我们称其为SSR，意为服务端渲染指由服务侧完成页面的HTML结构拼接的页面处理技术，发送到浏览器，然后为其绑定状态与事件，成为完全可交互页面的过程先来看看Web3个阶段的发展史：传统服务端渲染SSR单页面应用SPA服务端渲染SSR传统web开发网页内容在服务端渲染完成，⼀次性传输到浏览器打开页面查看源码，浏览器拿到的是全部的dom结构单页应用SPA
前端基础知识Vue系列 - 17（vue中key的原理）
一、Key是什么开始之前，我们先还原两个实际工作场景当我们在使用v-for时，需要给单元加上key...用+newDate()生成的时间戳作为key，手动强制触发重新渲染那么这背后的逻辑是什么，key的作用又是什么？一句话来讲key是给每一个vnode的唯一id，也是diff的一种优化策略，可以根据key，更准确，更快的找到对应的vnode节点场景背后的逻辑当我们在使用v-for时，需要给单元加上
《前端基础核心知识笔记：HTML、CSS、JavaScript 及 BOM/DOM》萌新小白的逆袭前端笔记 html javascript
html前端三剑客的介绍：HTML:页面内容的载体Css：用来美化和指定页面的显示效果JavaScript：页面显示的过程中，可以动态改变页面的内容重点属性type="text"文本输入type="password"密码输入SerlvertC超链接type="radio"value="值"单选框type="checkbox"value="值"多选框在作用设置编码格式 action是跳转的界面met
从AI辅助编码到自动部署：前端开发提效全流程实践程序猿全栈の董（董翔）人工智能热门技术领域人工智能新兴领域热门技术
从AI辅助编码到自动部署：前端开发提效全流程实践**摘要本文结合ChatGPT、GitHubCopilot等AI工具，分享从需求分析、代码编写到自动化部署的全流程提效技巧。通过真实案例演示如何利用AI工具提升30%以上的开发效率，适合有一定前端基础的开发者阅读。一、引言：AI时代的前端开发变革现状：据StackOverflow2023调查，65%的开发者使用AI辅助工具，平均减少35%的调试时间。
web前端基础知识:表单标签黄昏终结者前端 html javascript
一.input系列标签语法:form表单用来收集用户信息的input输入type类型type属性值:text文本password密码框radio单选框checkbox多选框file选择文件submit提交按钮reset重置按钮button普通按钮1.input系列标签-text文本框属性:placeholder占位符文本输入框语法:昵称:2.input系列标签-password密码框属性:plac
【前端】一文快速回顾 Html+CSS+JS CoderSharry 前端前端 html css
文章目录前言Preface1.HTML快速回顾1.1基本结构1.2简单语法回顾2.CSS快速回顾2.1三种引入方式2.2选择器2.3布局2.3.1盒子模型2.3.2定位2.3.3浮动2.4简单练习3.JavaScript快速回顾3.1JavaScript引入方式3.2JavaScript基本语法3.2.1变量3.2.2函数与箭头函数3.3简单练习4.总结参考资料一文快速回顾前端基础三件套：HTML
前端基础知识JavaScript系列 - 25（Javascript本地存储）前端小白从0开始前端 javascript 开发语言
一、方式javaScript本地缓存的方法我们主要讲述以下四种：cookiesessionStoragelocalStorageindexedDBcookieCookie，类型为「小型文本文件」，指某些网站为了辨别用户身份而储存在用户本地终端上的数据。是为了解决HTTP无状态导致的问题作为一段一般不超过4KB的小型文本数据，它由一个名称（Name）、一个值（Value）和其它几个用于控制cooki
Java web%10 好学且牛逼的马 java 前端 AI编程
%10新路线Javawebai笔记阶段时长内容Web前端基础2天HTML、CSS、JS、Vue3、AjaxWeb后端基础4天Maven、HTTP协议、SpringIOC、DI、MySQL、JDBC、MybatisWeb后端实战6天Tlias案例（基于案例讲解web开发的核心知识）Web后端进阶2天SpringAOP、SpringBoot原理、自定义Starter、Maven高级前端web实战4天V
前端基础知识JavaScript系列 - 06（深拷贝浅拷贝）
一、数据类型存储前面文章我们讲到，JavaScript中存在两大数据类型：基本类型引用类型基本类型数据保存在在栈内存中引用类型数据保存在堆内存中，引用数据类型的变量是一个指向堆内存中实际对象的引用，存在栈中二、浅拷贝浅拷贝，指的是创建新的数据，这个数据有着原始数据属性值的一份精确拷贝如果属性是基本类型，拷贝的就是基本类型的值。如果属性是引用类型，拷贝的就是内存地址即浅拷贝是拷贝一层，深层次的引用类
前端基础知识CSS系列 - 13（响应式设计的基本原理）前端小白从0开始前端 css 响应式
一、是什么响应式网站设计（ResponsiveWebdesign）是一种网络页面设计布局，页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整描述响应式界面最著名的一句话就是“Contentislikewater”大白话便是“如果将屏幕看作容器，那么内容就像水一样”响应式网站常见特点：同时适配PC+平板+手机等标签导航在接近手持终端设备时改变为经典的抽
前端基础知识CSS系列 - 15（单行／多行文本溢出的省略样式）前端小白从0开始前端 css
一、前言在日常开发展示页面，如果一段文本的数量过长，受制于元素宽度的因素，有可能不能完全显示，为了提高用户的使用体验，这个时候就需要我们把溢出的文本显示成省略号对于文本的溢出，我们可以分成两种形式：单行文本溢出多行文本溢出二、实现方式单行文本溢出省略理解也很简单，即文本在一行内显示，超出部分以省略号的形式展现实现方式也很简单，涉及的css属性有：text-overflow：规定当文本溢出时，显示省
前端基础知识JavaScript系列 - 01（JavaScript中的数据类型？存储上的差别？）前端小白从0开始前端 javascript 开发语言
前言在JavaScript中，我们可以分成两种类型：基本类型复杂类型两种类型的区别是：存储位置不同一、基本类型基本类型主要为以下6种：NumberStringBooleanUndefinednullsymbolNumber数值最常见的整数类型格式则为十进制，还可以设置八进制（零开头）、十六进制（0x开头）letintNum=55//10进制的55letnum1=070//8进制的56lethexN
移动应用开发专业核心课程以及就业方向
移动应用开发专业聚焦移动端软件的设计、开发与测试，课程设置与产业需求紧密衔接，就业面向移动互联网高速增长的市场。以下是核心课程及就业方向的系统分析：一、核心课程体系专业基础课程：移动端UI设计：掌握应用界面布局、交互逻辑及用户体验优化，为原型设计奠基。网页设计与制作：学习HTML/CSS/JavaScript等前端基础，实现响应式Web开发。面向对象程序设计（Java/C#等）：培养编程思维与代码
MFE微前端高级版：Angular + Module Federation + webpack + 路由（Route way）完整示例 crary,记忆 Angular 微前端-MFE angular.js 前端 webpack angular
在查看这篇文章之前，可以先简单预览一下这篇基础版的博客：MFE微前端基础版：Angular+ModuleFederation+webpack+路由（Routeway）完整示例-CSDN博客这篇Angular+ModuleFederation高级路由配置详解包括嵌套路由、路由守卫、懒加载策略和动态路由等高级功能。1.主应用(Shell)高级路由配置shell/src/app/app-routing.
Web前端基础之HTML
一、浏览器火狐浏览器、谷歌浏览器(推荐)、IE浏览器推荐谷歌浏览器原因：1、简洁大方,打开速度快2、开发者调试工具（右键空白处->检查，打开调试模式）二、开发工具核心IDE工具VisualStudioCode(VSCode)‌微软开发的免费跨平台编辑器，支持智能提示、Git集成、调试功能及丰富的扩展插件‌。轻量高效，适用于HTML/CSS/JavaScript及主流前端框架开发‌。WebStorm
从搬砖工到架构师，Java全栈知识体系（2025版）程序员岳彬 java 开发语言后端程序人生
文章目录一、前端技术体系1.前端基础2.前端框架与生态3.工程化工具4.跨端与性能优化二、后端Java技术体系1.Java核心基础2.后端Web开发3.持久层技术4.微服务与中间件三、运维与DevOps1.Linux服务器2.容器与集群3.持续集成/部署4.监控与日志四、AI算法与大模型集成1.基础算法2.大模型工程实践3.应用场景五、工程工具与最佳实践1.开发工具2.代码规范与质量3.架构设计六
微信小程序-功德木鱼（含设置面板功能） weixin_48077625 微信小程序前端小程序
基于微信小程序所开发的电子木鱼项目，十分适合作为微信小程序开发初学者在完成前端基础学习后进行练手学习项目。##功能亮点：计数器、敲击震动效果、设置面板（自定义漂浮文字内容、可选择文字颜色、可选择木鱼样式）一、界面展示二、功能介绍自动计数木鱼敲击动画文字上飘动画敲击震动设置面板自定义漂浮文字可选择字体颜色可选择木鱼样式三、核心代码setting(){this.setData({isSetting:t
前端基础知识ES6系列 - 03（数组新增了哪些扩展）前端小白从0开始前端 es6 ecmascript javascript html5
一、扩展运算符的应用ES6通过扩展元素符...，好比rest参数的逆运算，将一个数组转为用逗号分隔的参数序列console.log(...[1,2,3])//123console.log(1,...[2,3,4],5)//12345[...document.querySelectorAll('div')]//[,,]主要用于函数调用的时候，将一个数组变为参数序列functionpush(array
MFE微前端基础版：Angular + Module Federation + webpack + 路由（Route way）完整示例 crary,记忆微前端-MFE 前端 webpack 学习 angular
1.项目结构microfrontend-demo/├──shell/#主应用(Shell)├──mfe1/#微前端应用1├──mfe2/#微前端应用2└──shared/#共享库2.主应用(Shell)配置shell/webpack.config.jsconstModuleFederationPlugin=require("webpack/lib/container/ModuleFederatio
javascript常见100问|前端基础知识|13-14-options 请求Restful-API-method前端知识体系14-总结，软技能是否看过红宝书code review CR 检查什么学习记录wanxiaowan 前端八股文前端 javascript restful
14-options请求题目跨域为何需要options请求？跨域浏览器同源策略，默认限制跨域请求。跨域的解决方案jsonpCORS//CORS配置允许跨域（服务端）response.setHeader("Access-Control-Allow-Origin","http://localhost:8011")//或者'*'response.
2024年网络安全最全什么情况，听说网络安全工程师已经没落？_网络工程师现在废了 2401_84264536 web安全网络安全
数据库基础基础阶段的最后一部分，可以来接触一些数据库的基础知识了。这个阶段主要学一些理论知识，重点掌握库、表、索引等概念，然后学习SQL的编写，学会增删改查数据。暂时不用编程来操作数据库。青铜（筑基期）度过了石器时代，你已经储备了一些计算机的基础知识：操作系统的使用，网络协议，前端基础，数据库初识，但这距离做网络安全还不够，在第二个青铜阶段，你还需要再进一步学习基础，在第一阶段之上，难度会开始慢慢
TCP和UDP协议之间的区别，前端基础面试题天渺工作室网络知识 TCP和UDP tcp udp
前端基础面试题,TCP和UDP协议之间的区别tcp和udp作为传输层的两个协议,主要区别:1，tcp是面向链接的,（http协议握手）就类似打电话要先建立拨号，在进行链接。而udp在发送前不需要建立链接，直接发送（不在乎接收端是否完全接收到）。2，tcp可传输可靠服务,能保证数据传输的无差错，不丢失，不重复，且按序到达。而udp只是尽最大努力进行传输，不能保证传输是否可靠。3，基于上面两条的原因，
Python就业方向有哪些？ IT-博通哥 python 开发语言
Python作为一门通用、易学且功能强大的编程语言，在多个领域都有广泛的应用，因此就业方向也非常多样化。以下是Python主要的就业方向及相关技能要求。1.Web开发岗位：PythonWeb开发工程师、后端工程师、全栈工程师技术栈：框架：Django、Flask、FastAPI数据库：PostgreSQL、MySQL、MongoDB前端基础：HTML/CSS/JavaScript（配合Vue/Re
前端基础入门三大核心之JS篇 —— JavaScript编写油猴脚本：让浏览器做你的私人定制助手【含代码示例】 DTcode7 HTML网站开发 #前端基础入门三大核心之JS 前端 javascript 开发语言
前端基础入门三大核心之JS篇——JavaScript编写油猴脚本：让浏览器做你的私人定制助手【含代码示例】油猴脚本：浏览器的魔法外挂安装油猴创建你的第一个脚本基础概念：@match与用户脚本元数据实战演练：给网页添加个性化问候目标代码示例不同角度的使用思路实战技巧与问题排查遇到问题怎么办？结语：你的创意，无界延伸在前端开发的广袤宇宙里，JavaScript（简称JS）是我们手中最闪耀的光剑。而当这
【前端基础】正则表达式详解前端自习室前端基础前端正则表达式
文章目录一、什么是正则表达式？二、为什么要使用正则表达式？三、正则表达式的基本语法与核心概念1.普通字符(LiteralCharacters)2.元字符(Metacharacters)3.字符集合(CharacterSets)4.预定义字符类(PredefinedCharacterClasses/Shorthands)5.量词(Quantifiers)6.分组与捕获(GroupingandCapt
Rust 在前端基建中的使用 brrdg_sefg rust 前端状态模式
摘要随着前端技术的不断发展，前端基础设施（前端基建）的建设已成为提升开发效率、保障产品质量的关键环节。然而，在应对复杂业务场景与高性能需求时，传统的前端技术栈逐渐暴露出诸多不足。近年来，Rust语言以其独特的优势，在前端基建领域崭露头角。本文将详细说明Rust在当前前端基建中的使用情况，以及其解决传统技术栈不足的方案。文章首先介绍了传统技术栈的不足，包括技术更新速度快、技术栈老旧、JavaScri
关于旗正规则引擎规则中的上传和下载问题何必如此文件下载压缩 jsp 文件上传
文件的上传下载都是数据流的输入输出，大致流程都是一样的。一、文件打包下载 1.文件写入压缩包 string mainPath="D:\upload\"; 下载路径 string tmpfileName=jar.zip; &n
【Spark九十九】Spark Streaming的batch interval时间内的数据流转源码分析 bit1129 Stream
以如下代码为例（SocketInputDStream）： Spark Streaming从Socket读取数据的代码是在SocketReceiver的receive方法中，撇开异常情况不谈(Receiver有重连机制，restart方法，默认情况下在Receiver挂了之后，间隔两秒钟重新建立Socket连接)，读取到的数据通过调用store(textRead)方法进行存储。数据
spark master web ui 端口8080被占用解决方法 daizj 8080 端口占用 spark master web ui
spark master web ui 默认端口为8080，当系统有其它程序也在使用该接口时，启动master时也不会报错，spark自己会改用其它端口，自动端口号加1，但为了可以控制到指定的端口，我们可以自行设置，修改方法： 1、cd SPARK_HOME/sbin 2、vi start-master.sh 3、定位到下面部分
oracle_执行计划_谓词信息和数据获取周凡杨 oracle 执行计划
oracle_执行计划_谓词信息和数据获取(上) 一：简要说明在查看执行计划的信息中，经常会看到两个谓词filter和access，它们的区别是什么，理解了这两个词对我们解读Oracle的执行计划信息会有所帮助。简单说，执行计划如果显示是access，就表示这个谓词条件的值将会影响数据的访问路径（表还是索引），而filter表示谓词条件的值并不会影响数据访问路径，只起到
spring中datasource配置 g21121 dataSource
datasource配置有很多种，我介绍的一种是采用c3p0的，它的百科地址是： http://baike.baidu.com/view/920062.htm  <bean name="propertiesConfig" class="org.springframework.b
web报表工具FineReport使用中遇到的常见报错及解决办法（三）老A不折腾 finereport FAQ 报表软件
这里写点抛砖引玉，希望大家能把自己整理的问题及解决方法晾出来，Mark一下，利人利己。出现问题先搜一下文档上有没有，再看看度娘有没有，再看看论坛有没有。有报错要看日志。下面简单罗列下常见的问题，大多文档上都有提到的。 1、repeated column width is largerthan paper width：这个看这段话应该是很好理解的。比如做的模板页面宽度只能放
mysql 用户管理墙头上一根草 linux mysql user
1.新建用户 //登录MYSQL@>mysql -u root -p@>密码//创建用户mysql> insert into mysql.user(Host,User,Password) values(‘localhost’,'jeecn’,password(‘jeecn’));//刷新系统权限表mysql>flush privileges;这样就创建了一个名为：
关于使用Spring导致c3p0数据库死锁问题 aijuans spring Spring 入门 Spring 实例 Spring3 Spring 教程
这个问题我实在是为整个 springsource 的员工蒙羞如果大家使用 spring 控制事务，使用 Open Session In View 模式， com.mchange.v2.resourcepool.TimeoutException: A client timed out while waiting to acquire a resource from com.mchange.
百度词库联想 annan211 百度
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>RunJS</title&g
int数据与byte之间的相互转换实现代码百合不是茶位移 int转byte byte转int 基本数据类型的实现
在BMP文件和文件压缩时需要用到的int与byte转换,现将理解的贴出来; 主要是要理解;位移等概念 http://baihe747.iteye.com/blog/2078029 int转byte; byte转int; /** * 字节转成int,int转成字节 * @author Administrator *
简单模拟实现数据库连接池 bijian1013 java thread java多线程简单模拟实现数据库连接池
简单模拟实现数据库连接池实例1： package com.bijian.thread; public class DB { //private static final int MAX_COUNT = 10; private static final DB instance = new DB(); private int count = 0; private i
一种基于Weblogic容器的鉴权设计 bijian1013 java weblogic
服务器对请求的鉴权可以在请求头中加Authorization之类的key，将用户名、密码保存到此key对应的value中，当然对于用户名、密码这种高机密的信息，应该对其进行加砂加密等，最简单的方法如下： String vuser_id = "weblogic"; String vuse
【RPC框架Hessian二】Hessian 对象序列化和反序列化 bit1129 hessian
任何一个对象从一个JVM传输到另一个JVM，都要经过序列化为二进制数据(或者字符串等其他格式，比如JSON)，然后在反序列化为Java对象，这最后都是通过二进制的数据在不同的JVM之间传输(一般是通过Socket和二进制的数据传输)，本文定义一个比较符合工作中。 1. 定义三个POJO Person类 package com.tom.hes
【Hadoop十四】Hadoop提供的脚本的功能 bit1129 hadoop
1. hadoop-daemon.sh 1.1 启动HDFS ./hadoop-daemon.sh start namenode ./hadoop-daemon.sh start datanode 通过这种逐步启动的方式，比start-all.sh方式少了一个SecondaryNameNode进程，这不影响Hadoop的使用，其实在 Hadoop2.0中，SecondaryNa
中国互联网走在“灰度”上 ronin47 管理灰度
中国互联网走在“灰度”上（转）文/孕峰第一次听说灰度这个词，是任正非说新型管理者所需要的素质。第二次听说是来自马化腾。似乎其他人包括马云也用不同的语言说过类似的意思。灰度这个词所包含的意义和视野是广远的。要理解这个词，可能同样要用“灰度”的心态。灰度的反面，是规规矩矩，清清楚楚，泾渭分明，严谨条理，是决不妥协，不转弯，认死理。黑白分明不是灰度，像彩虹那样
java-51-输入一个矩阵，按照从外向里以顺时针的顺序依次打印出每一个数字。 bylijinnan java
public class PrintMatrixClockwisely { /** * Q51.输入一个矩阵，按照从外向里以顺时针的顺序依次打印出每一个数字。例如：如果输入如下矩阵： 1 2 3 4 5 6 7 8 9
mongoDB 用户管理开窍的石头 mongoDB用户管理
1:添加用户第一次设置用户需要进入admin数据库下设置超级用户（use admin） db.addUsr({user:'useName',pwd:'111111',roles:[readWrite,dbAdmin]}); 第一个参数用户的名字第二个参数
[游戏与生活]玩暗黑破坏神3的一些问题 comsci 生活
暗黑破坏神3是有史以来最让人激动的游戏。。。。但是有几个问题需要我们注意玩这个游戏的时间，每天不要超过一个小时，且每次玩游戏最好在白天结束游戏之后，最好在太阳下面来晒一下身上的暗黑气息，让自己恢复人的生气 &nb
java 二维数组如何存入数据库 cuiyadll java
using System; using System.Linq; using System.Text; using System.Windows.Forms; using System.Xml; using System.Xml.Serialization; using System.IO; namespace WindowsFormsApplication1 {
本地事务和全局事务Local Transaction and Global Transaction(JTA) darrenzhu java spring local global transaction
Configuring Spring and JTA without full Java EE http://spring.io/blog/2011/08/15/configuring-spring-and-jta-without-full-java-ee/ Spring doc -Transaction Management http://docs.spring.io/spri
Linux命令之alias - 设置命令的别名，让 Linux 命令更简练 dcj3sjt126com linux alias
用途说明设置命令的别名。在linux系统中如果命令太长又不符合用户的习惯，那么我们可以为它指定一个别名。虽然可以为命令建立“链接”解决长文件名的问题，但对于带命令行参数的命令，链接就无能为力了。而指定别名则可以解决此类所有问题【1】。常用别名来简化ssh登录【见示例三】，使长命令变短，使常用的长命令行变短，强制执行命令时询问等。常用参数格式：alias 格式：ali
yii2 restful web服务[格式响应] dcj3sjt126com PHP yii2
响应格式当处理一个 RESTful API 请求时，一个应用程序通常需要如下步骤来处理响应格式：确定可能影响响应格式的各种因素，例如媒介类型，语言，版本，等等。这个过程也被称为 content negotiation。资源对象转换为数组，如在 Resources 部分中所描述的。通过 [[yii\rest\Serializer]]
MongoDB索引调优（2）——[十] eksliang mongodb MongoDB索引优化
转载请出自出处：http://eksliang.iteye.com/blog/2178555 一、概述上一篇文档中也说明了，MongoDB的索引几乎与关系型数据库的索引一模一样，优化关系型数据库的技巧通用适合MongoDB，所有这里只讲MongoDB需要注意的地方二、索引内嵌文档可以在嵌套文档的键上建立索引，方式与正常
当滑动到顶部和底部时，实现Item的分离效果的ListView gundumw100 android
拉动ListView，Item之间的间距会变大，释放后恢复原样； package cn.tangdada.tangbang.widget; import android.annotation.TargetApi; import android.content.Context; import android.content.res.TypedArray; import andr
程序员用HTML5制作的爱心树表白动画 ini JavaScript jquery Web html5 css
体验效果：http://keleyi.com/keleyi/phtml/html5/31.htmHTML代码如下： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="UTF-8" > <ti
预装windows 8 系统GPT模式的ThinkPad T440改装64位 windows 7旗舰版 kakajw ThinkPad 预装改装 windows 7 windows 8
该教程具有普遍参考性，特别适用于联想的机器，其他品牌机器的处理过程也大同小异。该教程是个人多次尝试和总结的结果，实用性强，推荐给需要的人！缘由小弟最近入手笔记本ThinkPad T440，但是特别不能习惯笔记本出厂预装的Windows 8系统，而且厂商自作聪明地预装了一堆没用的应用软件，消耗不少的系统资源（本本的内存为4G，系统启动完成时，物理内存占用比
Nginx学习笔记 mcj8089 nginx
一、安装nginx 1、在nginx官方网站下载一个包，下载地址是： http://nginx.org/download/nginx-1.4.2.tar.gz 2、WinSCP(ftp上传工
mongodb 聚合查询每天论坛链接点击次数 qiaolevip 每天进步一点点学习永无止境 mongodb 纵观千象
/* 18 */ { "_id" : ObjectId("5596414cbe4d73a327e50274"), "msgType" : "text", "sendTime" : ISODate("2015-07-03T08:01:16.000Z"
java术语（PO/POJO/VO/BO/DAO/DTO） Luob. DAO POJO DTO po VO BO
PO(persistant object) 持久对象在o/r 映射的时候出现的概念,如果没有o/r映射,就没有这个概念存在了.通常对应数据模型(数据库),本身还有部分业务逻辑的处理.可以看成是与数据库中的表相映射的java对象.最简单的PO就是对应数据库中某个表中的一条记录,多个记录可以用PO的集合.PO中应该不包含任何对数据库的操作. VO(value object) 值对象通
算法复杂度 Wuaner Algorithm
Time Complexity & Big-O： http://stackoverflow.com/questions/487258/plain-english-explanation-of-big-o http://bigocheatsheet.com/ http://www.sitepoint.com/time-complexity-algorithms/

按字母分类： A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 其他