阿达斯加
阿达斯加

【Web前端学习笔记】第三章 JavaScript常见使用方法

【Web前端学习笔记】第三章 JavaScript常见使用方法

文章目录

  • 【Web前端学习笔记】第三章 JavaScript常见使用方法
    • 前言
    • 一、JavaScript是什么？
    • 二、JavaScript特点
    • 三、 JavaScript常见使用方法
        • 变量
        • 数据类型
        • 运算符
        • 各种语句
        • 方法/函数
        • DOM 文档对象模型
        • NaN
        • JavaScript对象分类
        • BOM浏览器对象模型
        • DOM文档对象模型
      • 三、前端MVC设计模式
      • 四、Vue
    • 总结

前言

本文记录了JavaScript的一些常见使用方法，以及一些前端常用框架。

一、JavaScript是什么？

JavaScript（简称“JS”） 是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中，JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式、声明式、函数式编程范式。

二、JavaScript特点

1.作用：负责给页面添加动态效果
2.语言特点 :

  • 属于脚本语言(不需要编译直接由浏览器解析执行)

  • 基于面向对象

  • 属于弱类型语言

3.三种引入方式 :

  • 内联: 在标签的事件属性中添加js代码 , 当事件触发时执行

    • 事件 : 就是浏览器窗口中发生的一些特定的交互瞬间

    • 点击事件 : 在用户点击元素时触发浏览器窗口中发生的一些特定的交互瞬间

  • 内部 : 在html页面中的任意位置添加script标签 , 标签体内写js代码

  • 外部 : 在单独的js文件中写js代码 , 然后在html页面中通过script标签的src属性引入到html页面

html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--内联:onclick点击事件  alert()弹出提示框-->
<input type="button" value="按钮" onclick="alert('按钮点击了!')">

<!--在内部引入JS-->
<script>
    /*在浏览器的控制台中输出*/
    console.log("内部引入成功!");
</script>

<!--引入外部JS文件,如果script标签引入了外部JS文件,则不能在标签体内写JS代码-->
<script src="my.js"></script>
</body>
</html>

三、 JavaScript常见使用方法

变量

  • JS属于弱类型语言
Java: String name="tom";  int age = 18;  age="abc"; //报错

JS: let name="tom";  let age = 18;   age="xyz"; //不报错

  • let和var关键字的区别 , 作用域不同

    • 使用let声明的变量 , 为一个局部变量

    • 使用var声明的变量 , 不管在什么位置声明 , 都相当于是一个全局变量

数据类型

  • JavaScript中只有引用类型(对象类型)
  • 常见的对象类型 :
    • number : 数值类型 , 相当于Java中所有数值类型的总和
    • String : 字符串 , 可以用单引号或双引号修饰 : ‘tom’ , “tom”
    • boolean : 布尔值 , true/false
    • undefined : 未定义 ,当变量只声明不赋值时 , 变量的类型为未定义
  • 获取变量类型的方式 : typeof 变量

运算符

  • 算术运算符: + - * / %, JS除法会自动根据结果转换整数还是小数

    - Java : int x = 5;  int y = 2;  x / y = 2;
- JS : let x = 5; let y = 2;  x / y = 2.5;

  • 关系运算符: > < >= <= != == 和 ===

    • == : 先统一等号两边的类型,再比较值 : “666” == 666 true
    • === : 先比较类型,类型相同之后再比较值 : “666”===666 false

  • 逻辑运算符 : && || !

  • 三目运算符 : 条件 ? 值1 : 值2

  • 赋值运算符: = += -= *= /= %= ++ –

各种语句

  • if else
  • while
  • do while
  • for
  • switch case

方法/函数

  • Java : public 返回值类型 方法名(参数列表) { 方法体 }

  • JS : function 方法名(参数列表) { 方法体 }

  • 常见的四种方法:

    • 无参无返回值
    • 无参有返回值
    • 有参无返回值
    • 有参有返回值

  • 声明方法的三种方式 :

    1. function 方法名(参数列表) { 方法体 }
    2. let 方法名 = function(参数列表) { 方法体 }
    3. let 方法名 = new Function(“参数1”,“参数2”,“方法体”);
DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
head>
<body>
<script>
    //1.无参无返回
    function f1() {
      console.log("f1");
    }
    //调用
    f1();
    //2.有参无返回值
    function f2(name,age) {
        console.log(name+":"+age);
    }
    f2("孙尚香",50);
    //3.无参有返回值
    function f3() {
      return "我是返回值!";
    }
    //接收返回值
    let info = f3();
    console.log(info);
    //4.有参有返回值
    function f4(x,y) {
        return x*y;
    }
    let result = f4(8,9);
    console.log(result);

    //第二种声明方法的方式
    let f5 = function (name,age) {
      console.log(name+":"+age);
    }
    f5("刘备",70);

    //第三种声明方法的方式
    let f6 = new Function("name","age","console.log(name+':'+age)");
    f6("吕布",40);
script>
body>
html>

DOM 文档对象模型

和页面相关内容

  • 通过元素的id获取元素对象
    • let 元素对象 = document.getElementById(“元素id”);
  • 通过CSS中接触到的选择器获取元素对象
    • let 元素对象 = document.querySelector(“选择器”);
  • 获取和修改元素的文本内容
    • 元素对象.innerText; //获取
    • 元素对象.innerText=“xxx”; //修改
  • 获取和修改表单中的控件的值
    • 控件.value; //获取
    • 控件.value=“xxx”; //修改
DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
head>
<body>
<div>这是divdiv>
<input type="text" id="i1">
<input type="button" value="点一下" onclick="f()">
<script>
    function f() {
        //得到文本框和div
        let d = document.querySelector("div");
        let i = document.querySelector("#i1");
        //取出文本框的值并赋值给div
        d.innerText = i.value;
    }
script>
body>
html>

NaN

  • Not a Number: 不是一个数
  • isNaN(x) 判断变量是否是NaN

JavaScript对象分类

  • 内置对象 : 包括String , number , boolean等

  • BOM : Browser Object Model , 浏览器对象模型 , 包括和浏览器相关的内容

  • DOM : Document Object Model , 文档对象模型 , 包括和页面标签相关的内容

BOM浏览器对象模型

  • window: 此对象里面的属性和方法称为全局的属性和方法,访问时可以省略掉window.

  • window中常见的方法:

    • alert(“xxx”)弹出提示框

    • confirm(“xxx”) 弹出确认框

    • prompt(“xxx”) 弹出文本框

    • isNaN(x) 判断变量是否是NaN

    • parseInt()和parseFloat() 把字符串转成整数或小数

    • console.log() 控制台输出

    • let timer = setInterval(方法,时间间隔) 开启定时器

    • clearInterval(timer) 停止定时器

    • setTimeout(方法,时间间隔) 开启只执行一次的定时器

  • window对象中常见的属性

    • location位置

      • location.href 获取和修改浏览器的请求地址

      • location.reload() 刷新页面

    • history历史

      • history.length 获取历史页面数量

      • history.back() 返回上一页面

      • history.forward() 前往下一页面

      • history.go(n) n=1是前往下1页面 n=-1 返回上一页面 n=2 前往下2个页面 n=0代表刷新

DOM文档对象模型

包含和页面元素相关的内容

  1. 通过选择器获取页面中的元素对象

    let 元素对象 = document.querySelector(“选择器”)

  2. 获取和修改元素的文本内容

    元素对象.innerText = “xxx”; 修改文本内容

    元素对象.innerText 获取文本内容

  3. 获取和修改input控件的值

    控件对象.value=“xxx”; 修改

    控件对象.value 获取

  4. 创建元素对象

    let 元素对象 = document.createElement(“标签名”);

  5. 添加元素对象到某个元素里面

    document.body.appendChild(元素对象);

    父元素.appendChild(元素对象);

    父元素.append(元素对象,元素对象,元素对象);

三、前端MVC设计模式

  • MVC设计模式 , 其实就是将前端实现某个业务的所有代码划分为三部分
    • Model : 模型 , 指数据模型 , 这个数据一般来自于服务器
    • View : 视图 , 指页面标签内容
    • Controller : 控制器 , 指将数据展示到视图中的过程代码
  • 前端MVC设计模式弊端 : 需要在Controller控制器部分频繁进行DOM(遍历查找元素的代码)操作 , 会影响执行效率
  • M,V,VM设计模式
    • Model : 模型, 指数据模型 , 这个数据一般来自于服务器
    • View : 视图 , 指页面标签内容
    • ViewModel : 视图模型 , 将页面中可能发生改变的元素和某个变量在内存中进行绑定 , 当变量的值发生改变时会从内存中直接找到对应的元素让其改变

四、Vue

  • Vue框架是目前最流行的前端框架

    • 执行原理
      Vue对象相当于MVVM设计模式中的VM,负责将页面中可能发生变化的元素和变量进行绑定，绑定完之后会不断监听变量的改变，当变量值发生改变的时候会自动找到对应元素并修改其显示内容。

  • 使用方式：必须引用vue.js文件

    • 直接引用CDN服务器的vue框架
      • Staticfile CDN（国内） : https://cdn.staticfile.org/vue/2.2.2/vue.min.js
        unpkg：https://unpkg.com/[email protected]/dist/vue.min.js
        cdnjs : https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js
    • 将vue框架下载到本地导入项目中使用

在web中创建js目录,放入vue.js文件：

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
head>
<body>
<div id="app">
   <h1>{{info}}h1>
div>


<script src="../js/vue.js">script>
<script>
    let v = new Vue({
        el:"#app", /* 告诉vue对象管理的区域 */
        data:{
            info:"Hello Vue!"
        }
    })
    setTimeout(function () {
        v.info = "值改变了!";
    },3000);
script>
body>
html>

  • 相关指令

    • {{变量}} : 插值 , 让此处的文本内容和变量进行绑定

    • v-text=“变量”, 让元素的文本内容和变量进行绑定

    • v-html=“变量”, 让元素的html内容和变量进行绑定

    • v-bind : 属性名 = “变量”, 让元素的xxx属性和变量进行绑定 , 可以省略掉v-bind

    • v-model = “变量”, 双向绑定, 当变量的值发生改变页面会跟着改变 , 页面的内容改变时变量也会跟着改变 , 只有使用form表单中的控件时才会涉及到双向绑定.

    • v-on : 事件名=“方法”, 事件绑定 , 简写@事件名=“方法” , 调用的方法必须声明在Vue里面的methods里面

总结

本文介绍了JavaScript的特点，常见使用方法，以及前端的设计模型和常用框架。

你可能感兴趣的:(学习笔记,javascript,前端,学习)

  • 深入理解Vue中的Component：构建灵活且可复用的前端模块 Earth explosion 前端vue.jsjavascript
    在前端开发的世界里，随着应用程序的规模和复杂度不断增加，如何有效地组织和管理代码成为了一个关键问题。Vue.js作为一款流行的前端框架，通过其强大的组件系统为开发者提供了一种优雅且高效的解决方案。本文将深入探讨Vue中的Component（组件），包括其基本概念、创建方式、通信机制以及实际应用场景，帮助开发者更好地理解和运用这一核心特性。一、什么是Vue组件在Vue.js中，组件是可复用的Vue实
  • 【保姆级 HAL 库学习定时器】 CircuitWizard 单片机单片机嵌入式硬件
    以下以STM32的HAL库为例，针对定时器（Timer）的初始化函数进行逐行详解，以定时器基本配置（TIMBase）为例：示例代码（以TIM6为例）TIM_HandleTypeDefhtim6;//定时器句柄voidMX_TIM6_Init(void){TIM_MasterConfigTypeDefsMasterConfig={0};htim6.Instance=TIM6;//选择定时器TIM6h
  • PyTorch系列教程：编写高效模型训练流程 梦想画家 人工智能#pythonpytorch人工智能python
    当使用PyTorch开发机器学习模型时，建立一个有效的训练循环是至关重要的。这个过程包括组织和执行对数据、参数和计算资源的操作序列。让我们深入了解关键组件，并演示如何构建一个精细的训练循环流程，有效地处理数据处理，向前和向后传递以及参数更新。模型训练流程PyTorch训练循环流程通常包括：加载数据批量处理执行正向传播计算损失反向传播更新权重一个典型的训练流程将这些步骤合并到一个迭代过程中，在数据集
  • 新一代 AI 软件Manus 将重新将AI市场大洗牌 CircuitWizard 人工智能
    Manus是一家专注于手部追踪、虚拟现实（VR）和增强现实（AR）技术的公司，其新一代AI软件结合了先进的机器学习和计算机视觉技术，致力于提升人机交互的自然性和效率。以下是关于Manus新一代AI软件的详细介绍及其核心功能：1.核心技术与创新Manus的AI软件基于以下技术突破：高精度手部追踪：通过深度学习算法和摄像头/传感器数据，实时捕捉手部骨骼、关节和肌肉的细微动作，精度可达亚毫米级，支持复杂
  • 【自然语言处理-NLP】情感分析与主题建模 云博士的AI课堂 深度学习哈佛博后带你玩转机器学习自然语言处理人工智能情感分析主题建模深度学习机器学习NLP
    以下内容详细剖析了NLP中情感分析（SentimentAnalysis）和主题建模（TopicModeling）的技术与方法，分别展示如何从文本中提取情感倾向和潜在主题，并提供示例代码和讲解，可在Python环境下直接运行。目录情感分析（SentimentAnalysis）1.1概念与方法概览1.2传统机器学习方法1.3深度学习与预训练模型1.4代码示例：基于机器学习的情感分类主题建模（Topic
  • 服务端创建实战 - MCP协议（大模型上下文协议）快速入门 同学小张 人工智能gptAIGCDeepSeek学习开源协议MCP
    大家好，我是同学小张，+v:jasper_8017一起交流，持续学习AI大模型应用实战案例，持续分享，欢迎大家点赞+关注，订阅我的大模型专栏，共同学习和进步。在本文中，我们将从零到一构建一个简单的MCP天气服务器，从实践过程中，熟悉MCP协议的使用。1.MCP服务器介绍服务器提供专门的上下文和功能，通过MCP原语公开资源、工具和提示，独立运行，具有明确的职责，通过客户端接口请求采样，必须遵守安全约
  • 【AI大模型应用开发】从CoT到ToT，再到ReAct，提升大模型推理能力的方式探索（含代码） 同学小张 大模型人工智能AIGC笔记思维链思维树ReActgpt
    大家好，我是同学小张，持续学习C++进阶知识和AI大模型应用实战案例，持续分享，欢迎大家点赞+关注，共同学习和进步。今天我们主要学习下当下提高大模型推理能力的几个主要技术，从CoT（ChainofThought）到TOT（TreeofThought），再到ReAct。从概念到实现代码框架，一点点去理解这些思想背后的原理。文章目录1.CoT（ChainofThought，思维链）1.1基本使用1.2
  • 刚学习C++学习计划 李鲶鱼 c++python开发语言
    30天的C++学习计划，适合零基础的小白：第1周：基础语法与环境搭建目标：熟悉C++的基本语法，搭建开发环境。学习内容：安装IDE（如VisualStudioCode、CLion或Code::Blocks），配置C++环境。学习C++基础语法：变量、数据类型、运算符、控制结构（if语句、for循环、while循环）、函数定义与调用。编写第一个C++程序：“Hello,World!”，了解编译与运行
  • 搜广推校招面经三十八 Y1nhl 搜广推面经算法pytorch推荐算法搜索算法机器学习
    字节推荐算法一、场景题：在抖音场景下为用户推荐广告词，吸引用户点击搜索，呈现广告这一流程的关键点以及可能遇到的困难。二、Transformer中对梯度消失或者梯度爆炸的处理在Transformer模型中，梯度消失和梯度爆炸是深度学习中常见的问题，尤其是在处理长序列数据时。为了克服这些问题，Transformer采用了一系列技术：2.1.残差连接（ResidualConnections）每个子层（包
  • H5播放webrtc视频 视频处理html5
    一、简介WebRTC概念WebRTC是由Google主导的，由一组标准、协议和JavaScriptAPI组成，用于实现浏览器之间（端到端之间）的音频、视频及数据共享。WebRTC不需要安装任何插件，通过简单的JavaScriptAPI就可以使得实时通信变成一种标准功能。为什么使用webrtc现在各大浏览器以及终已经逐渐加大对WebRTC技术的支持。下图是webrtc官网给出的现在已经提供支持了的浏
  • H5播放HLS之videojs播放视频 视频播放器html5
    一、简介如果要让网页支持在所有浏览器上播放，就需要使用第三方的播放器。VideoJs是一个较好的播放器库，完全免费，不像JWPlayer一样需要付费才能使用一些高级功能。videojs播放库是比较有名的一个播放库，它不仅支持hls也支持rtmp，不过如果是播放rtmp它最终也是通过flash插件完成的，我们暂时只看hls。二、实现如果使用videojs播放hls前端代码实现如下：Title请升级您
  • Vue 3 组件库测试驱动开发 (TDD)：Jest + Vue Test Utils 单元测试实战 - 保障组件质量与长期维护性 Neo Evolution 前端学习vue.js驱动开发tdd前端框架单元测试笔记前端
    引言欢迎再次回到Vue3+现代前端工程化系列技术博客！在昨天的第八篇博客中，我们学习了如何利用Storybook自动化生成专业级的组件文档，极大地提升了组件库的可维护性和易用性。今天，我们将聚焦于组件库开发的质量保障环节，深入探讨Vue3组件的单元测试，并实践测试驱动开发(Test-DrivenDevelopment,TDD)理念，构建高质量、可长期维护的Vue组件库。在软件工程领域，测试是保证代
  • 嵌入式学习路线 TrustZone_ uboot嵌入式硬件单片机资料
    【干货分享】嵌入式学习路线公开！（书籍推荐+视频推荐+练手项目）-极术社区-连接开发者与智能计算生态哈喽，大家好，我是仲一。最近有小伙伴在微信私信我，如何学习嵌入式。一直想写一篇学习路线的文章，由于各种原因拖到了现在。趁着国庆节在家，终于肝完了这篇文章。我个人是从STM32转到驱动开发的，在研二的时候学习了韦东山老师的驱动开发的课程，转到了驱动开发的方向。下面就如何学习嵌入式说下我个人的看法。什么
  • 哪些人适合嵌入式学习？学习嵌入式的都是什么人？ VX13260562029 嵌入式ARM
    对于嵌入式，笔者研究十来年了。今天我们不讲嵌入式多好多好之类，也不讲技术本身有什么优劣势未来如何发展，我们就讲一下如何学习嵌入式。既然是谈嵌入式的学习，那些人适合学习嵌入式呢？我暂且归为以下几类：一、电子发烧友。这类纯粹是爱好，为了爱好学习，当然各类电子发烧友都有，嵌入式自然也不例外。这类人有个特点，学习兴趣很大，但是执拗，喜欢自学，自己摸索。我经常看到60多岁，70多岁还在学C语言，还在研究M4
  • C语言初阶——操作符详解 暗月の流星劫 c语言开发语言后端
    在前面的一系列文章里，我们一起学习了C语言的基础语法，函数和数组的相关知识，而接下来，让我们一起学习操作符。操作符在C语言中同样有着举足轻重的地位，它的使用可以说是无处不在，能够深入理解并且熟练运用操作符往往能够使我们写出的代码更加准确，精致，巧妙和优雅。接下来，就让我们一起走入操作符的世界吧！！！1.操作符的分类物以类聚，人以群分。不同的人，不同的风格，干不同的事情。操作符都有哪些种类，各自又有
  • UDP学习笔记（一）为什么UDP需要先将数据转换为字节数组 居然是阿宋 udpandroidkotlin
    UDP发送数据时需要先将数据转换为字节数组再发送，主要是因为计算机网络传输的最基本单位是“字节”（Byte）。让我们从以下几个方面来深入理解这个设计选择：1.计算机网络只能传输“字节”在网络通信中，无论是TCP还是UDP，最终传输的都是二进制数据。计算机不能直接传输字符串、整数或对象，而是需要转换为字节数组。示例：发送字符串"Hello"valdata="Hello".toByteArray()/
  • 鸿蒙跨平台框架ArkUI-X 搜狐技术产品小编2023 harmonyos华为
    01引言目前，移动端主流跨平台方案有Flutter、ReactNative、uni-app等等，还有刚推出不久的Compose-Multiplatform，真所谓是百花齐放。这些框架各有特点，技术实现各有差异，比如Flutter通过Dart编写的UI描述对接Flutter渲染引擎，ReactNative则是借助大前端成熟的发展背景，利用JS引擎生成UI描述，渲染时转化为原生控件，复用了原生渲染能力
  • 【深度学习】PyTorch v2.6 Overview OpenSeek 人工智能#机器学习#深度学习pythonpytorch人工智能
    PyTorchv2.6OverviewPythonAPILibrariesPyTorch是一个优化的张量库，用于使用GPU和CPU进行深度学习。PythonAPI序号API名称解释1torchPyTorch核心库(中文:火炬)PyTorch的核心库，提供了张量操作、自动求导等基础功能。2torch.nn神经网络模块包含构建神经网络所需的各种模块，如层、损失函数等。3torch.nn.functio
  • 2020年精排模型调研 Marcus-Bao 机器不学习人工智能机器学习大数据算法
    ❝本文经作者同意转载自:https://zhuanlan.zhihu.com/p/335781101作者:Ruhjkg编辑:MarcusBao谢绝任何形式的二次转载！❞2020年精排模型调研前言最近由于工作需要调研了一下2020年关于精排模型的进展。在广告推荐领域的CTR预估问题上，早期以LR+人工特征工程为主的机器学习方法，但由于人工组合特征工程成本较高，不同任务难以复用。后面FM因子分解机提出
  • PyTorch 显存分配不均匀 LutingWang debugpytorch人工智能python
    在使用PyTorch进行深度学习训练时，可能会遇到GPU0的显存占用明显高于其他GPU的情况。这可能导致显存不足，影响训练效率。排查思路：开启两个Shell，ShellA用于运行训练脚本，ShellB用于实时监控显存。在ShellA运行训练脚本。在另一个shell中运行nvidia-smi-l1。这个命令会每秒刷新一次nvidia-smi的结果，方便实时观察各GPU显存的变化情况。观察GPU0何时
  • PyTorch 训练循环全攻略：从零到精通的深度学习秘籍 吴师兄大模型 PyTorch深度学习pytorch人工智能训练循环LLM大模型python
    Langchain系列文章目录01-玩转LangChain：从模型调用到Prompt模板与输出解析的完整指南02-玩转LangChainMemory模块：四种记忆类型详解及应用场景全覆盖03-全面掌握LangChain：从核心链条构建到动态任务分配的实战指南04-玩转LangChain：从文档加载到高效问答系统构建的全程实战05-玩转LangChain：深度评估问答系统的三种高效方法（示例生成、手
  • 180.HTML、CSS、JavaScript 我也念过晚霞 htmlcssjavascript
    ———————————————————————————————【1.引言】在Android开发过程中，前端技术（HTML、CSS、JavaScript）逐渐成为不可或缺的技能之一。无论是通过WebView显示网页内容，还是构建混合应用，掌握前端基础将有助于提升整体产品体验。本文在保证内容全面性的前提下，剔除了多余的推荐信息，直接进入技术核心讲解。通过详细介绍HTML、CSS与JavaScript的
  • python搭建NPL模型的详细步骤和代码 百锦再@新空间代码工作室 包罗万象python开发语言djangoflaskpygamepip
    目录**一、环境准备****二、数据准备****三、文本预处理****1.清理文本****四、特征工程****1.TF-IDF****2.Word2Vec****五、搭建NLP模型****1.逻辑回归****2.LSTM深度学习模型****六、使用预训练的BERT模型****七、模型评估****八、部署模型****总结**1.**人机交互的核心技术**2.**推动AI技术发展的动力**3.**广泛
  • FPGA学习笔记（二）Verilog语法初步学习(语法篇1) 贾saisai FPGA学习fpga开发学习1024程序员节
    FPGA系列文章目录一、FPGA学习笔记（一）入门背景、软件及时钟约束二、FPGA学习笔记（二）Verilog语法初步学习(语法篇1)三、FPGA学习笔记（三）流水灯入门FPGA设计流程四、FPGA学习笔记（四）通过数码管学习顶层模块和例化的编写五、FPGA学习笔记（五）Testbench（测试平台）文件编写进行Modelsim仿真六、FPGA学习笔记（六）Modelsim单独仿真和Quartus
  • android多个usb摄像头,Android中多USB摄像头解决方案——UVCCamera源码分析（四） 桔子毛 android多个usb摄像头
    经过前几章的学习，我们大概了解了整个UVCCamera初始化、开始预览的过程。那么接着我们将来看看UVCCamera是如何实现拍照功能的。本章内容相对比较简单，均是Java层的实现。我们直接来看代码：@OverridepublicvoidcaptureStill(finalStringpath,OnCaptureListenerlistener){super.captureStill(path,l
  • QGIS-Python编程入门教程 戴玫芹
    QGIS-Python编程入门教程qgis-python-course项目地址:https://gitcode.com/gh_mirrors/qg/qgis-python-course项目基础介绍该项目是一个开源的QGIS-Python编程教程，旨在帮助用户学习如何在QGIS中使用Python编程语言进行地理信息系统（GIS）开发。该项目基于QGIS3版本，但如果用户希望使用QGIS2版本，也可以
  • Python项目-基于Django的在线教育平台开发 天天进步2015 Python项目实战python
    1.项目概述在线教育平台已成为现代教育的重要组成部分，特别是在后疫情时代，远程学习的需求显著增加。本文将详细介绍如何使用Python的Django框架开发一个功能完善的在线教育平台，包括系统设计、核心功能实现以及部署上线等关键环节。本项目旨在创建一个集课程管理、视频播放、在线测验、学习进度跟踪和社区互动于一体的综合性教育平台，为教育机构和个人讲师提供一站式在线教学解决方案。2.技术栈选择2.1后端
  • Verilog学习方法—基础入门篇（一） 博览鸿蒙 FPGAfpga开发
    前言：在FPGA开发中，VerilogHDL（硬件描述语言）是工程师必须掌握的一项基础技能。它不仅用于描述数字电路，还广泛应用于FPGA的逻辑设计与验证。对于初学者来说，掌握Verilog的核心概念和基本语法，是深入FPGA开发的第一步。本篇文章将从Verilog基础入门的角度，帮助你快速建立学习框架，逐步掌握Verilog的使用方法。1.了解Verilog的基本概念1.1什么是Verilog？V
  • 早上一上班发现产品出现重大事故，作为产品经理该怎么办？ 产品设计大观 产品经理
    作为产品经理，工作日常最怕的三件事估计是：评审会、突然加需求、产品出现重大事故。（事件严重顺序不分前后）其中最猝不及防，最挑战产品经理承压力和行动力的莫过于早上一上班发现产品出现重大事故。如果遇到这种情况，除了立马辞职（划掉）还有其他的办法吗？前辈产品经理有哪些有益的经验值得我们学习呢？针对这个问题，刀友群各位产品经理们是这样理解的：喔XX分三步走1.安抚用户，完善补偿制度，每次发生突发状况首先就
  • 黑客入门手册 嗨起飞了 网络安全网络攻击模型网络安全
    零基础入门网络安全：黑客技术学习路线与实战手册摘要：本文面向网络安全初学者，系统化拆解黑客技术学习路径，涵盖基础理论、实战工具和代码实例。内容遵循合法合规原则，仅用于技术研究。一、黑客技术学习的认知前提1.1什么是真正的"黑客"黑客精神的核心：探索系统原理与漏洞本质白帽/灰帽/黑帽的伦理边界（以《网络安全法》为准则）1.2学习前的法律警示渗透测试授权原则虚拟机实验环境搭建的重要性推荐工具：VMwa
  • java封装继承多态等 麦田的设计者 javaeclipsejvmcencapsulatopn
           最近一段时间看了很多的视频却忘记总结了，现在只能想到什么写什么了，希望能起到一个回忆巩固的作用。     1、final关键字       译为：最终的        &
  • F5与集群的区别 bijian1013 weblogic集群F5
            http请求配置不是通过集群，而是F5；集群是weblogic容器的，如果是ejb接口是通过集群。         F5同集群的差别，主要还是会话复制的问题，F5一把是分发http请求用的，因为http都是无状态的服务，无需关注会话问题，类似
  • LeetCode[Math] - #7 Reverse Integer Cwind java题解MathLeetCodeAlgorithm
    原题链接：#7 Reverse Integer   要求： 按位反转输入的数字 例1： 输入 x = 123, 返回 321 例2： 输入 x = -123, 返回 -321   难度：简单   分析： 对于一般情况，首先保存输入数字的符号，然后每次取输入的末位（x%10）作为输出的高位（result = result*10 + x%10）即可。但
  • BufferedOutputStream 周凡杨
         首先说一下这个大批量，是指有上千万的数据量。      例子：      有一张短信历史表，其数据有上千万条数据，要进行数据备份到文本文件，就是执行如下SQL然后将结果集写入到文件中！      select t.msisd
  • linux下模拟按键输入和鼠标 被触发 linux
    查看/dev/input/eventX是什么类型的事件， cat /proc/bus/input/devices 设备有着自己特殊的按键键码，我需要将一些标准的按键，比如0－9，X－Z等模拟成标准按键，比如KEY_0,KEY-Z等，所以需要用到按键 模拟，具体方法就是操作/dev/input/event1文件，向它写入个input_event结构体就可以模拟按键的输入了。 linux/in
  • ContentProvider初体验 肆无忌惮_ ContentProvider
    ContentProvider在安卓开发中非常重要。与Activity，Service，BroadcastReceiver并称安卓组件四大天王。 在android中的作用是用来对外共享数据。因为安卓程序的数据库文件存放在data/data/packagename里面，这里面的文件默认都是私有的，别的程序无法访问。 如果QQ游戏想访问手机QQ的帐号信息一键登录，那么就需要使用内容提供者COnte
  • 关于Spring MVC项目（maven）中通过fileupload上传文件 843977358 mybatisspring mvc修改头像上传文件upload
    Spring MVC 中通过fileupload上传文件，其中项目使用maven管理。   1.上传文件首先需要的是导入相关支持jar包：commons-fileupload.jar,commons-io.jar 因为我是用的maven管理项目，所以要在pom文件中配置（每个人的jar包位置根据实际情况定） <!-- 文件上传 start by zhangyd-c --&g
  • 使用svnkit api，纯java操作svn，实现svn提交，更新等操作 aigo svnkit
     原文：http://blog.csdn.net/hardwin/article/details/7963318   import java.io.File; import org.apache.log4j.Logger; import org.tmatesoft.svn.core.SVNCommitInfo; import org.tmateso
  • 对比浏览器，casperjs，httpclient的Header信息 alleni123 爬虫crawlerheader
    @Override protected void doGet(HttpServletRequest req, HttpServletResponse res) throws ServletException, IOException { String type=req.getParameter("type"); Enumeration es=re
  • java.io操作 DataInputStream和DataOutputStream基本数据流 百合不是茶 java流
    1，java中如果不保存整个对象，只保存类中的属性，那么我们可以使用本篇文章中的方法，如果要保存整个对象  先将类实例化  后面的文章将详细写到     2，DataInputStream 是java.io包中一个数据输入流允许应用程序以与机器无关方式从底层输入流中读取基本 Java 数据类型。应用程序可以使用数据输出流写入稍后由数据输入流读取的数据。
  • 车辆保险理赔案例 bijian1013 车险
    理赔案例： 一货运车，运输公司为车辆购买了机动车商业险和交强险，也买了安全生产责任险，运输一车烟花爆竹，在行驶途中发生爆炸，出现车毁、货损、司机亡、炸死一路人、炸毁一间民宅等惨剧，针对这几种情况，该如何赔付。 赔付建议和方案： 客户所买交强险在这里不起作用，因为交强险的赔付前提是：“机动车发生道路交通意外事故”； 如果是交通意外事故引发的爆炸，则优先适用交强险条款进行赔付，不足的部分由商业
  • 学习Spring必学的Java基础知识(5)—注解 bijian1013 javaspring
            文章来源：http://www.iteye.com/topic/1123823，整理在我的博客有两个目的：一个是原文确实很不错，通俗易懂，督促自已将博主的这一系列关于Spring文章都学完；另一个原因是为免原文被博主删除，在此记录，方便以后查找阅读。           有必要对
  • 【Struts2一】Struts2 Hello World bit1129 Hello world
    Struts2 Hello World应用的基本步骤 创建Struts2的Hello World应用，包括如下几步： 1.配置web.xml 2.创建Action 3.创建struts.xml，配置Action 4.启动web server，通过浏览器访问   配置web.xml <?xml version="1.0" encoding="
  • 【Avro二】Avro RPC框架 bit1129 rpc
    1. Avro RPC简介 1.1. RPC RPC逻辑上分为二层，一是传输层，负责网络通信；二是协议层，将数据按照一定协议格式打包和解包 从序列化方式来看，Apache Thrift 和Google的Protocol Buffers和Avro应该是属于同一个级别的框架，都能跨语言，性能优秀，数据精简，但是Avro的动态模式（不用生成代码，而且性能很好）这个特点让人非常喜欢，比较适合R
  • lua　set get cookie ronin47 lua cookie
    lua: local access_token = ngx.var.cookie_SGAccessToken if access_token then ngx.header["Set-Cookie"] = "SGAccessToken="..access_token.."; path=/;Max-Age=3000" end
  • java-打印不大于N的质数 bylijinnan java
    public class PrimeNumber { /** * 寻找不大于N的质数 */ public static void main(String[] args) { int n=100; PrimeNumber pn=new PrimeNumber(); pn.printPrimeNumber(n); System.out.print
  • Spring源码学习-PropertyPlaceholderHelper bylijinnan javaspring
    今天在看Spring 3.0.0.RELEASE的源码，发现PropertyPlaceholderHelper的一个bug 当时觉得奇怪，上网一搜，果然是个bug，不过早就有人发现了，且已经修复： 详见： http://forum.spring.io/forum/spring-projects/container/88107-propertyplaceholderhelper-bug
  • [逻辑与拓扑]布尔逻辑与拓扑结构的结合会产生什么? comsci 拓扑
       如果我们已经在一个工作流的节点中嵌入了可以进行逻辑推理的代码,那么成百上千个这样的节点如果组成一个拓扑网络,而这个网络是可以自动遍历的,非线性的拓扑计算模型和节点内部的布尔逻辑处理的结合,会产生什么样的结果呢?    是否可以形成一种新的模糊语言识别和处理模型呢?  大家有兴趣可以试试,用软件搞这些有个好处,就是花钱比较少,就算不成
  • ITEYE 都换百度推广了 cuisuqiang GoogleAdSense百度推广广告外快
    以前ITEYE的广告都是谷歌的Google AdSense，现在都换成百度推广了。   为什么个人博客设置里面还是Google AdSense呢？   都知道Google AdSense不好申请，这在ITEYE上也不是讨论了一两天了，强烈建议ITEYE换掉Google AdSense。至少，用一个好申请的吧。   什么时候能从ITEYE上来点外快，哪怕少点
  • 新浪微博技术架构分析 dalan_123 新浪微博架构
    新浪微博在短短一年时间内从零发展到五千万用户，我们的基层架构也发展了几个版本。第一版就是是非常快的，我们可以非常快的实现我们的模块。我们看一下技术特点，微博这个产品从架构上来分析，它需要解决的是发表和订阅的问题。我们第一版采用的是推的消息模式，假如说我们一个明星用户他有10万个粉丝，那就是说用户发表一条微博的时候，我们把这个微博消息攒成10万份，这样就是很简单了，第一版的架构实际上就是这两行字。第
  • 玩转ARP攻击 dcj3sjt126com r
    我写这片文章只是想让你明白深刻理解某一协议的好处。高手免看。如果有人利用这片文章所做的一切事情，盖不负责。 网上关于ARP的资料已经很多了，就不用我都说了。 用某一位高手的话来说，“我们能做的事情很多，唯一受限制的是我们的创造力和想象力”。 ARP也是如此。 以下讨论的机子有 一个要攻击的机子：10.5.4.178 硬件地址：52:54:4C:98
  • PHP编码规范 dcj3sjt126com 编码规范
    一、文件格式 1. 对于只含有 php 代码的文件，我们将在文件结尾处忽略掉 "?>" 。这是为了防止多余的空格或者其它字符影响到代码。例如：<?php$foo = 'foo';2. 缩进应该能够反映出代码的逻辑结果，尽量使用四个空格，禁止使用制表符TAB，因为这样能够保证有跨客户端编程器软件的灵活性。例
  • linux 脱机管理（nohup） eksliang linux nohupnohup
    脱机管理 nohup 转载请出自出处：http://eksliang.iteye.com/blog/2166699 nohup可以让你在脱机或者注销系统后，还能够让工作继续进行。他的语法如下 nohup [命令与参数] --在终端机前台工作 nohup [命令与参数] & --在终端机后台工作   但是这个命令需要注意的是，nohup并不支持bash的内置命令，所
  • BusinessObjects Enterprise Java SDK greemranqq javaBOSAPCrystal Reports
    最近项目用到oracle_ADF  从SAP/BO 上调用 水晶报表，资料比较少，我做一个简单的分享，给和我一样的新手 提供更多的便利。   首先，我是尝试用JAVA JSP 去访问的。   官方API：http://devlibrary.businessobjects.com/BusinessObjectsxi/en/en/BOE_SDK/boesdk_ja
  • 系统负载剧变下的管控策略 iamzhongyong 高并发
    假如目前的系统有100台机器，能够支撑每天1亿的点击量（这个就简单比喻一下），然后系统流量剧变了要，我如何应对，系统有那些策略可以处理，这里总结了一下之前的一些做法。 1、水平扩展 这个最容易理解，加机器，这样的话对于系统刚刚开始的伸缩性设计要求比较高，能够非常灵活的添加机器，来应对流量的变化。 2、系统分组 假如系统服务的业务不同，有优先级高的，有优先级低的，那就让不同的业务调用提前分组
  • BitTorrent DHT 协议中文翻译 justjavac bit
    前言 做了一个磁力链接和BT种子的搜索引擎 {Magnet & Torrent}，因此把 DHT 协议重新看了一遍。 BEP: 5Title: DHT ProtocolVersion: 3dec52cb3ae103ce22358e3894b31cad47a6f22bLast-Modified: Tue Apr 2 16:51:45 2013 -070
  • Ubuntu下Java环境的搭建 macroli java工作ubuntu
    配置命令： 　　$sudo apt-get install ubuntu-restricted-extras 　　再运行如下命令： 　　$sudo apt-get install sun-java6-jdk 　　待安装完毕后选择默认Java. 　　$sudo update- alternatives --config java 　　安装过程提示选择，输入“2”即可，然后按回车键确定。
  • js字符串转日期（兼容IE所有版本） qiaolevip TODateStringIE
    /** * 字符串转时间（yyyy-MM-dd HH:mm:ss） * result （分钟） */ stringToDate : function(fDate){ var fullDate = fDate.split(" ")[0].split("-"); var fullTime = fDate.split("
  • 【数据挖掘学习】关联规则算法Apriori的学习与SQL简单实现购物篮分析 superlxw1234 sql数据挖掘关联规则
    关联规则挖掘用于寻找给定数据集中项之间的有趣的关联或相关关系。 关联规则揭示了数据项间的未知的依赖关系，根据所挖掘的关联关系，可以从一个数据对象的信息来推断另一个数据对象的信息。 例如购物篮分析。牛奶 ⇒ 面包 [支持度：3%，置信度：40%] 支持度3%：意味3%顾客同时购买牛奶和面包。 置信度40%：意味购买牛奶的顾客40%也购买面包。 规则的支持度和置信度是两个规则兴
  • Spring 5.0 的系统需求，期待你的反馈 wiselyman spring
                   Spring 5.0将在2016年发布。Spring5.0将支持JDK 9。          Spring 5.0的特性计划还在工作中，请保持关注，所以作者希望从使用者得到关于Spring 5.0系统需求方面的反馈。  
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他