左手的月光
左手的月光

嵌入式必备的WEB知识

写在前面

嵌入式要学习Wed前端吗？答案是要的，不需要深入学习，只需要简单了解即可。为什么要学习？
原因如下：

  1. 可以远程控制和管理设备：通过简单的Web知识，嵌入式系统可以建立Web界面，使得用户可以通过浏览器进行远程控制和管理设备，无需直接连接物理接口。

  2. 显示和呈现数据：Web技术可以用于创建图形用户界面(GUI)，从而展示和呈现嵌入式系统中收集的数据，让用户能够直观地看到和理解设备所采集的数据。

  3. 与其他系统进行通信：Web技术通常通过各种通信协议与其他系统或设备进行通信，如使用Websockets。这使得嵌入式系统可以轻松地与其他系统进行交互，实现更多更广泛的功能。

  4. 增加网络互联性：随着物联网的普及，越来越多的设备需要通过Internet进行连接和通信。学习Web知识可以帮助开发人员更好地了解和掌握网络互联性，为开发具有更广泛功能的嵌入式系统铺平道路。

相比嵌入式来说，Wed前端难度要简单一些。一名合格的嵌入式开发人员，对于前端的入门可能仅仅几天即可。为何不拿出几天时间来学习一下Wed呢？

一.HTML

1.简介

HTML（超文本标记语言）是一种用于创建和呈现网页的标记语言。它使用标签来描述网页的结构和内容，并通过这些标记告诉浏览器如何显示网页。HTML标签是由尖括号包围的关键词，如、、等。

HTML文档由一个根元素开始，其中包含和两个主要部分。部分用于指定文档的元数据，如标题、样式表和脚本。部分包含网页的实际内容，如文本、图像、链接等。

除了基本的文本内容，HTML还支持使用标签来创建标题、段落、列表、表格、表单以及嵌入多媒体内容（如图像和视频）。这些标签使得网页可以更好地组织和展示信息。

HTML是一种非常重要的技术，因为它是构建网页的基础。通过使用HTML，开发人员可以创建具有结构和样式的网页，并与用户进行交互。

2.标签格式

1）开始标签：尖括号包围的关键词，如。
2）结束标签：尖括号包围的关键词，前面有一个斜杠，如。
3）成对存在：通常开始标签和结束标签成对存在，开始标签用于标记元素的开始，结束标签用于标记元素的结束，如...。

在某些情况下，有些标签只有开始标签而没有结束标签，例如
用于表示换行，用于插入图像等。这些标签被称为单标签或空标签。

此外，还有一些标签可以在开始标签中直接关闭，而不需要单独的结束标签，例如标签：

这只适用于某些特定的标签，可以在相关的文档或教程中查找更多关于特定标签格式的信息。

3.常用标签

1）标题标签：

  • ：定义最高级标题，通常用于页面标题。

  • ：定义次级标题，通常用于页面主要部分的标题。

  • ：定义更小级别的标题，通常用于页面的子标题。

  • 、
    、
    ：依次定义更小级别的标题，用于更具层次感的标题。

举例：

<h1>这是标题标签h1>
<h2>这是标题标签h2>
<h3>这是标题标签h3>
<h4>这是标题标签h4>
<h5>这是标题标签h5>
<h6>这是标题标签h6>

2）换行标签：


  • ：用于在文本中插入一个换行符。

3）段落标签：

  • ：定义一个段落，浏览器会根据窗口大小自动换行。

举例：

<p>文本内容p>

4）块标签：

  • ：定义一个文档中的块级容器，常用于组织和布局页面的不同部分。可以嵌套其他标签，可以使用class或id来设置属性。

举例：

<div class="news"> 
   <h2>News headline 1h2>
   <p>some text. some text. some text...p>
div>

DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Documenttitle>
head>

<body>
    hello
    
    br>
    world
    
    <h1>标题一h1>
    
    <div style="color: cyan;background: darkgrey">
        <h2>标题二h2>
        
        <p>
            HTML（英文Hyper Text Markup Language的缩写）中文译为“超文本标记语言”。是用来描述网页的一种语言。
            所谓超文本，因为它可以加入图片、声音、动画、多媒体等内容，不仅如此，它还可以从一个文件跳转到另一个文件，与世界各地主机的文件连接。
            Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们。浏览器不会显示 HTML 标签，而是使用标签来解释页面的内容
        p>
    div>

body>

html>

5）表单标签
嵌入式必备的WEB知识_第1张图片

标签用于在表单中创建用户输入字段。

常见的属性有：

  • type：指定输入字段的类型。
  • name：指定输入字段的名称。
  • value：指定输入字段的默认值。
  • id：指定输入字段的唯一标识符。
  • onclick：指定在用户点击输入字段时触发的 JavaScript 函数。
  • checked：当使用类型为 radio 的输入字段时，指定默认选中状态。

下面是不同类型的 标签的用法和示例：

  • 文本输入框：

  • 单选框：

标签可以用于创建各种类型的用户输入字段，例如文本输入框和单选框等。它的属性可以根据需要进行设置，以满足表单的要求。

DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Documenttitle>
    <script>
        function fun(obj) {
            if (obj == 'man')
                console.log("i am man");
            else
                console.log("i am woman");
        }
        //点击按钮,在文本框显示一个字符串
        function get() {
            //v不是一个变量,有点类似于数组
            var v=document.getElementsByName("usrname");
            //v[0]第一个名字为usrname的标签
            //v[0].value = "hello";
            var xhr=new XMLHttpRequest();//创建对象
            var url="";
            xhr.open("post",url,true);
            xhr.onreadystatechange=function()//状态发生变化
            {
                if(xhr.readyState===4&&xhr.status===200)
                v[0].value = xhr.responseText;//响应正文
            }
            xhr.send("get");
        }

    script>
head>

<body>
    hello
    
    br>
    world
    
    <h1>标题一h1>
    
    <div style="color: cyan;background: darkgrey">
        <h2>标题二h2>
        
        <p>
            HTML（英文Hyper Text Markup Language的缩写）中文译为“超文本标记语言”。是用来描述网页的一种语言。
            所谓超文本，因为它可以加入图片、声音、动画、多媒体等内容，不仅如此，它还可以从一个文件跳转到另一个文件，与世界各地主机的文件连接。
            Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们。浏览器不会显示 HTML 标签，而是使用标签来解释页面的内容
        p>
    div>
    
    用户名:
    <input type="text" name="usrname" value="admin">
    <input type="button" name= "falsh" onclick="get()">
    <br>
    
    男:
    <input type="radio" name="sex" id="man" checked="checked" onclick="fun(id)">
    女:
    <input type="radio" name="sex" id="woman" onclick="fun(id)">

body>

html>

常用标签表格

标签 描述
定义HTML文档的根元素。
定义文档的头部。
定义文档的主体。

-

定义标题，数字表示级别。

定义一个段落。
定义一个链接。
定义一个图像。
定义一个无序列表。
定义一个有序列表。
    		• 定义列表项。
    定义一个表格。
    定义一个表格行。
    定义一个表头单元格。
    定义一个数据单元格。
    		定义一个表单。
    定义一个表单输入框。
    定义一个按钮。
    		定义一个容器。
    定义一小段行内文本。

    		定义换行。

    二.CSS层叠样式表

    1.CSS简介

    CSS（层叠样式表，Cascading Style Sheets）是一种用于描述网页上如何呈现元素的语言。它与HTML（超文本标记语言）一起被用于构建和设计网页。CSS 的主要目的是为网页提供样式和布局，使网页内容具有更好的可读性、可访问性和用户体验。

    通过CSS，你可以控制网页上元素的外观，包括文本样式、字体、颜色、间距、边框、背景等等。CSS 通过选择器选中要应用样式的元素，并使用属性和值来定义样式。

    CSS 的样式规则以选择器和声明块组成。选择器定义你要选择的元素，而声明块由一系列属性-值对组成，用于定义所选元素的样式。

    CSS 是一种声明性语言，意味着你只需要描述所需的样式，而不需要关心实际的实现方式。浏览器会根据 CSS 规则自动应用样式。

    除了可以直接在HTML文档中使用内联样式，CSS 还可以通过内部样式表或者外部样式表进行引用。内部样式表位于

    1. 选择器：要修饰的对象（东西）
    2. 属性名：修饰对象的哪一个属性（样式）
    3. 属性值：样式的取值

    3.CSS常用属性

    1. font-size：设置文本大小
    p {
  font-size: 16px;
}

    上面的代码将设置所有

    元素的字体大小为 16px。

    1. color：设置文本颜色
    p {
  color: #333;
}

    上面的代码将设置所有

    元素的文本颜色为 #333。

    1. background-color：设置背景颜色
    body {
  background-color: #f5f5f5;
}

    上面的代码将设置整个页面的背景颜色为 #f5f5f5。

    1. border：设置边框
    div {
  border: 1px solid #ccc;
}

    上面的代码将在所有

    元素周围创建1像素宽的灰色实线边框。

    1. margin：设置外边距
    h1 {
  margin-top: 20px;
  margin-bottom: 10px;
}

    上面的代码将设置

    元素的上外边距为 20px，下外边距为 10px。

    1. width/height：设置元素宽度和高度
    img {
  width: 200px;
  height: 100px;
}

    上面的代码将设置所有图片的宽度为 200px，高度为 100px。

    三. JavaScript

    1.JavaScript简介

    JS，即 JavaScript，是一种用于在网页上添加交互功能的脚本语言。通过 JavaScript，你可以对网页中的元素进行操作、响应用户的事件、发送网络请求、处理数据等。

    JavaScript 是一种基于对象和事件驱动的语言。它在网页上操作 DOM（文档对象模型），可以修改元素的内容、样式、属性等。例如，你可以使用 JavaScript 来更改网页上的文本、创建或删除元素、动态更新样式。

    JavaScript 也提供了处理用户交互、响应事件的能力。你可以通过 JavaScript 来检测和响应按钮点击、鼠标移动、键盘输入等事件。通过添加事件处理程序，你可以执行特定的操作或触发其他功能。

    此外，JavaScript 还具有处理数据的能力。它提供了各种数据类型（例如字符串、数字、数组、对象等）和内置函数来处理和操作这些数据。你可以执行数学计算、字符串操作、数组操作等。

    通过 JavaScript，你还可以发送和接收网络请求。你可以使用 JavaScript 发起 AJAX 请求，从服务器获取数据，然后将其动态加载到网页上，实现异步更新和交互。

    总的来说，JavaScript 是一种用于在网页上添加交互功能的强大语言，使得网页能够响应用户的操作，处理数据，与服务器通信，为用户提供更丰富、动态的体验。

    2.JavaScript基本语法

    JavaScript 的基础语法包括以下几个方面：

    1. 变量声明：
      使用 var关键字声明一个变量。
    var name = "John";
    1. 数据类型：
      JavaScript 包含多种数据类型，例如字符串（string）、数字（number）、布尔值（boolean）、数组（array）、对象（object）等。
    var name = "John"; // 字符串
var age = 25; // 数字
var isMale = true; // 布尔值
var fruits = ["apple", "banana", "orange"]; // 数组
var person = { name: "John", age: 25 }; // 对象
    1. 运算符：
      JavaScript 提供了多种运算符，用于进行数学运算、逻辑运算等。
    var x = 5;
var y = 3;
var sum = x + y; // 相加运算
var isGreater = x > y; // 大于运算，返回布尔值
    1. 条件语句：
      使用 if...else 来执行条件判断。
    var age = 18;
if (age >= 18) {
  console.log("成年人");
} else {
  console.log("未成年人");
}
    1. 循环语句：
      使用 for、while 或 do...while 进行循环操作。
    for (var i = 0; i < 5; i++) {
  console.log(i);
}

var j = 0;
while (j < 5) {
  console.log(j);
  j++;
}

var k = 0;
do {
  console.log(k);
  k++;
} while (k < 5);
    1. 函数：
      使用 function 关键字定义一个函数。
    function sayHello(name) {
  console.log("Hello, " + name + "!");
}

sayHello("John"); // 调用函数，输出 "Hello, John!"

    3.javascript输入输出

    感谢您提供的信息。您列出的方法是常用的 JavaScript 语言中的几个方法，在浏览器环境中使用。

    1. alert(msg)：该方法在浏览器中弹出一个警示框，显示传入的消息 msg。
    alert("Hello World");
    1. console.log(msg)：该方法在浏览器的开发者工具控制台中打印输出信息 msg，用于调试和输出运行时的信息。
    console.log("Hello World");
    1. prompt(info)：该方法在浏览器中弹出一个输入框，显示传入的提示信息 info 并等待用户输入。用户输入的内容将作为该方法的返回值。
    var name = prompt("Please enter your name:");
console.log("Hello, " + name);

    需要注意的是，alert() 主要用于向用户显示消息，而 console.log() 主要用于在开发者工具控制台中输出调试信息。

    这些方法属于 JavaScript 语言的标准方法，并且在浏览器中提供。不同的环境（如 Node.js）可能具有不同的方法和工具来进行类似的操作。

    4.JavaScript书写位置

    JavaScript 可以写在 HTML 文件的不同位置，具体取决于需求和最佳实践。

    1. 内联脚本：可以直接在 HTML 元素的 onclick、onload 等事件属性内写入 JavaScript 代码，或者通过

    你可能感兴趣的:(前端,状态模式,嵌入式)

    • 1.计算机处理器架构+嵌入式处理器架构及知识 vv 啊 arm-linux学习linux系统架构
      目录一：x86-64处理器架构二：Intel80386处理器（i386）1.i3862.i686三：嵌入式Linux知识：1.MinGW2.GNU计划2.1GNU工具链概述此次只分享英特尔和ADM处理器有关于x86的架构，至于嵌入式处理器架构请查看https://en.wikipedia.org/wiki/List_of_ARM_processors一：x86-64处理器架构x86-64，也称为x
    • 【嵌入式模块】步进电机使用总结 记录无知岁月 #嵌入式设备嵌入式硬件步进电机
      关于本博客  此前上了一门课《自动控制元件》，但是由于学时有限，讲到步进电机就不讲了，留下了一个小遗憾，导致需要使用步进电机时就有点懵，于是找了一篇博客，链接在这里，推荐具有电机知识（如直流电机，异步电机等）的朋友看，如果完全不懂，建议先啃书。
    • 大前端-postcss安装使用指南 黑夜照亮前行的路 postcss
      PostCSS是一款强大的CSS处理工具，可以用来自动添加浏览器前缀、代码合并、代码压缩等，提升代码的可读性，并支持使用最新的CSS语法。以下是一份简化的PostCSS安装使用指南：一、安装PostCSS在你的项目目录中，通过npm（NodePackageManager）来安装PostCSS。打开命令行窗口，输入以下命令：bash复制代码npminstallpostcss--save-dev这将把
    • 谷歌浏览器驱动Chromedriver（114-120版本）文件以及驱动下载教程 pigerr杨 Pythonpythonchromedrivers
      ChromeDriver官方网站GitHub||GoogleChromeLabs/chrome-for-testingChromeDriver113-125_JSONChromeforTestingavailability123-125zip白月黑羽Python基础|进阶|Qt图形界面|Django|自动化测试|性能测试|JS语言|JS前端|原理与安装
    • 虚拟 DOM 的优缺点有哪些 咕噜签名分发 前端javascript开发语言
      虚拟DOM（VirtualDOM）技术作为现代前端开发中的重要组成部分，已经成为了众多流行前端框架的核心特性。它的引入为前端开发带来了诸多优势，同时也需要我们认真思考其潜在的考量。下面简单的介绍一下虚拟DOM技术的优势与缺点，深入探讨其在实际应用中的影响。提升性能虚拟DOM的最大优势之一是提升页面性能。通过比较前后两次虚拟DOM树的差异，最小化实际DOM操作，从而减少页面重渲染时的性能消耗。这种优
    • 3、JavaWeb-Ajax/Axios-前端工程化-Element 所谓远行Misnearch #JavaWeb前端ajaxelementuijava前端框架
      P34Ajax介绍Ajax:AsynchroousJavaScriptAndXML，异步的JS和XMLJS网页动作，XML一种标记语言，存储数据，作用：数据交换：通过Ajax给服务器发送请求，并获取服务器响应的数据异步交互：在不重新加载整个页面的情况下，与服务器交换数据并实现更新部分网页的技术，例如：搜索联想、用户名是否可用的校验等等。同步与异步：同步：服务器在处理中客户端要处于等待状态，输入域名
    • java实体中返回前端的double类型四舍五入（格式化） 婲落ヽ紅顏誶 java
      根据业务，需要通过后端给前端返回部分double类型的数值，一般需要保留两位小数，使用jackson转换对象packagecom.ruoyi.common.core.config;importcom.fasterxml.jackson.core.JsonGenerator;importcom.fasterxml.jackson.databind.JsonSerializer;importcom.f
    • Django forms组件 在飞行-米龙 Djangodjangopython后端
      【一】引入【1】实现登陆验证功能（1）需求分析登陆验证需要前后端交互，采用form表单提交数据对数据进行校验用户名必须以英文大写字母开头密码必须大于三位数反馈给用户错误的信息除了反馈错误的信息还有保留原始输入内容（2）后端代码使用user_info_dict字典每次刷新存储存储前端发送的信息存储后端进行验证的信息defhome(request):#每次后刷新这个信息字典user_info_dict
    • Web前端Html的表单 任家伟 前端html
      表单的关键字：form标签表示一个表单区域action=“后端地址”method=“提交数据方式:get/post”input单行输入框type=“text”文本name=“定义名称名字自定义”向后端提交的键readonly=“readonly”只读，不可修改，但是可以提交disabled=“disabled”禁用组件不可修改，不能提交type=“password”密码框type=“radio”单
    • Thinkphp - 详细实现网站系统登录功能，附带 Mysql 数据库设置、Web 前端展示界面、信息校验等（详细代码，即设计过程） 王佳斌 +Thinkphpmysql前端数据库
      前言登录功能，是我们几乎开发每个系统都必须的模块。登录功能设计思路，主要包括几个方面。用户输入网址展示登录页面用户输入用户名，密码等点击登录进行信息校验校验通过之后，记录用户登录信息，跳转指定页面用户校验失败，提示失败信息页面目录具体功能实现为了快速搭建可用、美观的页面，我们采用一个比较成熟的前端框架Bootstrap。下面我们到Bootstrap的官网Bootsrap官网下载bootstrap。
    • 程序员开发技术整理 laizhixue 学习前端框架
      前端技术：vue-前端框架element-前端框架bootstrap-前端框架echarts-图标组件C#后端技术：webservice：soap架构：简单的通信协议，用于服务通信ORM框架：对象关系映射，如EF：对象实体模型，是ado.net中的应用技术soap服务通讯：xml通讯ado.net：OAuth2:登录授权认证：Token认证：JWT：jsonwebtokenJava后端技术：便捷工
    • 【前端学习——js篇】7.函数缓存 笔下无竹墨下有鱼 前端学习前端学习javascript
      具体见：https://github.com/febobo/web-interview7.函数缓存函数缓存，就是将函数运算过的结果进行缓存本质上就是用空间（缓存存储）换时间（计算过程）常用于缓存数据计算结果和缓存对象。其实现主要通过闭包、柯里化和高阶函数。下面主要介绍下柯里化：①柯里化柯里化（currying)是一种函数式编程的概念，指的是将一个带有多个参数的函数转换成一系列只接受一个参数的函数的
    • Websocket服务监听收发消息 beiback Java服务器问题websocket网络协议网络
      目录1.pom依赖坐标2.项目配置端口和项目包名2.创建处理器3.注册处理器4.前端页面1.pom依赖坐标org.springframework.bootspring-boot-starter-websocket2.项目配置端口和项目包名application.propertiesserver.port=8088//路径规范：为应用的所有servlet提供一个统一的前缀，使URL结构更加清晰和一致
    • Netty服务器结合WebSocke协议监听和接收数据 beiback 服务器问题Java服务器运维netty
      目录1.pom依赖2.配置属性3.创建netty服务器4.建立监听和响应5.创建启动器6.前端static下页面7.前端js8.注意异常问题9.创建netty服务器--使用守护线程1.pom依赖io.nettynetty-all4.1.86.Final2.配置属性application.properties#启动端口server.port=8088server.servlet.context-pa
    • 基于SSM+Vue企业销售培训系统 企业人才培训系统 企业课程培训管理系统 企业文化培训班系统Java 计算机程序老哥
      作者主页：计算机毕业设计老哥有问题可以主页问我一、开发介绍1.1开发环境开发语言：Java数据库：MySQL系统架构：B/S后端：SSM(Spring+SpringMVC+Mybatis)前端：Vue工具：IDEA或者Eclipse，JDK1.8，Maven二、系统介绍2.1图片展示注册登录页面：登陆.png前端页面功能：首页、培训班、在线学习、企业文化、交流论坛、试卷列表、系统公告、留言反馈、个
    • javascript实现SM2加密解密 人生在勤，不索何获 javascript前端jquery
      前提JavaWeb环境前端代码window.sm2=function(t){functioni(e){if(r[e])returnr[e].exports;varn=r[e]={i:e,l:!1,exports:{}};returnt[e].call(n.exports,n,n.exports,i),n.l=!0,n.exports}varr={};returni.m=t,i.c=r,i.d=fu
    • 前端埋点解决方案 zhu_zhu_xia 前端
      一、前言：基于神策数据的前端埋点解决方案JavaScript快速使用·神策分析使用手册[预览版]二、sdkgitlab下载地址https://github.com/sensorsdata/sa-sdk-javascript/releases或者npm安装npmisa-sdk-javascript三、入门3.1接入sdk以及配置(version1.17.2)，入口文件接入sdk以及添加配置(func
    • 如何提出令人爱回答的好问题？ 兮若耶
      我们经常会遇到这样的问题，如我适合做什么？这个名词怎么解释？大部分人面对这样的问题时，要么答非所问，要么无从下手。现在的很多事物都是速成的，只是好的问题并没有那么容易被提出来。而提不好的问题，可能会拿不到想要的信息等等。所以提出一个好问题很重要。01提问的功能我们参加各种聚会、会议时，能听到很多的比喻和新观点，而这些是在书上和网上找不到的。这些新的有用的东西，都在前端被实践着，暂时来不及把知识系统
    • 谈谈对前端性能监控的理解和实践 Layla_c webjavepython前端
      一、谈谈对前端性能监控的理解和实践前端性能监控是确保网页或应用高效、稳定运行的关键环节，它涉及对前端页面加载速度、资源消耗、错误率等指标的实时监控和预警。通过前端性能监控，开发者和运维团队能够及时发现并解决性能瓶颈，从而提升用户体验和系统稳定性。理解前端性能监控，首先要明确其重要性。在移动互联网时代，用户对网页和应用的响应速度有着极高的要求。如果页面加载缓慢或出现卡顿，用户可能会选择离开，这对企业
    • mineadmin使用docker启动方式 qq_38812523 dockerphp容器
      找个目录,git下来mineadmin代码,在根目录,创建文件名docker-compose.yml然后复制下面代码version:'3'services:#首先下载前端，https://gitee.com/mineadmin/mineadmin-vue#在后端根目录建立mine-ui目录，把前端文件复制过来。#容器内访问宿主机的地址用：host.docker.internal#宿主机也可以在ho
    • 为什么需要使用版本控制工具（如Git）？它如何帮助管理前端开发项目？ 智伴科技 git
      版本控制工具（如Git）在前端开发项目中扮演着重要的角色，主要有以下几方面的作用：1.**版本管理**：版本控制工具可以帮助开发团队管理项目的不同版本，记录每次代码变动的历史记录，方便追踪和回溯。开发人员可以通过版本控制工具轻松地查看、对比和恢复以前的版本。2.**协同合作**：多人开发同一个项目时，版本控制工具可以协助团队成员协同工作，避免代码冲突、重复工作和混乱。开发人员可以通过版本控制工具共
    • 低代码与前端开发架构：重塑软件开发的未来 快乐非自愿 低代码架构前端
      随着技术的不断进步和数字化转型的深入，软件开发领域正经历着一场革命性的变革。在这场变革中，低代码开发平台和前端开发架构扮演着越来越重要的角色。本文将探讨低代码与前端开发架构之间的关系，并分析它们如何共同推动软件开发的创新与发展。低代码开发平台的崛起低代码开发平台（Low-CodeDevelopmentPlatform,LCDP）是一种新型的软件开发方式，它允许开发者通过图形化界面、预构建的模块和模
    • 【设计模式】Java 设计模式之状态模式（State） 新手村长 Java设计模式设计模式java状态模式
      深入理解状态模式（State）一、概述状态模式是一种行为设计模式，它允许一个对象在其内部状态改变时改变它的行为。对象看起来好像修改了它的类。状态模式把所有的与一个特定的状态相关的行为放到一个类中，并且将请求委托给当前状态对象来执行。在状态模式中，我们创建表示各种状态的对象和一个行为随状态对象改变而改变的Context对象。二、模式结构状态模式主要包含三个角色：Context（环境类）角色：定义客户
    • 接口测试之测试原则、测试用例、测试流程...... 程序员老鹰 测试工具功能测试测试用例测试覆盖率系统安全
      一、接口的介绍软件测试中，常说的接口有两种：图形用户接口（GUI，人与程序的接口）、应用程序编程接口（API）。接口（API）是系统与系统之间，模块与模块之间或者服务与服务之间相互调用的入口。它的本质：其实就是一种约定，在开发前期，我们约定接口会接收什么数据；在处理完成后，它又会返回什么数据。开发岗位分为前端和后端，他们相互配合完成工作，会协商接口的定义方法。一般后端定义接口，前端调用接口。前后端
    • 【前端】CommonJS和ES Module Lucky小维 前端前端
      区别语法差异：CommonJS：使用require()导入模块，使用module.exports或exports导出模块。ESModule：使用import导入模块，使用export导出模块。编译时vs运行时：CommonJS是在运行时加载模块，模块代码是动态执行的。ESModule是在编译时静态解析模块依赖关系，以便更好地进行优化和静态分析。异步加载：CommonJS不支持异步加载模块，只能同步
    • 基于python+vue高校毕业生离校管理系统flask-django-php-nodejs QQ511008285 pythonvue.jsflaskdjangonode.jsphp
      课题主要采用Uni-weixin、django架构技术，前端以小程序页面呈现给用户，结合后台java语言使页面更加完善，后台使用MySQL数据库进行数据存储。微信小程序主要包括学生、教务人员、宿管员、图书管理员、财务人员、离校申请、物流信息、钥匙归还、图片归还、欠费信息、催缴信息等功能，从而实现智能化的管理方式，提高工作效率。关键字：高校毕业生离校管理系统；django框架；MySQL数据库语言：
    • Vue项目使用process.env关键字及Vue.config.js配置解决前端跨域问题 百思不得小李 JS实战记录vue2实战记录javascript前端vue.js
      1.process.env是Node.js中的一个环境1.打开命令行查看环境：2.process.env与VueCLI项目VueCli有以下三种运行模式development模式用于vue-cli-serviceservetest模式用于vue-cli-servicetest:unitproduction模式用于vue-cli-servicebuild和vue-cli-servicetest:e2
    • 浅谈前端路由history和hash的理解 怂怂敲代码 前端哈希算法算法
      hash和history在前端面试中是很常考的一道题目，可能很多人对于history和hash的理解差异性就是，他们两者的url字段一个没有#号一个有#号，但是有没有想过为什么这样呢，有无#号又有什么差异呢，这篇文章谈一谈我对前端路由history和hash的理解。hash和history都可以用于前后端分离项目，且两者有各自的特点和各自的使用场景。一、前端路由原理1、SPASPA，即单页面应用(
    • Yarn 管理的前端项目转换为使用 npm 577wq node.js前端npmnode.js
      如果你想将一个使用Yarn管理的前端项目转换为使用npm，你需要执行一些步骤来确保成功迁移。以下是一种可能的方法：步骤：备份项目：在执行任何更改之前，确保你对项目进行了备份。这样可以防止意外的数据丢失。删除yarn.lock文件：在项目根目录中，删除yarn.lock文件。这个文件记录了使用Yarn安装的确切的依赖版本信息。修改package.json文件：打开项目的package.json文件，
    • accessToken 星梦清河 javaspringboot经验分享redis
      1、介绍accessToken，通常是用于身份验证和授权的令牌,它可以用于前端和后端，具体使用方式取决于应用程序的架构和需求。前端应用accessToken通常用于向后端API发送请求时进行身份验证和授权。（1）前端应用程序会在用户登录成功后获取accessToken；（2）并将accessToken存储在本地;（3）然后在每次请求API时，将accessToken作为请求头或参数发送给后端；（4
    • log4j对象改变日志级别 3213213333332132 javalog4jlevellog4j对象名称日志级别
      log4j对象改变日志级别可批量的改变所有级别，或是根据条件改变日志级别。 log4j配置文件： log4j.rootLogger=ERROR,FILE,CONSOLE,EXECPTION #log4j.appender.FILE=org.apache.log4j.RollingFileAppender log4j.appender.FILE=org.apache.l
    • elk+redis 搭建nginx日志分析平台 ronin47 elasticsearchkibanalogstash
                   elk+redis 搭建nginx日志分析平台 logstash,elasticsearch,kibana 怎么进行nginx的日志分析呢？首先，架构方面，nginx是有日志文件的，它的每个请求的状态等都有日志文件进行记录。其次，需要有个队 列，redis的l
    • Yii2设置时区 dcj3sjt126com PHPtimezoneyii2
      时区这东西，在开发的时候，你说重要吧，也还好，毕竟没它也能正常运行，你说不重要吧，那就纠结了。特别是linux系统，都TMD差上几小时，你能不痛苦吗？win还好一点。有一些常规方法，是大家目前都在采用的1、php.ini中的设置，这个就不谈了，2、程序中公用文件里设置，date_default_timezone_set一下时区3、或者。。。自己写时间处理函数，在遇到时间的时候，用这个函数处理（比较
    • js实现前台动态添加文本框，后台获取文本框内容 171815164 文本框
      <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w
    • 持续集成工具 g21121 持续集成
              持续集成是什么？我们为什么需要持续集成？持续集成带来的好处是什么？什么样的项目需要持续集成？...        持续集成(Continuous integration ,简称CI)，所谓集成可以理解为将互相依赖的工程或模块合并成一个能单独运行
    • 数据结构哈希表(hash)总结 永夜-极光 数据结构
      1.什么是hash 来源于百度百科: Hash，一般翻译做“散列”，也有直接音译为“哈希”的，就是把任意长度的输入，通过散列算法，变换成固定长度的输出，该输出就是散列值。这种转换是一种压缩映射，也就是，散列值的空间通常远小于输入的空间，不同的输入可能会散列成相同的输出，所以不可能从散列值来唯一的确定输入值。简单的说就是一种将任意长度的消息压缩到某一固定长度的消息摘要的函数。  
    • 乱七八糟 程序员是怎么炼成的
      eclipse中的jvm字节码查看插件地址： http://andrei.gmxhome.de/eclipse/ 安装该地址的outline 插件  后重启，打开window下的view下的bytecode视图 http://andrei.gmxhome.de/eclipse/   jvm博客： http://yunshen0909.iteye.com/blog/2
    • 职场人伤害了“上司” 怎样弥补 aijuans 职场
      由于工作中的失误，或者平时不注意自己的言行“伤害”、“得罪”了自己的上司，怎么办呢？ 　　在职业生涯中这种问题尽量不要发生。下面提供了一些解决问题的建议： 　　一、利用一些轻松的场合表示对他的尊重 　　即使是开明的上司也很注重自己的权威，都希望得到下属的尊重，所以当你与上司冲突后，最好让不愉快成为过去，你不妨在一些轻松的场合，比如会餐、联谊活动等，向上司问个好，敬下酒，表示你对对方的尊重，
    • 深入浅出url编码 antonyup_2006 应用服务器浏览器servletweblogicIE
      出处：http://blog.csdn.net/yzhz  杨争   http://blog.csdn.net/yzhz/archive/2007/07/03/1676796.aspx 一、问题：         编码问题是JAVA初学者在web开发过程中经常会遇到问题，网上也有大量相关的
    • 建表后创建表的约束关系和增加表的字段 百合不是茶 标的约束关系增加表的字段
        下面所有的操作都是在表建立后操作的,主要目的就是熟悉sql的约束,约束语句的万能公式   1,增加字段(student表中增加 姓名字段)   alter table 增加字段的表名 add 增加的字段名 增加字段的数据类型 alter table student add name varchar2(10);   &nb
    • Uploadify 3.2 参数属性、事件、方法函数详解 bijian1013 JavaScriptuploadify
      一.属性 属性名称 默认值 说明 auto true 设置为true当选择文件后就直接上传了，为false需要点击上传按钮才上传。 buttonClass ” 按钮样式 buttonCursor ‘hand’ 鼠标指针悬停在按钮上的样子 buttonImage null 浏览按钮的图片的路
    • 精通Oracle10编程SQL(16)使用LOB对象 bijian1013 oracle数据库plsql
      /* *使用LOB对象 */ --LOB(Large Object)是专门用于处理大对象的一种数据类型，其所存放的数据长度可以达到4G字节 --CLOB/NCLOB用于存储大批量字符数据，BLOB用于存储大批量二进制数据，而BFILE则存储着指向OS文件的指针 /* *综合实例 */ --建立表空间 --#指定区尺寸为128k,如不指定，区尺寸默认为64k CR
    • 【Resin一】Resin服务器部署web应用 bit1129 resin
      工作中，在Resin服务器上部署web应用，通常有如下三种方式：   配置多个web-app 配置多个http id 为每个应用配置一个propeties、xml以及sh脚本文件 配置多个web-app   在resin.xml中,可以为一个host配置多个web-app   <cluster id="app&q
    • red5简介及基础知识 白糖_ 基础
        简介   Red5的主要功能和Macromedia公司的FMS类似，提供基于Flash的流媒体服务的一款基于Java的开源流媒体服务器。它由Java语言编写，使用RTMP作为流媒体传输协议，这与FMS完全兼容。它具有流化FLV、MP3文件，实时录制客户端流为FLV文件，共享对象，实时视频播放、Remoting等功能。用Red5替换FMS后,客户端不用更改可正
    • angular.fromJson boyitech AngularJSAngularJS 官方APIAngularJS API
      angular.fromJson 描述: 把Json字符串转为对象 使用方法: angular.fromJson(json); 参数详解: Param Type Details json string JSON 字符串 返回值: 对象, 数组, 字符串 或者是一个数字 示例: <!DOCTYPE HTML> <h
    • java-颠倒一个句子中的词的顺序。比如： I am a student颠倒后变成：student a am I bylijinnan java
      public class ReverseWords { /** * 题目：颠倒一个句子中的词的顺序。比如： I am a student颠倒后变成：student a am I.词以空格分隔。 * 要求： * 1.实现速度最快,移动最少 * 2.不能使用String的方法如split,indexOf等等。 * 解答：两次翻转。 */ publ
    • web实时通讯 Chen.H Web浏览器socket脚本
      关于web实时通讯，做一些监控软件。 由web服务器组件从消息服务器订阅实时数据，并建立消息服务器到所述web服务器之间的连接，web浏览器利用从所述web服务器下载到web页面的客户端代理与web服务器组件之间的socket连接，建立web浏览器与web服务器之间的持久连接；利用所述客户端代理与web浏览器页面之间的信息交互实现页面本地更新，建立一条从消息服务器到web浏览器页面之间的消息通路
    • [基因与生物]远古生物的基因可以嫁接到现代生物基因组中吗? comsci 生物
            大家仅仅把我说的事情当作一个IT行业的笑话来听吧..没有其它更多的意思     如果我们把大自然看成是一位伟大的程序员,专门为地球上的生态系统编制基因代码,并创造出各种不同的生物来,那么6500万年前的程序员开发的代码,是否兼容现代派的程序员的代码和架构呢?   
    • oracle 外部表 daizj oracle外部表external tables
          oracle外部表是只允许只读访问，不能进行DML操作，不能创建索引，可以对外部表进行的查询，连接，排序，创建视图和创建同义词操作。 you can select, join, or sort external table data. You can also create views and synonyms for external tables. Ho
    • aop相关的概念及配置 daysinsun AOP
      切面(Aspect): 通常在目标方法执行前后需要执行的方法（如事务、日志、权限），这些方法我们封装到一个类里面，这个类就叫切面。 连接点（joinpoint） spring里面的连接点指需要切入的方法，通常这个joinpoint可以作为一个参数传入到切面的方法里面（非常有用的一个东西）。 通知（Advice） 通知就是切面里面方法的具体实现，分为前置、后置、最终、异常环
    • 初一上学期难记忆单词背诵第二课 dcj3sjt126com englishword
      middle 中间的，中级的 well 喔，那么；好吧 phone 电话，电话机 policeman 警察 ask 问 take 拿到；带到 address 地址 glad 高兴的，乐意的 why 为什么  China 中国 family 家庭 grandmother (外)祖母 grandfather (外)祖父 wife 妻子 husband 丈夫 da
    • Linux日志分析常用命令 dcj3sjt126com linuxlog
      1.查看文件内容 cat -n 显示行号 2.分页显示 more Enter 显示下一行 空格 显示下一页 F 显示下一屏 B 显示上一屏 less /get 查询"get"字符串并高亮显示 3.显示文件尾 tail -f 不退出持续显示 -n 显示文件最后n行 4.显示头文件 head -n 显示文件开始n行 5.内容排序 sort -n 按照
    • JSONP 原理分析 fantasy2005 JavaScriptjsonpjsonp 跨域
      转自 http://www.nowamagic.net/librarys/veda/detail/224 JavaScript是一种在Web开发中经常使用的前端动态脚本技术。在JavaScript中，有一个很重要的安全性限制，被称为“Same-Origin Policy”（同源策略）。这一策略对于JavaScript代码能够访问的页面内容做了很重要的限制，即JavaScript只能访问与包含它的
    • 使用connect by进行级联查询 234390216 oracle查询父子Connect by级联
      使用connect by进行级联查询          connect by可以用于级联查询，常用于对具有树状结构的记录查询某一节点的所有子孙节点或所有祖辈节点。          来看一个示例，现假设我们拥有一个菜单表t_menu，其中只有三个字段：
    • 一个不错的能将HTML表格导出为excel,pdf等的jquery插件 jackyrong jquery插件
      发现一个老外写的不错的jquery插件，可以实现将HTML 表格导出为excel,pdf等格式， 地址在： https://github.com/kayalshri/ 下面看个例子，实现导出表格到excel,pdf <html> <head> <title>Export html table to excel an
    • UI设计中我们为什么需要设计动效 lampcy UIUI设计
      关于Unity3D中的Shader的知识 首先先解释下Unity3D的Shader，Unity里面的Shaders是使用一种叫ShaderLab的语言编写的，它同微软的FX文件或者NVIDIA的CgFX有些类似。传统意义上的vertex shader和pixel shader还是使用标准的Cg/HLSL 编程语言编写的。因此Unity文档里面的Shader，都是指用ShaderLab编写的代码，
    • 如何禁止页面缓存 nannan408 htmljspcache
      禁止页面使用缓存~ ------------------------------------------------ jsp:页面no cache： response.setHeader("Pragma","No-cache"); response.setHeader("Cache-Control","no-cach
    • 以代码的方式管理quartz定时任务的暂停、重启、删除、添加等 Everyday都不同 定时任务管理spring-quartz
            【前言】在项目的管理功能中，对定时任务的管理有时会很常见。因为我们不能指望只在配置文件中配置好定时任务就行了，因为如果要控制定时任务的 “暂停” 呢？暂停之后又要在某个时间点 “重启” 该定时任务呢？或者说直接 “删除” 该定时任务呢？要改变某定时任务的触发时间呢？ “添加” 一个定时任务对于系统的使用者而言，是不太现实的，因为一个定时任务的处理逻辑他是不
    • EXT实例 tntxia ext
        （1） 增加一个按钮   JSP:   <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); Stri
    • 数学学习在计算机研究领域的作用和重要性 xjnine Math
      最近一直有师弟师妹和朋友问我数学和研究的关系，研一要去学什么数学课。毕竟在清华，衡量一个研究生最重要的指标之一就是paper,而没有数学，是肯定上不了世界顶级的期刊和会议的，这在计算机学界尤其重要！你会发现，不论哪个领域有价值的东西，都一定离不开数学！在这样一个信息时代，当google已经让世界没有秘密的时候，一种卓越的数学思维，绝对可以成为你的核心竞争力.  无奈本人实在见地