患得患失949
患得患失949

【前端】【Electron】Electron 知识点详解，看着一篇文章就够了

Electron 知识点详解

第一章：Electron 入门与核心概念

  1. 什么是 Electron？

    • 定义：一个使用 Web 技术 (HTML, CSS, JavaScript) 构建跨平台桌面应用程序的开源框架。
    • 核心组成：Chromium (用于渲染界面) + Node.js (用于访问操作系统和后端能力) + 自定义 APIs。
    • 目标：让 Web 开发者能够轻松创建功能丰富的桌面应用。

  2. 为什么选择 Electron？

    • 跨平台： 一套代码库，可构建 Windows, macOS, Linux 应用。
    • Web 技术栈： 复用现有的 Web 开发知识和生态系统 (NPM 包、框架如 Vue/React/Angular)。
    • 快速开发： 利用 Web 技术的开发效率。
    • 强大的能力： 可以访问完整的操作系统 API (通过 Node.js) 和 Electron 提供的原生 API。
    • 成熟的社区和生态： 广泛使用 (VS Code, Slack, Discord 等)，拥有丰富的文档和第三方库。

  3. Electron 的主要挑战/缺点：

    • 包体积大： 每个应用都内嵌了 Chromium 和 Node.js，导致基础包体积较大 (几十 MB 到上百 MB)。
    • 内存占用： 相较于原生应用，内存占用可能更高。
    • 性能： 对于极其注重性能的场景，可能不如原生应用。
    • 安全风险： 如果不注意，将 Node.js 能力暴露给渲染进程可能带来安全风险。

  4. 核心架构：主进程 (Main Process) 与渲染进程 (Renderer Process)

    • 主进程 (Main Process):
      • 唯一，程序的入口点 (main.js 或 package.json 中指定的入口文件)。
      • 拥有完整的 Node.js 环境。
      • 负责管理应用的生命周期、创建和管理 BrowserWindow (渲染进程)、处理原生操作系统交互 (菜单、对话框、托盘等)。
      • 不负责渲染 HTML/CSS。
    • 渲染进程 (Renderer Process):
      • 每个 BrowserWindow 实例拥有一个独立的渲染进程。
      • 本质上是一个 Chromium 浏览器窗口环境，负责渲染 HTML, CSS, 执行 JavaScript (UI 逻辑)。
      • 默认情况下不能直接访问 Node.js API 或操作系统资源 (出于安全考虑)。
      • 可以通过特定的机制 (IPC, Preload Script) 与主进程通信以获取系统能力。
    • 理解进程模型是掌握 Electron 的关键。

第二章：环境搭建与基础项目

  1. 环境要求：

    • Node.js (自带 npm 或使用 yarn)
    • 代码编辑器 (如 VS Code)

  2. 创建基础项目：

    • 创建项目目录：mkdir my-electron-app && cd my-electron-app
    • 初始化 npm 项目：npm init -y
    • 安装 Electron：npm install --save-dev electron
    • 创建入口文件 (main.js) 和界面文件 (index.html)。

  3. package.json 关键配置：

    • "main": 指定主进程入口文件 (e.g., "main": "main.js")。
    • "scripts":
      • "start": "electron .": 定义启动应用的命令。

  4. main.js (主进程) 基础代码：

    • 引入 app 和 BrowserWindow 模块：const { app, BrowserWindow } = require('electron')
    • 创建窗口函数 createWindow()。
    • 在 app 的 ready 事件触发时调用 createWindow()。
    • 加载 HTML 文件：win.loadFile('index.html') 或 win.loadURL('http://localhost:3000') (用于加载开发服务器)。
    • 处理应用生命周期事件 (如 window-all-closed, activate)。

  5. index.html (渲染进程) 基础代码：

    • 标准的 HTML 结构。
    • 可以通过 引入渲染进程的 JavaScript 文件。

  6. 启动与调试：

    • 启动应用：npm start
    • 打开开发者工具：在 BrowserWindow 实例上调用 win.webContents.openDevTools()。

第三章：主进程 (Main Process) 详解

  1. app 模块：

    • 控制应用程序的事件生命周期。
    • 常用事件：ready, window-all-closed, activate, before-quit, will-quit。
    • 常用方法：app.quit(), app.getPath(name) (获取系统路径), app.getName(), app.getVersion(), app.isPackaged。

  2. BrowserWindow 模块：

    • 创建和控制浏览器窗口。
    • 构造函数选项 (new BrowserWindow({...})):
      • width, height: 窗口尺寸。
      • x, y: 窗口位置。
      • frame: 是否显示窗口边框和标题栏。
      • show: 创建时是否立即显示。
      • webPreferences: 配置网页功能的关键选项 (见下)。
    • 实例方法：win.loadURL(), win.loadFile(), win.close(), win.show(), win.hide(), win.maximize(), win.minimize(), win.isMaximized(), win.webContents (访问 WebContents 对象)。
    • 实例事件：closed, focus, blur, resize, move。

  3. webPreferences 选项 (在 BrowserWindow 中配置):

    • nodeIntegration (boolean, 默认 false): 是否在渲染进程中启用 Node.js 集成。强烈建议保持 false 以提高安全性。
    • contextIsolation (boolean, 默认 true): 是否启用上下文隔离。强烈建议保持 true。这使得 preload 脚本和渲染进程的 JavaScript 运行在不同的上下文中，更安全。
    • preload (string): 指定一个预加载脚本的路径。该脚本在渲染进程加载网页之前运行，并且可以访问 Node.js API (即使 nodeIntegration: false) 和 DOM API。这是连接主进程和渲染进程、安全暴露特定 Node.js 功能的关键。
    • sandbox (boolean, 默认 false): 是否启用 Chromium OS 级别的沙盒。

第四章：渲染进程 (Renderer Process) 详解

  1. 角色：

    • 负责展示用户界面 (HTML/CSS)。
    • 执行用户界面的交互逻辑 (JavaScript)。
    • 运行标准的 Web API (Fetch, DOM 操作, Canvas 等)。

  2. 访问 Node.js (不推荐直接开启 nodeIntegration):

    • 安全隐患： 如果 nodeIntegration: true，渲染进程中的任何脚本 (包括第三方库) 都可以访问文件系统、执行命令等，容易受到 XSS 攻击影响。
    • 推荐方式： 使用 preload 脚本 + contextBridge。

  3. preload.js 脚本：

    • 在 webPreferences 中通过 preload 选项指定。
    • 运行在具有 Node.js 环境但与渲染器隔离的上下文中 (当 contextIsolation: true)。
    • 可以访问 window 和 document 对象。
    • 主要用途：
      • 使用 contextBridge.exposeInMainWorld(apiKey, apiObject) 安全地向渲染进程暴露选择性的 Node.js 功能或 IPC 调用接口。
      • 监听来自主进程的 IPC 消息。

  4. renderer.js (渲染进程脚本):

    • 通过

你可能感兴趣的:(面试考题专栏（前后端）,Electron,前端,electron,javascript)

  • 解决报错：org.apache.catalina.connector.ClientAbortException: java.io.IOException: Broken pipe 天黑请闭眼 Java异常处理java
    目录一、场景二、报错信息三、原因四、解决一、场景1、前端调用后端接口报错2、接口功能为导出excel二、报错信息org.apache.catalina.connector.ClientAbortException:java.io.IOException:Brokenpipeatorg.apache.catalina.connector.OutputBuffer.realWriteBytes(Out
  • Aop和Ioc有什么关系？（面试简洁版） 乞讨不是罪过 面试java职场和发展
    AOP（面向切面编程）和IoC（控制反转）是Spring框架的两大核心，它们既独立又协作，共同实现松耦合、可扩展的架构设计。以下是它们的核心关系基础关系1.IoC是基石：Spring通过IoC容器（如ApplicationContext）统一管理所有Bean（包括普通业务Bean和AOP代理对象）。没有IoC，AOP无法自动生效。2.AOP是增强：AOP基于IoC管理的Bean，通过动态代理（JD
  • next-hexagonal-starter：前端六边形架构的简约实践 翟珊兰
    next-hexagonal-starter：前端六边形架构的简约实践next-hexagonal-starter项目地址:https://gitcode.com/gh_mirrors/ne/next-hexagonal-starter项目介绍在软件开发中，六边形架构（HexagonalArchitecture）是一种设计模式，它通过将应用程序的业务逻辑与外部关注点（如UI、数据库、框架等）解耦，
  • Java IO流 码·蚁 Java学习java开发语言intellij-idea后端
    IO流1.什么是IO流IO流是Java对文件进行操作，同时还可以对文件的内容读取和写入，在Java中，这些操作文件的类称之为流1.1IO流的分类—面试题根据流向：输入流：对文件的内容进行读取输出流：对文件的内容进行写入根据单位：字节流：每次读取或者写入一个字节字符流：每次读取或者写入一个字符根据功能：节点流：可以从数据的某个节点向某个节点写入数据，就是普通的输入输出流处理流：对已经存在的流做二次封
  • 前端开发中的AI辅助测试：从手动到智能的转变 喜葵 人工智能
    前端开发中的AI辅助测试：从手动到智能的转变作者：喜葵更新时间：2025-05-16前言前端测试一直是开发流程中的痛点：写测试代码耗时、维护成本高、覆盖率难提升。随着AI技术的发展，前端测试正在经历一场从"手动编写"到"AI辅助生成"的革命性转变。本文将探讨AI如何改变前端测试的现状，以及实际应用中的最佳实践。文章目录前端测试的现状与挑战AI辅助测试的核心技术实战案例：AI生成单元测试智能测试的优
  • Club_IntelliMatch_Development_Guide Joseit pythonpythonpygamedjangoflask
    ClubIntelliMatch系统-全栈开发流程文档概述ClubIntelliMatch系统是一个现代化的社团活动智能匹配平台，采用前后端分离架构。系统基于PythonFlask构建RESTfulAPI后端，Vue.js3+Vite构建现代化前端，MySQL作为持久化数据存储。本文档深入分析了整个开发流程的技术架构、设计原则和实现细节。系统架构流程图后端API架构前端组件架构app.pyFlas
  • tensorRT 与 torchserve-GPU性能对比 joker-G 计算机视觉pytorchpython
    实验对比前端时间搭建了TensorRT、Torchserve-GPU，最近抽时间将这两种方案做一个简单的实验对比。实验数据Cuda11.0、Xeon®62423.1*80、RTX309024G、Resnet50TensorRT、Torchserve-GPU各自一张卡搭建10进程接口，感兴趣的可以查看我个人其他文章。30进程并发、2000张1200*720像素图像的总量数据TensorRT的部署使用
  • 二叉树之层序遍历
    二叉树之层序遍历前言一、层序遍历是什么？二、层序遍历的构建三、样例代码疑问补充：总结前言在二叉树的四种遍历中，唯独层序遍历是最特殊的，他用的不是递归的思路，而是队列，在部分面试题里也出现不少一、层序遍历是什么？层序遍历就是按层从上到下，每层按一定顺序对树的节点进行遍历如图所示：他通过队列的形式，输入第一个节点到队头后，随着他的pop，他会将他的左右孩子push进入队列每当一个节点被pop，他的左右
  • 前端微前端架构的探索与实践 大厂前端小白菜 前端架构ai
    前端微前端架构的探索与实践关键词：微前端、前端架构、模块化、独立部署、团队协作、技术栈隔离、渐进式迁移摘要：本文将深入探讨微前端架构的概念、原理和实践。我们将从微前端的起源讲起，分析其核心设计思想，并通过实际案例展示如何实现一个完整的微前端解决方案。文章将涵盖微前端的多种实现方式、技术选型考量、以及在实际项目中的应用场景和挑战，帮助读者全面理解这一现代前端架构模式。背景介绍目的和范围本文旨在为前端
  • JSON简介及其应用 Jackson@ML MongoDBJavaScriptNode.jsjsonJavaScriptNode.js
    JSON简介及其应用[email protected]的概念JSON（JavaScriptObjectNotation）是一种轻量级的数据交换格式，采用键值对（key-value）的方式组织数据，语法类似JavaScript对象，易于人阅读和机器解析。2.JSON的作用JSON有几方面的作用如下：•在前后端数据交互中传
  • Linux 面试知识（附常见命令） 笑衬人心。 linux运维服务器
    目录结构与重要文件Linux中一切皆文件，掌握目录结构有助于理解系统管理与配置。目录说明/根目录，所有文件起点/bin基本命令的可执行文件，如ls,cp/sbin系统管理员用的命令，如shutdown/etc配置文件目录，如/etc/passwd/home普通用户的主目录/root超级用户的主目录/dev设备文件，如磁盘/dev/sda/var可变数据，如日志/var/log/tmp临时文件目录/
  • 驾驭代码之道：JS/TS SOLID面向对象设计的五大黄金法则 领码科技 低代码技能篇javascript开发语言SOLID原则TypeScript面向对象代码设计AI辅助开发
    摘要在现代JavaScript和TypeScript开发中，代码质量与可维护性至关重要。SOLID原则作为面向对象设计的经典法则，为构建稳健、灵活的系统架构提供了科学指导。本文不仅系统阐释单一职责、开闭、里氏替换、接口隔离和依赖倒置五大原则的核心精髓，还结合当今流行的AI智能辅助、微前端、低代码开发等新技术与新思维，深入剖析它们在实际JS/TS项目中的应用场景和最佳实践。通俗易懂的理论讲解、丰富的
  • JavaScript 事件循环竟还能这样玩! 前端javascript
    JavaScript是一种单线程的编程语言，这意味着它一次只能执行一个任务。为了能够处理异步操作，JavaScript使用了一种称为事件循环（EventLoop）的机制。本文将深入探讨事件循环的工作原理，并展示如何基于这一原理实现一个更为准确的setTimeout、setInterval什么是事件循环？事件循环是JavaScript运行时环境中处理异步操作的核心机制。它允许JavaScript在执
  • 前端领域Node.js环境搭建详细教程 前端视界 前端艺匠馆前端node.jsai
    前端领域Node.js环境搭建详细教程关键词：Node.js、环境搭建、NPM、版本管理、前端开发摘要：本文是面向前端开发者的Node.js环境搭建全流程指南。我们将从Node.js的核心作用讲起，用“快递站”“魔法翻译机”等生活比喻拆解技术概念，逐步讲解Windows/macOS/Linux三平台的安装步骤、版本管理工具nvm的使用、镜像源配置技巧，最后通过一个“静态网页服务器”实战案例验证环境
  • Spring Boot进阶(108)：这年头不会还有谁没碰过minio的吧？这可太... bug菌¹ 滚雪球学SpringBootspringboot集成miniominio文件存储
    本文收录于「滚雪球学SpringBoot」专栏，手把手带你零基础入门SpringBoot，从入门到就业，助你早日登顶实现财富自由；同时，欢迎大家关注&&收藏&&订阅！持续更新中，up！up！up！！全文目录：前言：文件存储那些“坑”，你踩过几个？MinIO是什么？MinIO的“秘密武器”为什么选择MinIO？MinIO能给你什么？MinIO核心概念MinIO客户端实操创建bucket测试文件上传设
  • 模拟工作队列 - 华为OD机试真题(JavaScript卷) 什码情况 算法面试javascript数据结构华为od
    华为OD机试题库《C++》限时优惠9.9华为OD机试题库《Python》限时优惠9.9华为OD机试题库《JavaScript》限时优惠9.9针对刷题难，效率慢，我们提供一对一算法辅导，针对个人情况定制化的提高计划（全称1V1效率更高）。看不懂有疑问需要答疑辅导欢迎私VX：code5bug题目描述让我们来模拟一个工作队列的运作，有一个任务提交者和若干任务执行者，执行者从1开始编号。提交者会在给定的时
  • 数据分类 - 华为OD机试真题(JavaScript 题解) 什码情况 华为odjavascript开发语言数据结构算法机试
    华为OD机试题库《C++》限时优惠9.9华为OD机试题库《Python》限时优惠9.9华为OD机试题库《JavaScript》限时优惠9.9针对刷题难，效率慢，我们提供一对一算法辅导，针对个人情况定制化的提高计划（全称1V1效率更高）。看不懂有疑问需要答疑辅导欢迎私VX：code5bug题目描述对一个数据a进行分类，分类方法为：此数据a（四个字节大小）的四个字节相加对一个给定的值b取模，如果得到的
  • 测试第六讲-开发&测试阶段划分 为你奋斗！ 软件测试测试用例经验分享笔记
    一、软件开发的阶段划分1、需求分析阶段有需求分析人员完成，产出物：《需求规格说明书》2、概要设计阶段3、详细设计阶段一般由系统架构师（分析师）完成，产出物：《概要设计说明书》、《详细设计说明书》4、编码阶段由开发人员完成产出物：程序面试题：哪个阶段引入的bug最多？哪个阶段最少？需求分析阶段引入的bug最多，其次是设计阶段，最少的是编码阶段。结论：1）测试不能只测试程序，文档也必须要测2）测试工作
  • MongoDB 与关系型数据库的核心区别（面试向详解） 真IT布道者 数据库mongodb面试
    一、数据模型差异1.1结构化vs半结构化关系型数据库：严格遵循二维表结构，需要预定义Schema（字段名、数据类型、约束等）CREATETABLEusers(idINTPRIMARYKEY,nameVARCHAR(50)NOTNULL,ageINTCHECK(age>0)MongoDB：采用BSON文档模型（类似JSON），支持动态Schema//同一个集合中可以存在不同结构的文档db.users
  • Linux 文件权限管理详解（chmod/chown） 真IT布道者 linux运维服务器
    查看文件权限2.1使用ls-l命令$ls-l/etc/passwd-rw-r--r--1rootroot2412Mar110:00/etc/passwd输出解析：-rw-r--r--：权限字符串第一个root：属主第二个root：属组2.2权限字符串解析类型属主权限属组权限其他用户权限-rw-r--r--更多面试题：https://duoke360.com/tutorial/iv-linux/l7
  • Redis（十五）Bitmap、Hyperloglog、GEO案例、布隆过滤器 Lucky_Turtle Javaredis面试数据库
    文章目录面试题常见统计类型聚合统计排序统计二值统计基数统计Hyperloglog专有名词UV（UniqueVisitor）独立访客PV（PageView）页面浏览量DAU（DailyActiveUser）日活跃用户量MAU（MonthlyActiveUser）需求原理亿级UV的Redis统计方案GEO面试题命令GEOADD获取某位置的经纬度GEOPOS返回坐标的Geohash表示GEOHASH两个
  • GESP认证C++编程真题解析 | GESP202409 三级 单选题和判断题 热爱编程的通信人 历年GESPCSP-JCSP-S真题解析c++开发语言
    欢迎大家订阅我的专栏：算法题解：C++与Python实现！本专栏旨在帮助大家从基础到进阶，逐步提升编程能力，助力信息学竞赛备战！专栏特色1.经典算法练习：根据信息学竞赛大纲，精心挑选经典算法题目，提供清晰的代码实现与详细指导，帮助您夯实算法基础。2.系统化学习路径：按照算法类别和难度分级，从基础到进阶，循序渐进，帮助您全面提升编程能力与算法思维。适合人群：准备参加蓝桥杯、GESP、CSP-J、CS
  • Django项目前后端类型中，用户注册功能实现笔记（第一部分） 后端django
    用户注册前端逻辑为了学会使用Vue.js的双向绑定实现用户的交互和页面局部刷新效果。1.用户注册页面绑定Vue数据1.准备div盒子标签......2.register.html绑定内容：变量、事件、错误提示等{{csrf_input}}用户名:[[error_name_message]]密码:请输入8-20位的密码确认密码:两次输入的密码不一致号:[[error_mobile_message]]
  • React - 错误边界（Error boundary） 风轻轻~ #React__基础react.js
    React-错误边界（Errorboundary）一.理解二.使用1.使用方式2.使用案例错误边界：https://zh-hans.reactjs.org/docs/error-boundaries.html一.理解部分UI的JavaScript错误不应该导致整个应用崩溃，为了解决这个问题，React16引入了一个新的概念——错误边界。错误边界是一种React组件，这种组件可以捕获发生在其子组件树
  • Go项目限流全攻略：超越中间件的全方位解决方案 码农老gou golang中间件开发语言
    引言：限流在分布式系统中的重要性在当今高并发的互联网应用中，流量控制已成为保障系统稳定性的关键手段。一次突发的流量洪峰可能导致整个系统崩溃，造成不可估量的损失。作为Go开发者，我们常常会面临这样的面试问题：Go项目中如何实现限流？仅仅使用中间件就足够了吗？本文将深入探讨Go项目中的限流策略，分析中间件的局限性，并介绍超越中间件的全方位解决方案。一、常见限流算法解析1.令牌桶算法（TokenBuck
  • 函数的进阶 小盐巴小严 web前后端开发学习笔记javascript前端es6
    JavaScript函数概念构成函数主体的JavaScript代码在定义之时并不会执行，只有在调用函数时，函数才会执行。调用JavaScript函数的方法：作为函数作为方法作为构造函数通过函数的call（）和apply（）间接调用函数属性length属性在函数体例，arguments.length表示传入函数的实参的个数函数本身的length属性是只读的，代表函数声明的实际参数的数量functio
  • JavaScript基础-常见网页特效案例 咖啡の猫 javascript开发语言ecmascript
    一、前言在前端开发中，实现网页特效（如轮播图、下拉菜单、Tab切换、拖拽效果等）是提升用户体验和页面交互性的关键手段之一。这些特效不仅能增强用户对网站的粘性，也是衡量一个前端开发者能力的重要标准。JavaScript是实现网页特效的核心技术之一，结合HTML和CSS，可以轻松构建丰富的交互效果。本文将带你深入了解：常见网页特效的实现原理；如何使用原生JavaScript实现经典特效；每个案例附带完
  • JavaScript基础-触屏事件 咖啡の猫 javascript开发语言ecmascript
    一、前言随着移动端设备的普及，网页不仅要适配PC浏览器，更要兼容手机和平板等触摸设备。传统的鼠标事件（如click、mousedown等）在触控操作中存在一定的延迟和局限性，因此JavaScript提供了专门用于处理触摸操作的API——触屏事件（TouchEvents）。本文将带你深入了解：触屏事件的基本概念；常见的触屏事件类型（touchstart、touchmove、touchend等）；如何
  • JavaScript 核心对象深度解析：Math、Date 与 String 小宁爱Python 前端javascript开发语言ecmascript
    JavaScript作为Web开发的核心语言，提供了丰富的内置对象来简化编程工作。本文将深入探讨三个重要的内置对象：Math、Date和String，通过详细的代码示例和综合案例帮助你全面掌握它们的用法。一、Math对象Math对象提供了一系列静态属性和方法，用于执行各种数学运算，无需实例化即可使用。常用属性：console.log(Math.PI);//圆周率:3.141592653589793
  • 零基础打造优雅的AI诗词创作助手 BaiYiQingXiang99 html人工智能chatgpt
    零基础打造优雅的AI诗词创作助手：一个纯前端实现的智能写诗工具项目介绍大家好，今天要和大家分享我的一个AI项目——AI诗词创作助手。这是一个完全使用原生JavaScript开发的智能写诗工具，不需要复杂的框架，也不需要后端服务器，就能实现专业级的AI诗词创作功能。在线体验地址GitHub地址主要特性1.多样化的创作选项支持多个主流AI模型（Deepseek、Moonshot(Kimi)、通义千问）
  • 异常的核心类Throwable 无量 java源码异常处理exception
    java异常的核心是Throwable，其他的如Error和Exception都是继承的这个类 里面有个核心参数是detailMessage，记录异常信息，getMessage核心方法，获取这个参数的值，我们可以自己定义自己的异常类，去继承这个Exception就可以了，方法基本上，用父类的构造方法就OK，所以这么看异常是不是很easy package com.natsu;
  • mongoDB 游标（cursor） 实现分页 迭代 开窍的石头 mongodb
    上篇中我们讲了mongoDB 中的查询函数，现在我们讲mongo中如何做分页查询      如何声明一个游标        var mycursor = db.user.find({_id:{$lte:5}});       迭代显示游标数
  • MySQL数据库INNODB 表损坏修复处理过程 0624chenhong tomcatmysql
    最近mysql数据库经常死掉，用命令net stop mysql命令也无法停掉，关闭Tomcat的时候，出现Waiting for N instance(s) to be deallocated 信息。查了下，大概就是程序没有对数据库连接释放，导致Connection泄露了。因为用的是开元集成的平台，内部程序也不可能一下子给改掉的，就验证一下咯。启动Tomcat,用户登录系统，用netstat -
  • 剖析如何与设计人员沟通 不懂事的小屁孩 工作
    最近做图烦死了，不停的改图，改图……。烦，倒不是因为改，而是反反复复的改，人都会死。很多需求人员不知该如何与设计人员沟通，不明白如何使设计人员知道他所要的效果，结果只能是沟通变成了扯淡，改图变成了应付。 那应该如何与设计人员沟通呢？ 我认为设计人员与需求人员先天就存在语言障碍。对一个合格的设计人员来说，整天玩的都是点、线、面、配色，哪种构图看起来协调；哪种配色看起来合理心里跟明镜似的，
  • qq空间刷评论工具 换个号韩国红果果 JavaScript
    var a=document.getElementsByClassName('textinput'); var b=[]; for(var m=0;m<a.length;m++){ if(a[m].getAttribute('placeholder')!=null) b.push(a[m]) } var l
  • S2SH整合之session 灵静志远 springAOPstrutssession
    错误信息： Caused by: org.springframework.beans.factory.BeanCreationException: Error creating bean with name 'cartService': Scope 'session' is not active for the current thread; consider defining a scoped
  • xmp标签 a-john 标签
    今天在处理数据的显示上遇到一个问题： var html = '<li><div class="pl-nr"><span class="user-name">' + user + '</span>' + text + '</div></li>'; ulComme
  • Ajax的常用技巧（2）---实现Web页面中的级联菜单 aijuans Ajax
    在网络上显示数据，往往只显示数据中的一部分信息，如文章标题，产品名称等。如果浏览器要查看所有信息，只需点击相关链接即可。在web技术中，可以采用级联菜单完成上述操作。根据用户的选择，动态展开，并显示出对应选项子菜单的内容。 在传统的web实现方式中，一般是在页面初始化时动态获取到服务端数据库中对应的所有子菜单中的信息，放置到页面中对应的位置，然后再结合CSS层叠样式表动态控制对应子菜单的显示或者隐
  • 天-安-门，好高 atongyeye 情感
        我是85后，北漂一族，之前房租1100，因为租房合同到期，再续，房租就要涨150。最近网上新闻，地铁也要涨价。算了一下，涨价之后，每次坐地铁由原来2块变成6块。仅坐地铁费用，一个月就要涨200。内心苦痛。     晚上躺在床上一个人想了很久，很久。        我生在农
  • android 动画 百合不是茶 android透明度平移缩放旋转
    android的动画有两种  tween动画和Frame动画   tween动画;,透明度,缩放,旋转,平移效果   Animation   动画 AlphaAnimation 渐变透明度 RotateAnimation 画面旋转 ScaleAnimation 渐变尺寸缩放 TranslateAnimation 位置移动 Animation
  • 查看本机网络信息的cmd脚本 bijian1013 cmd
    @echo 您的用户名是：%USERDOMAIN%\%username%>"%userprofile%\网络参数.txt" @echo 您的机器名是：%COMPUTERNAME%>>"%userprofile%\网络参数.txt" @echo ___________________>>"%userprofile%\
  • plsql 清除登录过的用户 征客丶 plsql
    tools---preferences----logon history---history  把你想要删除的删除 -------------------------------------------------------------------- 若有其他凝问或文中有错误，请及时向我指出， 我好及时改正，同时也让我们一起进步。 email ： binary_spac
  • 【Pig一】Pig入门 bit1129 pig
    Pig安装 1.下载pig   wget http://mirror.bit.edu.cn/apache/pig/pig-0.14.0/pig-0.14.0.tar.gz   2. 解压配置环境变量      如果Pig使用Map/Reduce模式，那么需要在环境变量中，配置HADOOP_HOME环境变量   expor
  • Java 线程同步几种方式 BlueSkator volatilesynchronizedThredLocalReenTranLockConcurrent
    为何要使用同步？      java允许多线程并发控制，当多个线程同时操作一个可共享的资源变量时（如数据的增删改查），      将会导致数据不准确，相互之间产生冲突，因此加入同步锁以避免在该线程没有完成操作之前，被其他线程的调用，      从而保证了该变量的唯一性和准确性。 1.同步方法&
  • StringUtils判断字符串是否为空的方法（转帖） BreakingBad nullStringUtils“”
    转帖地址：http://www.cnblogs.com/shangxiaofei/p/4313111.html   public static boolean isEmpty(String str)   　　判断某字符串是否为空，为空的标准是 str== null  或 str.length()== 0  
  • 编程之美-分层遍历二叉树 bylijinnan java数据结构算法编程之美
    import java.util.ArrayList; import java.util.LinkedList; import java.util.List; public class LevelTraverseBinaryTree { /** * 编程之美 分层遍历二叉树 * 之前已经用队列实现过二叉树的层次遍历，但这次要求输出换行，因此要
  • jquery取值和ajax提交复习记录 chengxuyuancsdn jquery取值ajax提交
    // 取值 // alert($("input[name='username']").val()); // alert($("input[name='password']").val()); // alert($("input[name='sex']:checked").val()); // alert($("
  • 推荐国产工作流引擎嵌入式公式语法解析器-IK Expression comsci java应用服务器工作Excel嵌入式
    这个开源软件包是国内的一位高手自行研制开发的，正如他所说的一样，我觉得它可以使一个工作流引擎上一个台阶。。。。。。欢迎大家使用，并提出意见和建议。。。 ----------转帖--------------------------------------------------- IK Expression是一个开源的（OpenSource），可扩展的（Extensible），基于java语言
  • 关于系统中使用多个PropertyPlaceholderConfigurer的配置及PropertyOverrideConfigurer daizj spring
    1、PropertyPlaceholderConfigurer Spring中PropertyPlaceholderConfigurer这个类，它是用来解析Java Properties属性文件值，并提供在spring配置期间替换使用属性值。接下来让我们逐渐的深入其配置。 基本的使用方法是：(1) <bean id="propertyConfigurerForWZ&q
  • 二叉树:二叉搜索树 dieslrae 二叉树
        所谓二叉树,就是一个节点最多只能有两个子节点,而二叉搜索树就是一个经典并简单的二叉树.规则是一个节点的左子节点一定比自己小,右子节点一定大于等于自己(当然也可以反过来).在树基本平衡的时候插入,搜索和删除速度都很快,时间复杂度为O(logN).但是,如果插入的是有序的数据,那效率就会变成O(N),在这个时候,树其实变成了一个链表. tree代码:
  • C语言字符串函数大全 dcj3sjt126com cfunction
    C语言字符串函数大全     函数名: stpcpy 功 能: 拷贝一个字符串到另一个 用 法: char *stpcpy(char *destin, char *source); 程序例:   #include <stdio.h> #include <string.h>   int main
  • 友盟统计页面技巧 dcj3sjt126com 技巧
    在基类调用就可以了, 基类ViewController示例代码 -(void)viewWillAppear:(BOOL)animated { [super viewWillAppear:animated]; [MobClick beginLogPageView:[NSString stringWithFormat:@"%@",self.class]];
  • window下在同一台机器上安装多个版本jdk，修改环境变量不生效问题处理办法 flyvszhb javajdk
    window下在同一台机器上安装多个版本jdk，修改环境变量不生效问题处理办法 本机已经安装了jdk1.7，而比较早期的项目需要依赖jdk1.6，于是同时在本机安装了jdk1.6和jdk1.7. 安装jdk1.6前，执行java -version得到 C:\Users\liuxiang2>java -version java version "1.7.0_21&quo
  • Java在创建子类对象的同时会不会创建父类对象 happyqing java创建子类对象父类对象
      1.在thingking in java 的第四版第六章中明确的说了，子类对象中封装了父类对象，   2."When you create an object of the derived class, it contains within it a subobject of the base class. This subobject is the sam
  • 跟我学spring3 目录贴及电子书下载 jinnianshilongnian spring
        一、《跟我学spring3》电子书下载地址： 《跟我学spring3》  （1-7 和 8-13） http://jinnianshilongnian.iteye.com/blog/pdf     跟我学spring3系列 word原版 下载     二、 源代码下载 最新依
  • 第12章 Ajax（上） onestopweb Ajax
    index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/
  • BI and EIM 4.0 at a glance blueoxygen BO
    http://www.sap.com/corporate-en/press.epx?PressID=14787   有机会研究下EIM家族的两个新产品~~~~   New features of the 4.0 releases of BI and EIM solutions include: Real-time in-memory computing –
  • Java线程中yield与join方法的区别 tomcat_oracle java
    长期以来，多线程问题颇为受到面试官的青睐。虽然我个人认为我们当中很少有人能真正获得机会开发复杂的多线程应用(在过去的七年中，我得到了一个机会)，但是理解多线程对增加你的信心很有用。之前，我讨论了一个wait()和sleep()方法区别的问题，这一次，我将会讨论join()和yield()方法的区别。坦白的说，实际上我并没有用过其中任何一个方法，所以，如果你感觉有不恰当的地方，请提出讨论。 &nb
  • android Manifest.xml选项 阿尔萨斯 Manifest
    结构 继承关系 public final class Manifest extends Objectjava.lang.Objectandroid.Manifest 内部类 class Manifest.permission权限 class Manifest.permission_group权限组 构造函数 public Manifest () 详细 androi
  • Oracle实现类split函数的方 zhaoshijie oracle
    关键字：Oracle实现类split函数的方 项目里需要保存结构数据，批量传到后他进行保存，为了减小数据量，子集拼装的格式，使用存储过程进行保存。保存的过程中需要对数据解析。但是oracle没有Java中split类似的函数。从网上找了一个，也补全了一下。 CREATE OR REPLACE TYPE t_split_100 IS TABLE OF VARCHAR2(100); cr