HTML--BOM window对象(实例:放大镜)

目录

简介:

1、BOM结构

2、window对象

3、location对象

4、history对象

5、navigator对象

6、screen对象

BOM 定时器

1、定时器方法

放大镜


简介:

BOM即浏览器对象模型(Browser Object Model),它提供了页面与浏览器窗口进行交互的对象接口。BOM由一系列的相关对象组成,window作为BOM的顶层对象,所有其他全局对象都是window的子对象,甚至DOM也是其子对象之一。学会了window对象及其子对象的常用属性方法,基本就掌握了BOM的大部分知识。

1、BOM结构

window对象作为BOM的顶级对象,本身包含一些全局属性和方法,其子对象也有其特有的属性和方法

使用window子对象时,可以使用完整语法,也可以忽略window,如:window.alert()alert()效果相同

2、window对象

名称描述
open()打开一个新浏览器窗口
alert()显示警告框
close()关闭当前浏览器窗口
scrollTo()可把内容滑动到指定坐标
scrollBy()可将内容滑动指定的距离(相对于当前位置)
innerWidth返回窗口的网页显示区域宽度
innerHeight返回窗口的网页显示区域高度

2.1 open(url, name, features, replace)

  • url: 打开指定页面的url,如果没有则打开空白页

    • name: 指定target属性或窗口名称,支持以下值:

      • _blank –- url加载到新窗口(默认)

      • _parent –- url加载到父框架

      • _self –- url替换当前页面

      • _top –- url替换任何可加载的框架集

      • name -- 窗口名称

  • features: 设置新打开窗口的功能样式(如:width=500)

  • replace

    • true –- url替换浏览历史中的当前条目

    • false –- 在浏览历史中创建新条目

// 新窗口打开csdn首页
open('https://www.csdn.net/')
// 当前窗口打开csdn首页
open('https://www.csdn.net/', '_self')
// 新窗口打开csdn首页,并设置窗口宽高500px
open('https://www.csdn.net/', '_blank', 'width=500,height=500') 

2.2 scrollTo(xpos, ypos)

  • xpos:距离网页左上角x坐标

  • ypos:距离网页左上角y坐标

<style>
  .box { height: 3000px; }
</style>
<div class="box">
  <p>我是顶部</p>
</div>
<script>
window.addEventListener('load', function() {
    scrollTo(0, 500) // 页面加载后,滚动到距离顶部500px
  })
</script>

3、location对象

location对象包含当前url信息,经常用于网址判断,url跳转

名称描述
href返回当前完整网址
host返回主机名和端口号,通常指完整域名
protocol返回网址协议
port返回端口号
pathname返回网址路径部分
search返回网址中的?及?后的字符串(查询部分),通常指查询参数
hash返回网址中的#及#后的字符串,通常指锚点名称
assign(url)在当前页面打开指定新url(增加浏览记录)
reload()重新加载当前页面
replace(url)打开新url替换当前页面(替换当前浏览记录)

3.1 获取网址信息

// 以https://www.csdn.net/nav/python?param1=111&param2=222#first为例,
查看输出结果
console.log(location.href)
​
// “https://www.csdn.net/nav/python?param1=111&param2=222#first” 
console.log(location.host)        // “www.csdn.net”
​
console.log(location.protocol)    // “https://”
​
console.log(location.pathname)  // “/nav/python”
​
console.log(location.search)     // “?param1=111&param2=222”
​
console.log(location.hash)       // “#first”

3.2 通过给href属性赋值url字符串的方式,可以跳转到对应url

location.href = 'https://www.csdn.net'

4、history对象

history对象包含用户浏览器的历史记录,但是不可读取,经常用于页面跳转

名称描述示例
back()返回历史记录的上一个urlhistory.back()
forward()返回历史记录的下一个urlhistory.forward()
go(n)返回相对于当前记录的第n个url n>0,表前进;n<0,表后退;n=0,刷新当前页history.go(-1) history.go(1)

5、navigator对象

navigator对象包含浏览器相关信息,经常用于判断设备类型,浏览器兼容性

名称描述
platform返回操作系统类型
userAgent返回用户代理头的值

判断是否为谷歌内核:

navigator.userAgent.toLowerCase().indexOf('chrome')
// 返回-1时不是chrome内核,大于-1时是chrome内核

6、screen对象

screen对象包含用户屏幕的信息

名称描述
availWidth返回屏幕的宽度(不包括windows任务栏)
availHeight返回屏幕的高度(不包括windows任务栏)
width返回屏幕的总宽度
height返回屏幕的总高度

BOM 定时器

1、定时器方法

方法名定义清除定时器方法
setTimeout()指定的毫秒数后调用函数或计算表达式clearTimeout()
setInterval()按照指定的周期(毫秒)来调用函数或计算表达式clearInterval()

1.1 setTimeout(代码字符串或函数, 等待的毫秒数, 参数1, 参数2…)

setTimeout()可执行代码字符串,如:a+b,但不推荐使用,有安全风险;

定时器到期时,可以通过setTimeout()的额外参数(参数1, 参数2…)给执行函数传递参数(IE9及以下浏览器不支持此语法);

定时器清除方法clearTimeout(id)id为setTimeout()的返回值;

示例:

<p class="info"></p>
<button class="btn">清除定时器</button>
<script>
  var info = document.querySelector('.info')
  var btn = document.querySelector('.btn')
  var t1 = setTimeout(function() {
    info.innerHTML = '已经5秒了'
  }, 5000);
  // 点击按钮可清除定时器
  var btn = document.querySelector('.btn')
  btn.addEventListener('click', function() {
    clearTimeout(t1)
    info.innerHTML = '定时器已清除'
  })
</script>

1.2 setInterval(代码字符串或函数, 运行间隔毫秒数,参数1, 参数2…)

语法与setTimeout()相似,区别是setInterval()第二个参数为运行间隔;

由于setInterval()是循环执行,如果没有特殊需求,则必须限制执行次数,使用clearInterval(id)清除定时器;

示例:

<p class="info"></p>
<script>
  var info = document.querySelector('.info')
  var num = 0
  var t1 = setInterval(function() { // 每隔1秒显示当前时间,5次后停止
    info.innerHTML = '当前时间:' + String(new Date())
    if (num >= 4) { clear() }
    num++
  }, 1000)
  // 清除定时器
  function clear() {
    clearInterval(t1)
    info.innerHTML = '定时器已清除'
  }
</script>

放大镜

<!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>Document</title>
    <style>
        .s_box,.b_box{width:400px;height:300px;position: absolute;top:0;}
        .s_box{left:0;}
        .s_box img{width: 400px;height: 300px;}
        .s_box span{position: absolute;left:0;top:0;background: rgba(200,200,200,0.5);display: none}

        .b_box{left:500px;display: none;overflow: hidden}
        .b_box img{width: 1200px;height: 900px;position: absolute;left: 0;top: 0;}
    </style>
</head>
<body>
<div class="s_box">
    <img src="../../img/派大星.jpeg" alt="">
    <span></span>
</div>
<div class="b_box">
    <img src="../../img/派大星.jpeg" alt="">
</div>
</body>
<script>
    // OOP:编程
    function Magnifier(){
        // 1.选元素
        this.sBox = document.querySelector(".s_box");
        this.span = document.querySelector(".s_box span");
        this.bBox = document.querySelector(".b_box");
        this.bImg = document.querySelector(".b_box img");
        // 2.绑定事件
        this.init()
    }
    Magnifier.prototype.init = function(){
        var that = this;
        // 进入
        this.sBox.onmouseover = function(){
            // 3-1.显示,计算span的宽高
            that.show()
        }
        // 离开
        this.sBox.onmouseout = function(){
            // 3-2.隐藏
            that.hide()
        }
        // 移动
        this.sBox.onmousemove = function(eve){
            var e = eve || window.event;
            // 5.span跟随鼠标
            that.move(e)
        }
    }


    Magnifier.prototype.show = function(){
        // 显示,计算span的宽高
        this.span.style.display = "block";
        this.bBox.style.display = "block";


        this.span.style.width = this.bBox.offsetWidth / this.bImg.offsetWidth * this.sBox.offsetWidth + "px";
        this.span.style.height = this.bBox.offsetHeight / this.bImg.offsetHeight * this.sBox.offsetHeight + "px";
    }

    Magnifier.prototype.hide = function(){
        // 隐藏
        this.span.style.display = "none";
        this.bBox.style.display = "none";
    }

    Magnifier.prototype.move = function(e){
        // 计算移动的距离
        var l = e.clientX - this.span.offsetWidth/2;
        var t = e.clientY - this.span.offsetHeight/2;
        console.log(this.sBox.offsetTop);
        //  边界限定
        if(l<0) l=0;
        if(t<0) t=0;
        if(l>this.sBox.offsetWidth - this.span.offsetWidth){
            l=this.sBox.offsetWidth - this.span.offsetWidth
        }
        if(t>this.sBox.offsetHeight - this.span.offsetHeight){
            t=this.sBox.offsetHeight - this.span.offsetHeight
        }
        //  span跟随鼠标
        this.span.style.left = l + "px";
        this.span.style.top = t + "px";

        //  计算比例
        // 当前值 / 总值,得到的就是比例
        var x = l / (this.sBox.offsetWidth - this.span.offsetWidth);
        var y = t / (this.sBox.offsetHeight - this.span.offsetHeight);


        //  根据比例计算右边大图应该移动的距离
        // 比例 * 总值,得到的就是当前应该移动的距离
        this.bImg.style.left = x * (this.bBox.offsetWidth - this.bImg.offsetWidth) + "px";
        this.bImg.style.top = y * (this.bBox.offsetHeight - this.bImg.offsetHeight) + "px";
    }

    new Magnifier();
</script>
</html>

 

热门文章

CVPR 2019 | 腾讯AI Lab 6大前沿方向33篇入选论文解读

点击我爱计算机视觉标星&#xff0c;更快获取CVML新技术本文转载自腾讯 AI Lab 公众号&#xff08;tencent_ailab&#xff09;&#xff0c;分组介绍了CVPR 2019 中腾讯 AI Lab 的6大重点研究方向和入选的33篇论文。计算机视觉顶级会议 CVPR 2019 将于 6 月 15 日– 6 月 21 日在…

开源中国 2018 新增开源软件最受欢迎 TOP 50

今天公布的这份榜单 —— 开源中国 2018 新增开源软件最受欢迎 TOP 50&#xff0c;所挑选的软件来自于 2018 年开源中国新收录的非国产开源软件。根据软件的关注度、活跃度以及影响力&#xff0c;再剔除掉一些不符合要求的开源软件&#xff0c;最终生成了这份榜单。 开源中国 …

玩转StyleGan2:手把手教你安装并运行项目!

时间过得是真快&#xff0c;离上次分享《用AI生成一堆漂亮且独一无二的女朋友&#xff01;》已经快过去半个多月了。光分享效果&#xff0c;而不分享如何实现&#xff0c;这不是我的风格。所以从今天开始&#xff0c;我会带大家一起玩转这个强大的高清人脸生成项目&#xff08;…

机器学习----(Machine Learning)深度学习(Deep Learning)资料(Chapter 1)

文章转至&#xff1a;作者&#xff1a;yf210yf 感谢您提供的资源 资料汇总的很多&#xff0c;转载一下也方便自己以后慢慢学习 注:机器学习资料篇目一共500条,篇目二开始更新 希望转载的朋友&#xff0c;你可以不用联系我&#xff0e;但是一定要保留原文链接&#xff0c;因为…

深度学习如何入门?

beanfrog &#xff0c;computer vision161 人赞同先了解个大概A Deep Learning Tutorial: From Perceptrons to Algorithms神经网络肯定是要学习的&#xff0c;主要是BP算法&#xff0c;可以看看PRML3、4、5三章&#xff0c;可先忽略其中的贝叶斯视角的解释。一些主要的算法理解…

关于表情识别-综述 FER --FER2013

表情识别综述 AI 前线导读&#xff1a; 面部表情识别技术&#xff08;FER&#xff09;正逐渐从实验室数据集测试走向挑战真实场景下的识别。随着深度学习技术在各领域中的成功&#xff0c;深度神经网络被越来越多地用于学习判别性特征表示。目前的深度面部表情识别系统通常面临…

卷积神经网络(CNN)

来自&#xff1a;http://blog.csdn.net/stdcoutzyx/article/details/41596663 http://blog.csdn.net/u013007900/article/details/51381084?locationNum8&fps1概述 起源 卷积网络最初是受视觉神经机制的启发而设计的&#xff0c;是为识别二维形状而设计的一个多层感知器…

SAIL-IMX6Q开发板双屏异显测试方法

SAIL屏幕双屏显示相同或不同视频的配置以及相关指令 主屏播放视频指令 指令1&#xff1a;gst-launch-1.0 playbin urifile:///IMG_6009.mp4 指令2&#xff1a;gst-play-1.0 /IMG_6009.mp4 控制视频在不同屏幕播放或着同时在两个屏幕上播放需要用到overlaysink插件(系统已经…

Facebook黄毅:职业路上知难而“进”

Robin.ly 是一个全新的视频内容平台&#xff0c;旨在为广大工程师和研究人员提高对商业、创业、投资和领导力的理解。本期是Robin.ly创始人Alex Ren采访Facebook Engineering Director&#xff0c;黄毅博士。以下为采访实录摘要&#xff1a;完整视频请在文末扫二维码关注Alex: …

DeepFace和GAN

由于换脸技术的影响&#xff0c;现在造假视频的成本越来越低。AI换脸视频也越来越热门&#xff0c;甚至有一些已经达到了以假乱真的程度。虽然有明星反对表示无奈&#xff0c;可是。。。。 据报道&#xff0c;2018年&#xff0c;arXiv上发布了902篇GAN的研究成果。 可见研究人员…

生病了

生病了&#xff0c;腹泻。周5晚上买了1000毫升的光明盒装酸奶&#xff0c;没一个小时就全部喝掉了&#xff0c;结果第二天就不行了。。都怪自己胃口真是好。。今天是周日晚上了&#xff0c;2天足足拉了不下15次了。。。请了一天假。周一在家里休息。今天出去超市买厨房用品&…

刘恺威透露杨幂怀孕6个月 已留港待产

刘恺威透露杨幂怀孕6个月 已留港待产刘恺威透露杨幂怀孕6个月 已留港待产刘恺威透露杨幂怀孕6个月 已留港待产刘恺威透露杨幂怀孕6个月 已留港待产刘恺威透露杨幂怀孕6个月 已留港待产刘恺威透露杨幂怀孕6个月 已留港待产刘恺威透露杨幂怀孕6个月 已留港待产刘恺威透露杨幂怀孕…

杨幂父母到港前往医院探女 遭记者围堵

香港 1号剖腹为老公刘恺威诞下女儿小糯米&#xff0c;丹爷夫妇、杨幂父母及刘恺威的妹妹今天有到港安医院探望。三时许现身的杨幂父母对于传媒连串的问题都拒绝回应&#xff0c;杨父只说了一句&#xff1a;“母女平安。”而拍剧后赶来的丹爷有孙女万事足&#xff0c;心情大好地…

长时间看电脑,眼睛疼的原因和治疗方法

视频终端综合征&#xff0c;是指由于长期注视电脑或者电脑屏幕&#xff0c;眼瞬目动作减少&#xff0c;泪液不能很好地均匀分布在眼表&#xff0c;导致眼干、眼涩、疲劳&#xff0c;慢性结膜炎等眼部不适症状&#xff0c;这些症状也可能是干眼症的一种。长时间用眼对眼睛的危害…

ePO\MA TS -- From Mattew

Common issues (ePO) A far-from-exhaustive set of ideas to get you started. Agent to Server Communication • Always review and collect both sides of the communication (masvc.log on endpoint and server_servername.log on handler) • In masvc, search fo…

炼丹工程师的自我修养

AI研发工程师成长指南本文为数据茶水间群友原创&#xff0c;经授权在本公众号发表。关于作者&#xff1a;Japson。某人工智能公司AI平台研发工程师&#xff0c;专注于AI工程化及场景落地。持续学习中&#xff0c;期望与大家多多交流技术以及职业规划。0x00 前言首先&#xff0c…

CVPR 2019 论文汇总(按方向划分,0409 更新中)[转载]

转载链接&#xff1a;http://bbs.cvmart.net/topics/302/cvpr2019paper 作为计算机视觉领域三大顶会之一&#xff0c;CVPR2019&#xff08;2019.6.16-6.19在美国洛杉矶举办&#xff09;被CVers 重点关注。目前CVPR 2019 接收结果已经出来啦&#xff0c;相关报道&#xff1a;13…

关于Intel核心显卡与NVIDIA独立显卡不能正常切换

最近新买个本本&#xff0c;装好系统后用某些驱动软件补了下驱动&#xff0c;然后进行优化&#xff0c;折腾了半天&#xff0c;后来lol&#xff0c;发现fps才30左右&#xff0c;某雷达悬浮窗一直显示核显&#xff0c;怎么设置独显都不能正常工作。 查度娘和远景都只说是N卡和核…

微软重制Windows 1.0系统:祖师爷出山了

Windows官方推特在7月1日发布了一条很有趣的动态&#xff0c;“向大家介绍全新的Windows 1.0&#xff0c;带MS-DOS、时钟等”。配发的视频回顾了从Windows 1.0/3.1到Windows 10期间&#xff0c;视窗LOGO的演变。 评论互动中&#xff0c;Windows官方显得一本正经的样子&#xff…

命名秘籍周获近五千星——GitHub 热点速览 v.21.04

作者&#xff1a;HelloGitHub-小鱼干 命名一直是编程界的难点&#xff0c;这次 naming-cheatsheet 就能帮上你的忙。按照它的 SID&#xff08;Short.、Intuitive、Descriptive&#xff09;原则&#xff0c;你一定能取出极佳的变量 / 函数名。同样&#xff0c;能解决你可视化问…

Java 语法

详细代码请参看 Java基础语法随堂代码 关键字(掌握) 定义 被Java语言赋予特定含义的单词特点&#xff1a; 全部小写。注意事项&#xff1a; A:goto和const作为保留字存在。B:类似于Notepad这样的高级记事本会对关键字有特殊颜色标记标识符(掌握) 定义 就是给类&#xff0c;接…

anaconda设置清华园

设置国内镜像 如果需要安装很多packages&#xff0c;你会发现conda下载的速度经常很慢&#xff0c;因为Anaconda.org的服务器在国外。所幸的是&#xff0c;清华TUNA镜像源有Anaconda仓库的镜像&#xff0c;我们将其加入conda的配置即可&#xff1a; 123456# 添加Anaconda的TUNA…

用一个浏览器实现n倍速播放本地视频

用浏览器倍速播放本地视频(.flv,.mp4……)&#xff0c;再也不用下载播放器了&#xff01; 当我们想要学习一些技术时&#xff0c;可能需要下载教学视频到本地&#xff0c;但有些视频的格式电脑自带的播放器并不支持播放&#xff08;就比如.flv格式的视频&#xff09;或者是嫌视…

TextView 跑马灯特效

做开发&#xff0c;没效果就是扯淡&#xff0c; 直接来效果图 1.自定义textView package com.umeng.soexample.pmd;import android.content.Context; import android.graphics.Rect; import android.support.v7.widget.AppCompatTextView; import android.util.AttributeSet…

自学考试学到的不仅仅是知识,还有能力

原标题:自学考试学到的不仅仅是知识,还有能力自考本科在升本途径中,它的难度仅次于统招专升本,恰恰说明,自考本科不仅仅是学到了自己想学的知识,学到的更多的是能力。 首先是学好自己的专业技能。 毕竟与人之间很大的差别就在于个人掌握的技能上的差别。一个人如果有很强…

大专学历怎么提升最有含金量?

原标题:大专学历怎么提升最有含金量?大专怎么提升学历最有含金量?年少时纵有不幸,种种原因,无缘校园梦,但你奋斗的路上并不孤注,国家出台多种方案给你提升学历的机会,系统地讲,升学历的层次和阶段无非就是小学初中升中专,高中中专升大专,大专升本科,哪种升学方案最…

学历是块敲门砖,现在的专升本文凭还有作用吗?

原标题:学历是块敲门砖,现在的专升本文凭还有作用吗?马上就要迎来高升专、专升本春季班的开学啦,又会有很多的新同学将走进新校园,但是也有很多老生将步入更高年级的学习旅程中,由于专升本毕业证和普通本科毕业相比存在一些缺陷,很多的同学会发出“专升本究竟还有没有大…

成人高考哪些情况需要进行加试

原标题:成人高考哪些情况需要进行加试根据规定,加试是学校考查成考考生是否具备专业学习基础的重要手段。成考考生如果报考了艺术、体育类专业,必须参加由学校组织的专业课加试,其余专业是否加试由学校自行决定。 成考录取时,有专业课加试的学校主要根据专业课成绩高低选择…

【学历】为什么要提升?学历提升不是消费,而是对自己的投资!

原标题:【学历】为什么要提升?学历提升不是消费,而是对自己的投资!国家为了鼓励国民教育的提升,让更多人可以获取学习机会,推出了一系列的继续教育途径。特别是在大学学历教育维度,除了普通的高考,还提供了成人高等教育(成人高考)模式,使得没有通过高考的人,也能够…

专升本的四大途径,2020年专升本的方法你有必要知道!

原标题:专升本的四大途径,2020年专升本的方法你有必要知道!随着社会的发展,对学历教育的注重也越来越多,每年毕业的学生人数也越来越多,招聘单位对学历的要求也同时也越来越高,现在不仅仅是国企,就连很多民营企业也开始要求本科学历。在找工作的时候,本科学历比专科学…

学历提升其实不难,难的是改变思维方式

原标题:学历提升其实不难,难的是改变思维方式学历就像雨伞,没下雨的时候感觉它没有什么用,甚至还有些占地方。 但是天不可能总是晴,我们也不知道哪天会下雨。提前准备一把,就什么也不怕了。哪怕没有准备,也可以随时买一把,但是学历,不行!! 缠着你的思维方式 我现在…

图解参加成人学历提升到本科和报考研究生的原因

原标题:图解参加成人学历提升到本科和报考研究生的原因很多人毕业后除了校招,就是改改简历,投投简历,等等消息。专科学历的就想着怎样提升学历到本科,而本科的就在考虑是就业还是考研呢?大多都希望通过高学历来增加自己就业的竞争力。专科生选择成人学历提升的原因是什么…

考资格证考研评职称,网络教育文凭能帮你大忙

原标题:考资格证考研评职称,网络教育文凭能帮你大忙随着社会的发展,比较多的在职人士会产生提升学历的需求,不管是用于考职业资格证、考研究生、考公务员、单位评职称等等,有文凭与无文凭、高文凭与低文凭,会严重影响一个人的职业发展。面对学历提升需求,网络教育文凭能…

健康管理师是什么 2021年健康管理师报名入口

原标题:健康管理师是什么 2021年健康管理师报名入口健康管理师是从事个体和群体从营养和心理两方面健康的检测、分析、评估以及健康咨询、指导和危险因素干预等工作的专业人员。 健康管理师是什么 健康管理师是2005年10月劳动和社会保障部第四批正式发布的11个新职业之一。20…

学历如何提升

原标题:学历如何提升学历既然如此重要,那么如何提升学历? 学历是人的第二张身份证,是最快速有效判断一个人学习能力和文化素质的凭证。在职场里老板、同事会问你学历,在情场里配偶、对方家长会问你学历,在孩子家长会上孩子老师会问你学历,在网络上qq、支付宝,办信用卡…

网络教育是什么?

原标题:网络教育是什么? 最近,后台有很多同学留言网络教育“是什么、怎么学”,今天小编整理了一些关键,方便大家快速了解网络教育。 在线获取学历,是否可靠? 可靠! 根据中华人民共和国教育部有关文件规定:“批准68所试点高校在校内开展网络教学工作的基础上,通过现…

提升学历十大好处

原标题:提升学历十大好处提升学历在现实社会中学历变得越来越重要,这点是不可否认的。具体为: 一、帮助求职: 人在职场,工作是不可或缺的,不管您处在哪个岗位,您都渴望得到更好的一份工作,寻求更好的一个发展。现在大部分的企业在招聘时,都对学历有硬性的规定,特别…

学历不重要?别真眼说瞎话了

原标题:学历不重要?别真眼说瞎话了有一则笑话,特别有意思: 一位同事马上就要做父亲了,人们都向他表示祝贺。 有人问:“你想要个男孩还是女孩?” “我并不关心未来的孩子是什么性别,男女都一样,只要是个健康的宝宝就好!”他回答。 “那么,你妻子呢?” “噢,她…

重不重,看了就知道

原标题:重不重,看了就知道不要在来问学历和能力到底哪个重要的问题了,在我看来两者缺一不可,学历重不重要你看看就知道,能力在好,没有学历依然会错失很多东西。 比如: 由于学历原因,会丧失许多理想的工作机会。当然,高学历并不必然能事业成功,许多没有学历的人一样创…

学历形式?自考?成教?网教?国开?

原标题:学历形式?自考?成教?网教?国开?自改革开放以来,为了满足广大的社会需求,我国实行了多层次高等教育: (1)普通高等教育(统招生),即通常说的正规大学; (2)自学考试(自考); (3)成人高考(成考); (4)远程教育(网教); (5)开放教育(电大)…

致每一个在深圳打拼的人....(很有感触)

原标题:致每一个在深圳打拼的人....(很有感触)深圳,是一个令人向往的城市,因为这座城市快速的发展,让更多的逐梦者有机会实现自己的梦想。 而深圳又同样是一个令人畏惧的城市,因为这里的高房价、快节奏、高生活成本,已让太多人望而却步。 还记得,你当初来深圳的理由…

慎入!谁说自考通过率不高

原标题:慎入!谁说自考通过率不高为什么说自考不考好,有个很重要的原因,自考通过率低。 以深圳自考为例: 2020年12月批次共有6940名考生获得自考专科、自考本科毕业证 2020年6月批次共有4587名考生获得自考专科、自考本科毕业证 合计也仅有11500名左右考生顺利毕业拿证 …

努力多一点,遗憾少一点

原标题:努力多一点,遗憾少一点有时候总会在想:如果当初多努力一点,结果会不会不一样。 哪有这么多如果,有的只是当下满满的遗憾 初升高,因为没有好好学习,与重点高中失之交臂,去了离家很远的一所高中。 高升大,下定决心要好好学习,可基础的不牢固,加上也没有努力…

Angular Material踩坑指南3——分页组件汉化

2020年11月12日13:27:46 分页组件老是显示英文&#xff0c;虽说简单&#xff0c;但是不好看。 1.新建一个文件&#xff1a;my-paginator.ts 2.代码&#xff1a; import { MatPaginatorIntl } from angular/material/paginator; //引入分页组件配置的moduleconst dutchRang…

angular组件的创建和调用

组件是什么&#xff1f;在我们的生活中&#xff0c;组件是组成一个物品必不可少的关键部位&#xff0c;在angular当中也是如此。在angular中&#xff0c;组件&#xff08;Component&#xff09;是构成Angular应用的基础和核心。相当于一个小模块。 那么如何创建组件&#xff1…