啥哎_J
啥哎_J

前端校招面试知识点汇总

自己整理的前端复习知识点，内容可能有错误，希望大家多多指正
持续更新中…

HTML部分

这部分设计的内容比较少，大家只需要熟练掌握常用标签的使用就好啦

1.html5的新特性

  • html5新增了一些标签
    • 语义化标签：header、footer、section、nav、aside、article
    • 增强型表单标签：input（color、date、datetime…）
    • 新增的表单元素：datelist、keygen、output
    • 音频视频标签：audio、video
    • 绘图标签：canvas
  • 新增拖拽api：drag
  • 新增地理位置api
  • 新增本地存储：localStorage、sessionStorage
  • 新增 WebSocket

CSS 部分

css盒模型

盒子模型包括IE盒模型和标准盒模型，通过box-sizing属性设置

  • IE盒模型
    • width 和 height 设置的范围包括 content、padding、border
    • 设置属性：border-box
  • 标准盒模型
    • width 和 height 设置的范围仅包括 content
    • 设置属性：content-box（默认值）

flex布局

  • 常用属性及其作用
    • 父元素属性：display: flex,flex-direction,flex-wrap,flex-flow,justify-content,align-content,align-items
    • 项目属性：order,flex-grow,flex-shrink,flex-basis,flex,align-self
  • flex 属性简写含义
    • 默认：0 1 auto
    • none：0 0 auto
    • auto：1 1 auto
    • 数值：数值 1 0%
    • 长度/百分比：1 1 长度/百分比

水平垂直居中的方法

我把它分为两类，一类是宽高确定，一类是宽高根据内容自适应

  • 宽高确定
    • margin:auto 法
      .parent{
    position: relative;
    height: 400px;
    width: 400px;
}
.son{
    width: 200px;
    height: 200px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
    • 负边距法
      .parent{
    position: relative;
    height: 400px;
    width: 400px;
}
.son{
    position: absolute;
    width: 200px;
    height: 200px;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -100px;
}
  • 宽高自适应
    • transform 法
      .parent{
    position: relative;
    height: 400px;
    width: 400px;
}
.son{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%);
}
    • flex 法
      .parent{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 400px;
    width: 400px;
}
.son{
}
    • table-cell 法
      .parent{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    height: 400px;
    width: 400px;
}
.son{
    display: inline-block;
}

什么是BFC

块级格式化上下文，内部是一个独立的渲染区域

  • 开启BFC元素的特点
    • 不会被浮动元素覆盖（可用于两栏布局）
    • 内部可包含浮动元素（可用于清除浮动）
    • 子元素和父元素的外边距不会发生重叠（可解决margin重叠问题）
    • 内部的盒子会在垂直方向上一个接一个放置
    • 每个盒子的左边与包含块的左边相接触
  • 开启BFC的方法
    • 开启浮动
    • position为absolute、fixed
    • display为inline-block、flex、table-cell…
    • overflow不为visible

块元素、行内元素、行内块元素的区别

  • 块元素：独占一行，可以设置高度、宽度、margin和padding
  • 行内元素：不独占一行，不能设置高度、宽度，不能设置垂直方向的margin、padding
  • 行内块元素：不独占一行，可以设置高度、宽度、margin和padding

单行文本省略和多行文本省略

  • 单行文本省略
    .test{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
  • 多行文本省略
    .test{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

元素隐藏的方法及区别

  • display: none，改变页面布局、不会响应事件
  • visiblity: hidden，不会改变页面布局、不响应事件
  • opacity: 0，不会改变页面布局、响应事件

外边距重叠问题

普通流种相邻的兄弟/父子元素垂直方向会发生margin重叠问题

  • 重叠结果
    • 都为正值，取最大值
    • 都为负值，取绝对值较大的
    • 一正一负，取两者之和
  • 解决方法
    • 给父元素添加border或padding
    • 开启BFC

position属性及含义

  • relative 相对定位

    开启相对定位的元素仍然占据原来的空间，设置移动后相对元素原始位置进行移动，会覆盖其他普通元素，但移动后仍会占据原来的空间

  • absolute 绝对定位

    开启绝对定位的元素不会占据原来的空间，设置移动后相对于开启了定位的父元素进行移动，会覆盖掉其他元素（包括相对定位元素），移动后不会占据原来的空间

  • fixed 固定定位

    开启固定定位的元素不会占据原来的空间，设置移动后相对窗口进行定位，即使窗口滚动也不会移动，移动后不会占据原来的空间

  • sticky 粘滞定位

    开启粘滞定位的元素按普通文档流定位，在跨越阈值之间表现为相对定位，之后表现为固定定位

清除浮动的方法

清除浮动主要是为了解决父元素因为子元素浮动导致内部高度为0的问题

  • 使用 clear 属性
    • 在浮动元素后面添加一个空div，设置样式clear: left
  • 开启BFC
    • 给父元素设置overflow
    • 设置父元素浮动
  • 使用伪类
    .box::after{
    content: '';
    display: block;
    clear: both;
}

CSS3新特性

  1. 伪类、伪元素选择器
  2. 背景、边框、透明度属性
  3. 2D、3D变换
  4. 动画
  5. flex布局

CSS选择器及优先级

  • 选择器
    • !important（10000）
    • 内联（1000）
    • id 选择器（100）
    • 类选择器（10）
    • 伪类选择器（10）
    • 元素选择器（1）
    • 伪元素选择器（1）
    • 通配选择器（0）

两栏布局（左侧固定，右侧自适应）

  1. 浮动
    
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documenttitle>
    <style>
        div{
            height: 300px;
        }
        .left{
            width: 200px;
            float: left;
            background: rebeccapurple;
        }
        .right{
            margin-left: 200px;
            background: pink;
        }
    style>
head>
<body>
    <div class="left">div>
    <div class="right">div>
body>
html>
  2. BFC
    
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documenttitle>
    <style>
        div{
            height: 300px;
        }
        .left{
            width: 200px;
            float: left;
            background: rebeccapurple;
        }
        .right{
            overflow: hidden;
            background: pink;
        }
    style>
head>
<body>
    <div class="left">div>
    <div class="right">div>
body>
html>

三栏布局

重绘和重排

CSS画三角形

移动端适配（rem、em、vh、vw）

JavaScript 部分

闭包，使用场景

类的创建和继承方式

事件流

事件委托含义、优点和缺点

new 操作符做了什么

改变 this 指向的方法

节流和防抖

异步加载 js 的方法

跨域

ES6新特性

数组去重

排序算法

数组扁平化

深/浅克隆

下划线转驼峰，驼峰转下划线

参数分解

箭头函数

获得对象身上的属性

基本数据类型和引用数据类型的区别

js 操作 dom 相关 api

  • 查找节点
    • getElementById（大小写敏感，返回第一个）
    • getElementsByClassName
    • getElementsByTagName
    • getElementsByName
    • querySelector
    • querySelectorAll
  • 创建节点
    • createElement
    • createTextNode
    • createDocumentFragment
    • cloneNode
  • 修改节点
    • appendChild
    • insertBefore(newNode, refNode)
    • removeChild
    • replaceChild(newChild, oldChild)
  • 关系节点
    • parentNode
    • children ——> 子节点都是 Element
    • childNodes ——> 可能包含文本节点、注释节点
    • firstChild ——> firstElementChild
    • lastChild ——> lastElementChild
    • previousSibling ——> previousElementSibling
    • nextSibling ——> nextElementSibling
  • 属性节点
    • setAttribute(name, value)
    • getAttribute(name)
    • hasAttribute(name)
    • removeAttribute(name)
    • dateset
  • 样式属性
    • style：可读可写，内联样式
    • window.getComputedStyle(element, 伪类)
    • document.defaultView.getComputed(element, 伪类)
    • element.currentStyle

事件循环

promise

== 、 === 、Object.is()

计算机网络部分

HTTP 状态码

HTTP 和 HTTPS 的区别

GET 和 POST 的区别

HTTP2.0 的新特性

HTTP 的请求方式

TCP 和 UDP

浏览器输入 url 点击回车发生了什么

cookie 和 session 的区别

sessionStorage 和 localStorage 的区别

XSS 和 CSRF

强缓存和协商缓存

前端框架部分

MVC 和 MVVM

Vue的响应式原理

Vue如何实现双向数据绑定

v-if 和 v-show

为什么vue组件的data是函数

vue生命周期函数

vue组件通信

vue插槽

vue-router的两种模式

虚拟dom和diff算法

其他

进度条与文字反色


<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documenttitle>
    <style>
        .process{
            width: 100px;
            height: 20px;
            position: relative;
            overflow: hidden;
            background: pink;
        }
        .process1{
            width: 100%;
            height: 100%;
            color: rebeccapurple;
            text-align: center;
            position: absolute;
        }
        .process2{
            width: 100%;
            height: 100%;
            background-color: rebeccapurple;
            position: absolute;
            left: -60%;
            overflow: hidden;
        }
        .text{
            width: 100%;
            height: 100%;
            position: absolute;
            left: 60%;
            color: white;
            text-align: center;
        }
    style>
head>
<body>
    <div class="process">
        <div class="process1">40%div>
        <div class="process2">
            <div class="text">40%div>
        div>
    div>
body>
html>

你可能感兴趣的:(javascript,css,html)

  • Formality：黑盒(black box) 日晨难再 Synopsys#Formality数字IC硬件工程
    相关阅读Formalityhttps://blog.csdn.net/weixin_45791458/category_12841971.html?spm=1001.2014.3001.5482简介在使用Formality时，黑盒(blackbox)的概念很重要，指的是一个其功能未知的设计。黑盒通常用于设计中不可综合的组件，包括RAM、ROM、模拟电路和硬核IP等。它也是需要匹配的对象之一，必须确
  • 开启eslint后，html中全角符号绕过eslint检测 Э时间行者于我 前端前端
    直接在需要的地方复制这块eslint代码就行
  • gin框架学习笔记 蛮吉(lambda) goginjsonjava中间件
    gin框架学习笔记官网reviewgin是用go编写的web框架，由于httprputer(基于radix树路由)速度快了40倍，支持中间件，路由组处理，json等多方式验证，内置了json/xml/html等渲染，是一个易于使用的go框架如果是用常量，比如http.statusOkimpport“net/http”gin使用默认的encoding/json作为默认的json包，但是可以通过其他标
  • VUE项目使用高德地图进行精准定位 高德地图API HhhDreamof_ 定位
    提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、高德地图API二、使用步骤1.引入key2.创建方法总结前言提示：以下是本篇文章正文内容，下面案例可供参考一、高德地图的准备工作1.注册高德地图管理者账号https://developer.amap.com/准备好key2.在index.htmlbody中引入高德地图定位二、创建方法1.methods代码如下（示例）：
  • 基于vue实现九宫格大转盘抽奖 HhhDreamof_ vuehtmljs
    提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、基于vue实现九宫格大转盘抽奖二、使用步骤基于vue实现九宫格大转盘抽奖总结前言基于vue实现九宫格大转盘抽奖提示：以下是本篇文章正文内容，下面案例可供参考一、基于vue实现九宫格大转盘抽奖示例：为活动而写的一小段代码。二、使用步骤1.基于vue实现九宫格大转盘抽奖代码如下（示例）：      javascript实现
  • 如何解决Webview和H5缓存问题，确保每次加载最新版本的资源 qq_39279448 缓存
    WebView用于加载H5页面是常见的做法，它能够加载远程的HTML、CSS、JavaScript资源，并且让Web应用嵌入到原生App中。然而，WebView的缓存机制有时会导致用户看到的是旧版本的页面或资源，尤其是在H5发版后，iOS端用户可能仍然加载到缓存的旧页面，造成了不一致的体验。本篇文章将详细分析这个问题的根本原因，并介绍一些有效的缓存处理策略，确保每次加载的都是最新的资源。一、Web
  • Vue.js组件开发-实现全屏背景图片滑动切换特效 LCG元 前端vue.js前端javascript
    使用Vue实现全屏背景图片滑动切换特效的详细步骤、代码、注释和使用说明。步骤创建Vue项目：使用VueCLI创建一个新的Vue项目。准备图片资源：准备好要用于背景切换的图片，并将它们放在项目的合适目录下。编写HTML结构：创建一个包含图片容器和导航按钮的HTML结构。编写CSS样式：设置全屏背景和图片切换动画效果。编写Vue组件逻辑：实现图片切换的逻辑。详细代码1.创建Vue项目首先，确保已经安装
  • NPM 使用介绍 lly202406 开发语言
    NPM使用介绍引言NPM（NodePackageManager）是Node.js生态系统中的一个核心工具，用于管理JavaScript项目的依赖包。无论是开发一个小型脚本还是构建大型应用程序，NPM都能极大地提高开发效率。本文将详细介绍NPM的使用方法，包括安装、配置、依赖管理、包发布等，帮助您快速上手NPM。安装NPM在开始使用NPM之前，您需要确保已经安装了Node.js。NPM与Node.j
  • 【华为机试真题JavaScript】尼科彻斯定理 forest_long 华为机试真题-JS动态规划javascriptpythonjava华为
    目录题目描述输入描述输出描述参考示例参考代码机试介绍写在最后题目描述验证尼科彻斯定理，即：任何一个整数m的立方都可以写成m个连续奇数之和。例如：1^3=12^3=3+53^3=7+9+114^3=13+15+17+19输入一个正整数m（m≤100），将m的立方写成m个连续奇数之和的形式输出。数据范围：1≤m≤100进阶：时间复杂度：O(m)，空间复杂度：O(1)输入描述输入一个int整数输出描述输
  • 基于uni-app实现的物品有效期管理APP开发分享 烂蜻蜓 vue.jshtml
    基于uni-app实现的物品有效期管理APP开发分享一、项目概述本APP实现了物品信息管理功能，支持以下核心功能：增删改查：物品信息的增删改查操作滑动删除：左滑显示删除按钮的交互设计有效期计算：自动计算剩余有效天数本地存储：使用uni-app本地存储实现数据持久化图片管理：支持上传和展示物品图片二、核心功能实现解析1.滑动删除交互实现实现原理：通过触摸事件计算滑动距离，结合CSS过渡动画实现视觉反
  • 【课程设计推荐】基于JSP的论文格式化系统后台模块的设计与实现 想念@思恋 课程设计jspjava课程设计javajsp
    关注【墨岚创客】，回复【毕设】，赠送免费毕设资源，具体联系方式见文末摘要论文的格式修改是一件很麻烦的事情，一篇论文在定稿以前为了让格式达到标准，需要修改很多次，浪费了大量时间。本系统的设计初衷就是为了解决论文书写格式的规范化，方便学者论文格式的自动生成。本系统是基于Java平台的Web应用程序。采用JSP作为后台开发语言，HTML和JavaScript作为前台开发语言，MYSQL5.0作为后台数据
  • javascript使用字符串作为参数报错的问题 jumptigerfu 前端问题&解决方案elementui前端flaskjavascriptpython
    原因:因为直接字符串作为参数需要加单引号,不然就判定为为定义的参数functionoption(value,row,index){varhtm="";htm+='导入'returnhtm;}解决方案:onclick里面加入转义字符\'functionoption(value,row,index){varhtm="";htm+='导入'returnhtm;}完美解决
  • Vue 响应式渲染 - 模板语法 JSON_L 前端#Vuevue.js前端javascript
    Vue渐进式JavaScript框架基于Vue2的学习笔记-Vue响应式渲染-模板语法目录模板语法渲染变量（状态）绑定事件简写事件修改属性样式修改绑定图片路径动态显示和隐藏总结模板语法渲染变量（状态）在页面中直接渲染变量。示例如下：Title{{myname}}newVue({el:"#box",//elementdata:{myname:'我的名字是张三'}})绑定事件增加按钮，并对按钮绑定点击
  • 全面解析：HTML页面的加载全过程(六）--浏览器渲染之分层 - Layer huazi99于老师 html前端
    分层原因在生成布局树之后，渲染进程会将一些复杂的3D动画、滚动条、高z-index的元素生成图层，并生成图层树交给GPU加速渲染。页面设计复杂，并且交互效果多。如不分层，用户的一个简单交互将导致整个页面的重新渲染，效率低下。分层好处‌通过分层，浏览器可以将复杂的页面元素分离成不同的图层，每个图层可以独立地进行渲染和更新，从而减少重排和重绘的次数。例如，当用户滚动页面时，只有可视区域的内容会被重新绘
  • Katana - 纯C语言实现的CSS解析器 蓬玮剑
    Katana-纯C语言实现的CSS解析器katana-parserACSSparsinglibraryinpureC99项目地址:https://gitcode.com/gh_mirrors/ka/katana-parserKatana是一个纯C编写的库，用于解析CascadingStyleSheets(CSS)。它设计简洁，没有外部依赖，为其他工具和库（如linter、验证器、模板语言以及重构和
  • Python中使用SQLite 昂热校长
    开发十年，就只剩下这套Java开发体系了>>>SQLite：SQLite是一种数据库，Python中集成了SQLite3，所以在Python中使用SQLite，可以直接导入SQLite包，不需要做额外的配置。更多的SQLite简介和相关知识可以查看专门的教程：http://www.runoob.com/sqlite/sqlite-tutorial.htmlPython中使用SQLite:可以直接像
  • 深入探讨：服务器如何响应前端请求及后端如何查看前端提交的数据 我的青春不太冷 服务器前端运维
    深入探讨：服务器如何响应前端请求及后端如何查看前端提交的数据一、服务器如何响应前端请求前端与后端的交互主要通过HTTP协议实现。以下是详细步骤：1.前端发起HTTP请求GET请求：用于从服务器获取数据。POST请求：用于向服务器提交数据。例如，使用JavaScript的fetchAPI发送POST请求：fetch('https://example.com/api/data',{method:'PO
  • JavaScript逆向高阶指南：突破基础，掌握核心逆向技术 不做超级小白 web逆向知识碎片web前端javascript开发语言ecmascript
    JavaScript逆向高阶指南：突破基础，掌握核心逆向技术JavaScript逆向工程是Web开发者和安全分析师的核心竞争力。无论是解析混淆代码、分析压缩脚本，还是逆向Web应用架构，掌握高阶逆向技术都将助您深入理解复杂JavaScript逻辑。本文将通过实战案例，带您探索JavaScript逆向的深层技术原理。1.JavaScript反混淆实战现代Web应用常采用多重混淆技术保护代码，以下为高
  • 小白一命速通JS中的window&global对象 不做超级小白 web前端javascript开发语言ecmascript
    笔者注意到JS中的window对象与global对象经常被混淆，尽管它们在相当一部分使用情况下可以等同，但是本质上仍然存在很多不同，下面是对于两者的详细拆解1.window对象定义：window对象表示浏览器环境中的全局上下文。作用域：它是浏览器中运行的任何JavaScript代码的顶级对象。关键特性：包含所有通过var声明的全局变量和函数（在非模块脚本中）。表示浏览器的窗口或框架，代码运行在其中
  • OpenAI 函数调用 功能入门 AI火箭 chatgptopenai
    Javascript版Langchain入门作者：AI小火箭的HB我是AI小火箭的HB，我探索和写作人工智能和语言交叉点的所有事物，范围从LLM，聊天机器人，语音机器人，开发框架，以数据为中心的潜在空间等。介绍LangChain是一个开源Python库，用于构建由大型语言模型（LLM）支持的应用程序。它提供了一个框架，将LLM与其他数据源（如互联网或个人文件）连接起来，允许开发人员将多个命令链接在
  • 第23节课：前端调试技巧—掌握浏览器开发者工具与性能优化 学问小小谢 HTML学习前端性能优化交互html5安全学习
    目录浏览器开发者工具常见的浏览器开发者工具浏览器开发者工具的基本使用打开开发者工具开发者工具的面板使用开发者工具进行调试Elements面板检查和编辑HTML检查和编辑CSSConsole面板输出日志和调试信息执行JavaScript代码Network面板监控网络请求分析请求和响应Performance面板记录和分析性能优化性能Application面板检查和管理资源调试存储性能优化与调试性能优化
  • 第20节课： jQuery基础—简化JavaScript编程的强大工具 学问小小谢 HTML学习javascriptjquery前端html学习交互搜索引擎
    目录jQuery简介为什么使用jQuery？jQuery选择器基本选择器属性选择器伪类选择器事件处理事件绑定常见事件类型事件触发动画效果基本动画自定义动画实践：使用jQuery增强网页交互示例：创建一个带有动画效果的按钮示例：创建一个交互式的导航菜单结语在Web开发中，JavaScript是实现网页交互和动态效果的核心语言。然而，原生JavaScript的语法有时显得繁琐，为了提高开发效率，jQu
  • 第2节课：文本内容与格式化——HTML中的文本处理技巧 学问小小谢 HTML学习html前端学习
    目录文本内容与格式化：段落和标题：构建文本基础段落``标题``到``格式化：强调和样式加粗``斜体``下划线``列表：组织内容无序列表``有序列表``定义列表``实践：创建一个内容丰富的网页结语文本内容与格式化：在网页设计中，文本是传达信息的核心元素。HTML提供了多种方式来创建和格式化文本，使其既美观又易于阅读。在本节课中，我们将深入学习HTML中文本内容的创建和格式化，包括段落、标题、加粗、斜
  • 第5节课：HTML5 新标签——构建更智能的网页结构 学问小小谢 HTML学习html5前端学习
    目录语义化标记的重要性新标签详解````````````实践：使用HTML5新标签构建网页结语随着HTML5的推出，网页开发者们获得了一套新的强大工具——语义标签。这些标签不仅帮助我们更好地组织内容，还使得网页更易于搜索引擎优化（SEO）和辅助技术访问。本节课将深入探讨HTML5中的新语义标签，包括、、、、和，并强调使用这些标签进行语义化标记的重要性。语义化标记的重要性在HTML5之前，我们通常使
  • 代替Winform、Win32控件的一些界面框架Electron,QT等 专注VB编程开发20年 前端c++ui界面框架
    以下是一些可以代替Winform、Win32控件，在VC++、VBA等EXE程序上用来做控件元素、表格数据绑定、窗口显示的WEBUI框架和工具：1.Electron特点：Electron是一个使用JavaScript、HTML和CSS构建跨平台桌面应用程序的框架。它允许开发者使用Web技术来创建桌面应用，具有良好的跨平台兼容性。适用场景：适用于需要快速开发跨平台桌面应用的场景，尤其是对UI灵活性和
  • 1.“use strict“ 严格模式 - JS 个人意志想 #LittlePointsinJS笔记开发语言js学习
    JS严格模式JS严格模式是指令在JavaScript1.8.5（ECMAScript5、ES5）开始引入的；是一种旨在消除歧义、语法规范、维护安全的模式；通过语句"usestrict"进行声明。声明与作用域在文件头部声明，整个文件代码都要遵循严格模式；在函数内部开头声明，函数体遵循严格模式；函数的严格模式是最佳选择，没必要整个文件都严格，或者可以一个文件就写一个函数。限制不允许使用未声明的变量（对
  • JavaScript笔记（5）严格模式 way_hj JavaScript学习笔记javascript严格模式usestrict
    1.启用严格模式的指令："usestrict"或'usestrict'，即单引号或双引号均可，也许use将来会成为关键字。2."usestrict";以分号结尾，在不支持严格模式的浏览器中（如IE9及以下）被当作一般语句。3.必须作为全局或函数的首条语句才起到严格模式指令的作用，否则即是一条普通语句。usestrict;//严格模式指令必须在首行，如果之前有语句，它将被当作一个普通字符串，而不是启
  • 22、JavaScript学习笔记——ES5严格模式 lvh98 javascript学习前端
    ES5严格模式当前使用的ES语法是基于ES3.0的方法加上ES5.0的新增方法。默认情况下，ES3.0和ES5.0冲突的部分，会沿用ES3.0的方法；而在ES5.0严格模式下，冲突部分会使用ES5.0的方法。1.“usestrict”不再兼容ES3.0的一些不规则语法。使用全新的ES5.0规范。1.1ES5.0严格模式的启动要选择使用严格模式，需要使用严格模式编译指示（pragma），即一个不赋值
  • 用SpringBoot+mysql+html实现ATM 系统总结与扩展 SAFE20242034 #一SpringBootspringbootmysqlhtml
    这里写目录标题ATM系统总结与扩展项目概述主要功能模块1.用户注册2.用户登录3.账户查询4.存款与取款5.转账6.修改密码7.销户系统改进建议功能扩展技术优化完整代码实现数据库表设计后端代码（SpringBoot示例）1.Account实体类2.AccountRepository接口3.AccountController类前端代码（HTML+JavaScript示例）实际开发与部署步骤**1.开
  • 《JS教程》笔记：一、JavaScript编程语言——2.3现代模式use strict（严格模式、旧模式） Dontla javascriptjavascript笔记开发语言
    现代JavaScript教程中文版现代JavaScript教程文章目录现代模式，"usestrict""usestrict"确保\"usestrict\"出现在最顶部没有办法取消`usestrict`浏览器控制台默认不启动`usestrict`是否应该显式声明"usestrict"？（非必须，有办法自动启用）现代模式，“usestrict”长久以来，JavaScript不断向前发展且并未带来任何兼
  • PHP，安卓，UI，java，linux视频教程合集 cocos2d-x小菜 javaUIPHPandroidlinux
    ╔-----------------------------------╗┆                           
  • 各表中的列名必须唯一。在表 'dbo.XXX' 中多次指定了列名 'XXX'。 bozch .net.net mvc
    在.net mvc5中，在执行某一操作的时候，出现了如下错误：       各表中的列名必须唯一。在表 'dbo.XXX' 中多次指定了列名 'XXX'。 经查询当前的操作与错误内容无关，经过对错误信息的排查发现，事故出现在数据库迁移上。 回想过去： 在迁移之前已经对数据库进行了添加字段操作，再次进行迁移插入XXX字段的时候，就会提示如上错误。  &
  • Java 对象大小的计算 e200702084 java
                              Java对象的大小 如何计算一个对象的大小呢？    
  • Mybatis Spring 171815164 mybatis
    ApplicationContext ac = new ClassPathXmlApplicationContext("applicationContext.xml"); CustomerService userService = (CustomerService) ac.getBean("customerService"); Customer cust
  • JVM 不稳定参数 g21121 jvm
            -XX 参数被称为不稳定参数，之所以这么叫是因为此类参数的设置很容易引起JVM 性能上的差异，使JVM 存在极大的不稳定性。当然这是在非合理设置的前提下，如果此类参数设置合理讲大大提高JVM 的性能及稳定性。        可以说“不稳定参数”
  • 用户自动登录网站 永夜-极光 用户
    1.目标:实现用户登录后,再次登录就自动登录,无需用户名和密码 2.思路:将用户的信息保存为cookie            每次用户访问网站,通过filter拦截所有请求,在filter中读取所有的cookie,如果找到了保存登录信息的cookie,那么在cookie中读取登录信息,然后直接
  • centos7 安装后失去win7的引导记录 程序员是怎么炼成的 操作系统
    1.使用root身份(必须)打开 /boot/grub2/grub.cfg 2.找到 ### BEGIN /etc/grub.d/30_os-prober ###   在后面添加    menuentry "Windows 7 (loader) (on /dev/sda1)" { 
  • Oracle 10g 官方中文安装帮助文档以及Oracle官方中文教程文档下载 aijuans oracle
    Oracle 10g 官方中文安装帮助文档下载：http://download.csdn.net/tag/Oracle%E4%B8%AD%E6%96%87API%EF%BC%8COracle%E4%B8%AD%E6%96%87%E6%96%87%E6%A1%A3%EF%BC%8Coracle%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3 Oracle 10g 官方中文教程
  • JavaEE开源快速开发平台G4Studio_V3.2发布了 無為子 AOPoraclemysqljavaeeG4Studio
      我非常高兴地宣布,今天我们最新的JavaEE开源快速开发平台G4Studio_V3.2版本已经正式发布。大家可以通过如下地址下载。   访问G4Studio网站 http://www.g4it.org   G4Studio_V3.2版本变更日志 功能新增 (1).新增了系统右下角滑出提示窗口功能。 (2).新增了文件资源的Zip压缩和解压缩
  • Oracle常用的单行函数应用技巧总结 百合不是茶 日期函数转换函数(核心)数字函数通用函数(核心)字符函数
    单行函数;   字符函数,数字函数,日期函数,转换函数(核心),通用函数(核心) 一:字符函数: .UPPER(字符串) 将字符串转为大写 .LOWER (字符串) 将字符串转为小写 .INITCAP(字符串) 将首字母大写 .LENGTH (字符串) 字符串的长度 .REPLACE(字符串,'A','_') 将字符串字符A转换成_
  • Mockito异常测试实例 bijian1013 java单元测试mockito
    Mockito异常测试实例： package com.bijian.study; import static org.mockito.Mockito.mock; import static org.mockito.Mockito.when; import org.junit.Assert; import org.junit.Test; import org.mockito.
  • GA与量子恒道统计 Bill_chen JavaScript浏览器百度Google防火墙
    前一阵子，统计**网址时，Google Analytics（GA） 和量子恒道统计（也称量子统计），数据有较大的偏差，仔细找相关资料研究了下，总结如下：   为何GA和量子网站统计（量子统计前身为雅虎统计）结果不同？ 首先：没有一种网站统计工具能保证百分之百的准确出现该问题可能有以下几个原因：（1）不同的统计分析系统的算法机制不同；（2）统计代码放置的位置和前后
  • 【Linux命令三】Top命令 bit1129 linux命令
    Linux的Top命令类似于Windows的任务管理器，可以查看当前系统的运行情况，包括CPU、内存的使用情况等。如下是一个Top命令的执行结果：     top - 21:22:04 up 1 day, 23:49, 1 user, load average: 1.10, 1.66, 1.99 Tasks: 202 total, 4 running, 198 sl
  • spring四种依赖注入方式 白糖_ spring
      平常的java开发中，程序员在某个类中需要依赖其它类的方法，则通常是new一个依赖类再调用类实例的方法，这种开发存在的问题是new的类实例不好统一管理，spring提出了依赖注入的思想，即依赖类不由程序员实例化，而是通过spring容器帮我们new指定实例并且将实例注入到需要该对象的类中。依赖注入的另一种说法是“控制反转”，通俗的理解是：平常我们new一个实例，这个实例的控制权是我
  • angular.injector boyitech AngularJSAngularJS API
    angular.injector   描述: 创建一个injector对象, 调用injector对象的方法可以获得angular的service, 或者用来做依赖注入.   使用方法: angular.injector(modules, [strictDi])   参数详解: Param Type Details mod
  • java-同步访问一个数组Integer[10]，生产者不断地往数组放入整数1000，数组满时等待；消费者不断地将数组里面的数置零，数组空时等待 bylijinnan Integer
    public class PC { /** * 题目：生产者-消费者。 * 同步访问一个数组Integer[10]，生产者不断地往数组放入整数1000，数组满时等待；消费者不断地将数组里面的数置零，数组空时等待。 */ private static final Integer[] val=new Integer[10]; private static
  • 使用Struts2.2.1配置 Chen.H apachespringWebxmlstruts
    Struts2.2.1 需要如下 jar包: commons-fileupload-1.2.1.jar commons-io-1.3.2.jar commons-logging-1.0.4.jar freemarker-2.3.16.jar javassist-3.7.ga.jar ognl-3.0.jar spring.jar struts2-core-2.2.1.jar struts2-sp
  • [职业与教育]青春之歌 comsci 教育
           每个人都有自己的青春之歌............但是我要说的却不是青春...        大家如果在自己的职业生涯没有给自己以后创业留一点点机会,仅仅凭学历和人脉关系,是难以在竞争激烈的市场中生存下去的....   &nbs
  • oracle连接(join)中使用using关键字 daizj JOINoraclesqlusing
    在oracle连接(join)中使用using关键字 34. View the Exhibit and examine the structure of the ORDERS and ORDER_ITEMS tables. Evaluate the following SQL statement: SELECT oi.order_id, product_id, order_date FRO
  • NIO示例 daysinsun nio
    NIO服务端代码： public class NIOServer { private Selector selector; public void startServer(int port) throws IOException { ServerSocketChannel serverChannel = ServerSocketChannel.open(
  • C语言学习homework1 dcj3sjt126com chomework
    0、 课堂练习做完 1、使用sizeof计算出你所知道的所有的类型占用的空间。 int x; sizeof(x);   sizeof(int);   # include <stdio.h> int main(void) { int x1; char x2; double x3; float x4; printf(&quo
  • select in order by , mysql排序 dcj3sjt126com mysql
    If i select like this: SELECT id FROM users WHERE id IN(3,4,8,1); This by default will select users in this order 1,3,4,8, I would like to select them in the same order that i put IN() values so:
  • 页面校验-新建项目 fanxiaolong 页面校验
    $(document).ready( function() { var flag = true; $('#changeform').submit(function() { var projectScValNull = true; var s =""; var parent_id = $("#parent_id").v
  • Ehcache（02）——ehcache.xml简介 234390216 ehcacheehcache.xml简介
    ehcache.xml简介          ehcache.xml文件是用来定义Ehcache的配置信息的，更准确的来说它是定义CacheManager的配置信息的。根据之前我们在《Ehcache简介》一文中对CacheManager的介绍我们知道一切Ehcache的应用都是从CacheManager开始的。在不指定配置信
  • junit 4.11中三个新功能 jackyrong java
    junit 4.11中两个新增的功能，首先是注解中可以参数化，比如 import static org.junit.Assert.assertEquals; import java.util.Arrays; import org.junit.Test; import org.junit.runner.RunWith; import org.junit.runn
  • 国外程序员爱用苹果Mac电脑的10大理由 php教程分享 windowsPHPunixMicrosoftperl
    Mac 在国外很受欢迎，尤其是在 设计/web开发/IT 人员圈子里。普通用户喜欢 Mac 可以理解，毕竟 Mac 设计美观，简单好用，没有病毒。那么为什么专业人士也对 Mac 情有独钟呢？从个人使用经验来看我想有下面几个原因： 1、Mac OS X 是基于 Unix 的 这一点太重要了，尤其是对开发人员，至少对于我来说很重要，这意味着Unix 下一堆好用的工具都可以随手捡到。如果你是个 wi
  • 位运算、异或的实际应用 wenjinglian 位运算
    一． 位操作基础，用一张表描述位操作符的应用规则并详细解释。       二． 常用位操作小技巧，有判断奇偶、交换两数、变换符号、求绝对值。       三． 位操作与空间压缩，针对筛素数进行空间压缩。    &n
  • weblogic部署项目出现的一些问题（持续补充中……） Everyday都不同 weblogic部署失败
    好吧，weblogic的问题确实……   问题一： org.springframework.beans.factory.BeanDefinitionStoreException: Failed to read candidate component class: URL [zip:E:/weblogic/user_projects/domains/base_domain/serve
  • tomcat7性能调优（01） toknowme tomcat7
        Tomcat优化： 1、最大连接数最大线程等设置 <Connector port="8082" protocol="HTTP/1.1"                useBodyEncodingForURI="t
  • PO VO DAO DTO BO TO概念与区别 xp9802 javaDAO设计模式bean领域模型
    O/R Mapping 是 Object Relational Mapping（对象关系映射）的缩写。通俗点讲，就是将对象与关系数据库绑定，用对象来表示关系数据。在O/R Mapping的世界里，有两个基本的也是重要的东东需要了解，即VO，PO。 它们的关系应该是相互独立的，一个VO可以只是PO的部分，也可以是多个PO构成，同样也可以等同于一个PO（指的是他们的属性）。这样，PO独立出来，数据持
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他