Heisenberg-William
Heisenberg-William

html,CSS,JavaScript学习笔记



    练习1.1


    

        
<<书籍目录>>
    

    

        第一章：简介
    

    


    

        1.1 关于XX1的简介
    
1.2 XX的历史

    

    

        第二章：深入介绍
    

    


    

        2.1 XX原理分析
        
2.2 XX在实际中的应用
    
2.3 XX在未来展望2

    

    

        <font>标签的size属性1
        2
        3
        4
        5
        6
        7
    
    

    

        <font>标签的color属性
        文
        字
        的
        颜
        色
        由
        黑
        到
        白
        
    

    

        黑体： hello world 你好世界

        楷体： hello world 你好世界

        仿宋字体： hello world 你好世界

html,CSS,JavaScript学习笔记_第1张图片

表格

 


    
        标准表格
    
    
        

            一周课程表
            
                

                    时间/星期周一周二周三周四周五
                

            
            
                

                    9:00英语语文无体育数学
                

                

                    10:00英语语文无体育数学
                

                

                    11:00英语语文无体育数学
                

                

                    12:00英语语文无体育数学
                

            
            
                

                    总课时34344

 html,CSS,JavaScript学习笔记_第2张图片

表格练习

 


    
        多彩表格

html,CSS,JavaScript学习笔记_第3张图片

列表


    
        
        有序列表
    
    
        
国家人口排名

        
    
            
  1. 中国
    2. 
            
  2. 印度
    3. 
            
  3. 美国
    4. 
        

        
        
联合国常任理事国

        
    
            
  • 中国
    • 
            
  • 法国
    • 
            
  • 美国
    • 
            
  • 英国
    • 
            
  • 俄罗斯
    •

html,CSS,JavaScript学习笔记_第4张图片

子窗体互操作

 html,CSS,JavaScript学习笔记_第5张图片

html,CSS,JavaScript学习笔记_第6张图片

表单


    
        早餐调查
    
    
        
早餐调查

        

            
您每天早上吃早餐吗？

            

                是
                否
            

            
您经常在早上8点前吃早餐吗?

            

                是
                否
            

            
您经常吃的早餐有哪些（可以多选）?

            

                油条
                豆浆
                肉夹馍
                胡辣汤

 html,CSS,JavaScript学习笔记_第7张图片

下拉列表框与列表框


    
        
        下拉列表框和列表框
    
    
       
下拉列表框和列表框

       

           

                下拉列表框：请选择电话区号：
                
           

           

            单选列表框：请选择电话区号：
            
           

           

            多选列表框：请选择电话区号：

 html,CSS,JavaScript学习笔记_第8张图片

多行输入框


    
        
        发表文章
    
    
       
发表文章

       

         
文章标题：

         
文章正文：

html,CSS,JavaScript学习笔记_第9张图片

使用表格对表单进行布局 



    
    使用表格布局


    

        

            
            
                

                    用户注册
                

                

                    用户名
                    
                        
                

                

                    密码
                    
                        
                

                

                    重复密码
                    
                        
                

                

                    性别
                    男
                        女
                       
                

                

                    爱好
                    足球
                        篮球
                        乒乓球
                    
                

                

                    省份
                    
                        
                    
                

                

                    自我介绍

html,CSS,JavaScript学习笔记_第10张图片

CSS选择器 



    
    使用CSS选择器
    



应用类选择器c1选择器的段落


应用类选择器c2选择器的段落


普通段落


id属性为special的段落


    
    
  • 列表段落
    • 
    
  • 段落列表
    •

html,CSS,JavaScript学习笔记_第11张图片

网页布局

1.上中下

 


        
        
        练习5.1
        
        
        
            

                

                        
网页头部

                

                

                        
网页正文

                        
网页正文

                        
网页正文

                        
网页正文

                

                

                        
脚注

html,CSS,JavaScript学习笔记_第12张图片

 博客网页示例


        
        
        HTML博客
        
        
        
        
        

          

            
HTML博客

            
http://www.htmlblog.com

          

          

            

                
            

            

                

                    
个人资料

                    

                        
                        

                        刘某某

                    

                

                

                    
博客文章

                    
    
                        
  • HTML简介
    • 
                        
  • HTML基本概念
    • 
                        
  • HTML文档结构
    • 
                        
  • HTML编辑器介绍
    • 
                        
  • 基本元素介绍
    • 
                        
  • 超链接元素
    • 
                        
  • 图片元素
    • 
                    

                

            

            

                

                    
我的好友

                    
    
                        
  • 刘德华
    • 
                        
  • 张学友
    • 
                        
  • 郭富城
    • 
                        
  • 黎明
    • 
                        
  • 李宗盛
    • 
                    

                

                

                    
友情链接

                    
    
                        
  • 刘德华的博客
    • 
                        
  • 张学友的博客
    • 
                        
  • 郭富城的博客
    • 
                        
  • 黎明的博客
    • 
                        
  • 李宗盛的博客
    • 
                    

                

                

                    
访客统计

                    
    
                        
  • 总共访问量：829人
    • 
                        
  • 今日访问量：28人
    • 
                    

                

            

            

                

                    
博文

                    

                        
大家好，这是我的第一篇博客

                        
我已经在BLOG安家了，欢迎你“常过来
                      看看”，大家多多交流哦。我们可以一起把这里变成共同的心灵家园，像家一样
                      温暖的地方。

                        
我会把一些新鲜有趣的东西记录下来一块
                        与你分享，也希望你能够记住我的BLOG地址，像老朋友一样经常过来做客——
                        你可以把“她”添加到你的收藏夹中，也可以把“她”复制下来告诉你的朋友
                        们。特别希望能通过你，让我认识更多的好朋友。如果还有不了解的，就跟着
                        我一起来看看拥有所有博客知识和维护技巧的博客帮助站吧。
                    
我的BLOG地址：  http://blog.com.cn/
                    

                

            

          

          

            
BLOG意见反馈留言板  不良信息反馈  电话：4000000000 提示音后按2键（按当地市
              话标准计费） 欢迎批评指正

            
简介 | 关于我们 | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | 会员注册 | 产品
            答疑 

            
Copyright  1996-2010 HTML Corporation, All Rights Reserved

            
HTML公司 版权所有

html,CSS,JavaScript学习笔记_第13张图片

QQ邮箱登陆界面代码（直接复制登陆界面源代码过来改个格式的） 

登录QQ邮箱
基本版 | English | 手机版 | 企业邮箱
关于腾讯 | 服务条款 | 隐私政策 | 客服中心 | 联系我们 | 帮助中心 | ©1998 - 2020 Tencent Inc. All Rights Reserved.

html,CSS,JavaScript学习笔记_第14张图片

JavaScript部分 

document.write()综合演练

html,CSS,JavaScript学习笔记_第15张图片

 3种交互方式

html,CSS,JavaScript学习笔记_第16张图片

 html,CSS,JavaScript学习笔记_第17张图片

自定义方法（函数） 

html,CSS,JavaScript学习笔记_第18张图片

计算多个数的和

 html,CSS,JavaScript学习笔记_第19张图片

 html,CSS,JavaScript学习笔记_第20张图片

设计一段JavaScript脚本用于计算n个数的和，程序首先询问用户需要计算多少个数的和，然后依次提示用户输入数字，最后在页面上显示运算的结果

 

html,CSS,JavaScript学习笔记_第21张图片

 设计一段JavaScript脚本在HTML页面中输出水平线组成的金字塔（提示：通过循环输出

标记，并控制其width属性）

html,CSS,JavaScript学习笔记_第22张图片

设计一个JavaScript方法，使用字符输出三角形。该方法支持3个参数，分别为三角形高度、输出字符（可省略，默认为*）和输出方向（可省略，默认为输出倒三角）

 

html,CSS,JavaScript学习笔记_第23张图片

 应用JavaScript中数组的特点实现学生姓名录入的功能，在学生数量未知的情况下使用数组记录每一个录入学员的姓名，录入完毕后全部显示出来：




JavaScript数组定义

可以综合使用数组与Hash描述更为复杂的数据结构，这种格式被称为JSON（JavaScript Object Notation）格式，JSON具有易于阅读、编写，体积小，易于程序解析等特点，常用于JavaScript与服务器后台程序之间进行数据交换。


        
        
        JSON

html,CSS,JavaScript学习笔记_第24张图片

利用Date对象获取当前时间，并根据当前时间显示欢迎信息，早上12点前显示上午好，12 点至19 点显示下午好，否则显示晚上好。周一到周五显示工作愉快，周六周日显示休假开心：

 


        
        
        问候

html,CSS,JavaScript学习笔记_第25张图片

利用Math.random()方法完成“人物、地点、事件”小游戏，随机从人物、地点和事件数组中抽取一个元素，组成完整的句子：


        
        
        人物、地点、事件

 html,CSS,JavaScript学习笔记_第26张图片

html,CSS,JavaScript学习笔记_第27张图片

JavaScript并不支持支持多线程运算，所以经常使用setTimeout和setInterval方法模拟线程，如下例所示

 


        
        
        打字机效果

getElementById常用于根据id属性获取指定的元素，使用时应注意在HTML文档中不应当存在多个对象具有同一个id的情况。查找出指定的元素对象后可以对对象进行各种操作，下例通过读写对象的innerHTML属性完成页面倒计时的功能：

 


        
        
        倒数计时的窗口
        
        
        
        
        
本页面将会在3秒后弹出新的窗口

html,CSS,JavaScript学习笔记_第28张图片

通过location对象可以控制当前页面的跳转或刷新


        
        
        location对象
        
        
        
        
本页面将会在3秒后进行跳转

通过设置href属性的方式进行页面跳转会在浏览器的历史记录中留下痕迹，下例使用replace方法进行跳转：


        
        
        location对象
        
        
        
        
本页面将会在3秒后进行跳转

 html,CSS,JavaScript学习笔记_第29张图片

screen对象也属于window对象的一部分，可通过window. screen进行访问，其中存放着有关显示浏览器屏幕的信息。一般可以通过screen对象获取用户屏幕的分辨率，以修正页面的布局方式，screen对象只有属性没有方法，如表8-9所示。

html,CSS,JavaScript学习笔记_第30张图片

下例通过screen对象检测用户屏幕的分辨率，如果分辨率过低则认为用户使用移动设备上网，跳转到特定页面：


        
        
        screen对象

html,CSS,JavaScript学习笔记_第31张图片

给定hash变量s结构如下，根据s的内容输出图8-8所示的下拉列表框，要求将id作为

 


        
        
        热卖专辑

html,CSS,JavaScript学习笔记_第32张图片

古诗填字游戏，将诗词内容存入字符串，每一句用逗号分隔，程序自动在每一句中随机抽取一个字，组成4个选项，让用户选择正确的答案。

 


        
        
        古诗填字

html,CSS,JavaScript学习笔记_第33张图片

 鼠标事件

不同浏览器中，获取事件对象的方式也不尽相同，在IE浏览器中，事件对象本身就是window对象的子对象，可以随时访问；但其他浏览器则不同，为保持浏览器兼容，推荐的做法是在调用事件处理方法时传入event参数，如下例所示：


        
        
        onload事件
        
        
        
           
网页正文

           
正文内容

           
第一个段落

           
第二个段落

html,CSS,JavaScript学习笔记_第34张图片

其他鼠标事件包括鼠标双击事件（ondblclick）、鼠标移出事件（onmouseout）、鼠标移入事件（onmouseover）、鼠标移动事件（onmousemove）、鼠标按下事件（onmousedown）、鼠标松开事件（onmouseup），下面以鼠标移入、移出为例制作动态的效果：

 


        
        
        onmouseover, onmouseout事件
        
        
        
        
        

            
              

                sdfgsd
                hgj
                3453
              

              

                fdh
                324g
                45345
              

              

                gdf
                fghdf
                ty45645
              

              

                fghfdg
                hfgjhg
                jfgjfgjh

html,CSS,JavaScript学习笔记_第35张图片

鼠标滚轴事件


        
        
         onmousewheel事件
        
        
        
        
照片浏览

        
可以在照片上滚动鼠标滚轴进行缩放

 html,CSS,JavaScript学习笔记_第36张图片

 键盘事件

与按键相关的事件有3个：键盘按下事件（onkeydown）、键盘松开事件（onkeyup）和击键事件（onkeypress）。下面演示通过为输入框增加按键事件，保证输入框中只能输入数字，不能输入英文。此例中当判断出按键为非数字时，需要取消本次按键事件，在Java Script中，事件处理函数如果返回false，则表示取消本次事件，如下例所示： 


        
        
         onmousewheel事件
        
        
        
        
请输入您的年龄

        
只能输入数字:

html,CSS,JavaScript学习笔记_第37张图片

下面演示了将onchange事件用于下拉列表框的例子，当下拉列表框内容改变后获取当前选中的内容，并根据内容修改网页的背景色，请注意获取下拉列表框当前选中内容的方法： 

 


        
        
        onchange事件
        
        
        
        
请选择您的喜欢颜色

        

          
页面背景色改为：

html,CSS,JavaScript学习笔记_第38张图片

Javascript表单验证

 


        
        
        Javascript表单验证
        
        
        
        

            
欢迎您注册成为新用户

          

            

        用户名：
        
          
        
            

            

        密码：
        
            

            

        新密码：
        
            

            

        性别：
        
          
          男
          
          女
        
            

            

                年龄：
        
            

            

        邮件地址：

html,CSS,JavaScript学习笔记_第39张图片

你可能感兴趣的:(前端学习)

  • HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动 二挡起步 web前端期末大作业web设计网页规划与设计htmlcssjavascriptdreamweaver前端
    Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线
  • 前端学习之三种css样式写法 MissPSTime
    选择器/*内嵌式样式书写*/-->，不使用-->后代选择器标签选择器标签选择器标签选择器
  • 一个正经的前端学习 开源 仓库(第1天） 掘金-我是哪吒 javavuehtmlcssjs
    低调务实优秀中国好青年(简介)&&附加答案https://github.com/webVueBlog/Leetcode√-“三十年河东，三十年河西，莫欺少年穷”一个☝️正经的前端学习开源仓库，启发来自淘宝大佬@冴羽，初心做一个真正能帮助到大家的仓库。（非常口语化的，手写总结）：我是哪吒：如果你所学的东西处于喜欢才会有强大的动力支撑。交流讨论&&如何学习&&转载声明第一：你可以直接在本仓库阅读即可，
  • 【微信小程序】制作个人信息页面 m0_67393593 面试学习路线阿里巴巴android前端后端
    题外：也许前端学习也应包括审美。在我学习前端路上，以前模仿视频内容，现在模仿别人成品…我曾想过作为前端是不是也应学习UI设计方向的美术知识，再不济也应具备页面布局的审美。但这个想法被一位大佬否定了，所以这个想法也只好放在心里成为另一种可能。分享一个今天才学会的CSDN写文章的技巧~正题：先上成品图1.架构进行编程前，我们要架构。对整体项目叫架构，对一个页面而言不如说叫整理思路以本图为例，除去底部t
  • CSS前端学习（online tuorials） 憨憨憨憨憨到不行的程序员 CSS学习（onlinetuorials）前端css学习
    index.htmlDocument憨憨憨憨憨程序员学的前端例子~憨憨憨憨憨程序员学的前端例子~//监听鼠标移动事件，当鼠标在页面上移动时，触发parallax函数document.addEventListener('mousemove',parallax);//定义一个名为parallax的函数，用于处理视差效果functionparallax(e){//使用querySelectorAll选择
  • CSS前端学习（online tuorials）旋转动画 憨憨憨憨憨到不行的程序员 CSS学习（onlinetuorials）前端css学习
    index.htmlcourse2style.css*{margin:0;padding:0;box-sizing:border-box;}body{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#0e2223;}.loader{position:relative;width:1
  • 前端学习：如何将数据存储到chrome浏览器localStorage中（详细） Dorable_Wander JavaScript浏览器json前端javascript缓存chrome
    localStorage的基本操作——存储、读取、删除、JSON格式数据的处理知识调用核心干货知识调用文章中可能用到的知识点前端学习：浏览器缓存方式有哪些（cookielocalstoragesessionstorage）如何查看Chrome浏览器的页面缓存内容【详细教程】如何清除浏览器缓存（快捷键+手动）cookie、sessionStorage和localStorage的区别（一）cookie
  • 60 个前端 Web 开发流行语你都知道哪些？ web18224617243 面试学习路线阿里巴巴android前端后端
    ??个人网站:【海拥】【摸鱼小游戏】??风趣幽默的前端学习课程：??28个案例趣学前端??想寻找共同学习交流的小伙伴，请点击【全栈技术交流群】??免费且实用的计算机相关知识题库：??进来逛逛给大家安利一个免费且实用的前端刷题（面经大全）网站，??点击跳转到网站。不想在你朋友讨论Web前端开发时感到一头雾水？今天海海给大家带来了60个Web前端开发的术语，看看你知道的有多少。以下列表是按照字母顺序排
  • WEB网页设计期末作业个人主页——基于HTML+CSS制作个人简介网站 html5网页设计 web前端期末大作业期末网页设计作业前端网页设计与制作html静态网页html期末大作业
    精彩专栏推荐✍️作者简介:一个热爱把逻辑思维转变为代码的技术博主作者主页:【主页——获取更多优质源码】web前端期末大作业：【毕设项目精品实战案例(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】超炫酷的Echarts大屏可视化源码：【echarts大屏展示大数据平台可视化(150套)】免费且实用的WEB前端学习指南：【web前端零基础到高级学习视频教程120G干
  • 【前端学习——js篇】7.函数缓存 笔下无竹墨下有鱼 前端学习前端学习javascript
    具体见：https://github.com/febobo/web-interview7.函数缓存函数缓存，就是将函数运算过的结果进行缓存本质上就是用空间（缓存存储）换时间（计算过程）常用于缓存数据计算结果和缓存对象。其实现主要通过闭包、柯里化和高阶函数。下面主要介绍下柯里化：①柯里化柯里化（currying)是一种函数式编程的概念，指的是将一个带有多个参数的函数转换成一系列只接受一个参数的函数的
  • 前端学习day8--CSS（定位，堆叠，CSS精灵，字体图标，过渡/修饰属性） cuier520 前端学习学习css前端
    目录定位：功能：使用方式：相对定位：相对定位的特点：绝对定位：绝对定位的特点：定位居中：固定定位：编辑定位总结：堆叠层级：编辑CSS精灵：使用方法：字体图标：下载字体：使用字体：字体图标特有矢量图的上传：垂直对齐方式vertical-align：过渡transition：透明度opacity：光标类型cursor：定位：功能：可以使两个标签压在一起显示。在于灵活的改变标签的位置。使用方式：定位有两
  • 【网页设计】web前端期末大作业html+css web学生网页设计 web前端cssdreamweaverhtmlhtml5期末作业
    精彩专栏推荐✍️作者简介:一个热爱把逻辑思维转变为代码的技术博主作者主页:【主页——获取更多优质源码】web前端期末大作业：【毕设项目精品实战案例(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】超炫酷的Echarts大屏可视化源码：【echarts大屏展示大数据平台可视化(150套)】免费且实用的WEB前端学习指南：【web前端零基础到高级学习视频教程120G干
  • 前端究竟怎么学？最全的学习方法和路径大公开！ WEB前端含光
    眼看着金九银十的黄金面试季又到了，如何学好前端才能在日渐竞争激烈的前端面试中脱颖而出？其实不论是小白程序员还是有了工作经验的成熟程序员，不同阶段的人对前端学习和职业发展总有自己的迷茫，简单汇总了下，发现大家出现的问题主要是3种：1、行业竞争变大，初级前端工程师泛滥，发展预冷；2、部分有技术追求和热情的中级工程师，工作了几年也开始接触管理岗，但做了才发现，技术积累不够，不仅跟不上节奏，在工作中只能是
  • 【JAVA WEB】JavaScript(WebAPI)--DOM基本概念 && 获取元素 && 点击事件 && 键盘事件 lzb_kkk 前端javascript开发语言
    目录什么是WebAPIDOM的基本概念DOM是什么DOM树获取元素querySelectorquerySelectorAll事件事件初识基本概念事件三要素点击事件键盘事件什么是WebAPI前端学习的JS分成三个大的部分ECMAScript：基础语法部分DOMAPI：操作页面结构BOMAPI：操作浏览器WebAPI就包含了DOM+BOM。DOM的基本概念DOM是什么DOM全程为DocunmentOb
  • 前端学习的笔记第二篇 fly in the sky ! 前端前端学习笔记
    vscode如何快速生成代码!+Tab效果：解析：:指定当前html版本5。:lang=>language，en=>english。指定当前页面内容是英文的。:浏览器解码规则，按照UTF-8的格式进行解码。:设计的页面，既要在浏览器打开，又想要在手机端打开，就涉及到移动端适配。html里的常见标签标题标签&&段落标签&&换行标签注释标签目的：提高代码的可读性，使程序猿能够更轻松地理解和掌握代码。示
  • 前端学习路线 沐白star
    路要一步一步的走，饭要一口一口的吃，今天我来给大家整理下前端的学习路线。初级阶段（静态网页制作、JS编程入门）1.Photoshop入门图像处理基础知识、图像处理基础知识、分辨率、图像的色彩模式、常用的图像文件格式。Photoshop工作界面的介绍、文件操作、图像的显示效果、图像和画布尺寸的调整、绘制和编辑选区、选区的操作技巧、渐变工具和油漆桶工具。图像合成、图层、蒙版、配色、切图、色彩搭配原则。
  • web前端学习教程：JS的作用域链 Eric_V
    我们都知道js是一个基于对象的语言，系统内置各种对象。而window作为一个天然存在的全局对象，它承担了所有全局资源的存储。我们使用的任何全局变量，都是window下的。也就是说，在js中，实际上没有任何对象、方法是可以独立的，它们必须依赖于某个对象才可以被访问或执行。就像alert()，它的完整写法是window.alert()parseInt(),完整写法是window.parseInt()所
  • 2019web前端学习路线，教你认识HTML 强哥科技兴
    近两年来，前端开发工程师越来越火了，薪资待遇也快接近后端开发工程师了。2019年已经到来了，很多准备入行前端开发工程师的小伙伴们，不知道准备得怎么样了呢？有的朋友在想方设法的学习，争取在年后的金三银四能靠实力找到一份满意的工作！有的小伙伴很迷茫，想学前端，却没有方向！今天来给大家讲讲，在2019年，我们学习前端开发，如何才能高效学会前端开发？HTML基础学习目标1、本专业介绍、HTML相关概念，
  • 【前端学习】网络是如何工作的 Jiye@ roadmapsh前端学习网络
    互联网是一组通过标准化协议相互连接的全球计算机网络，它们通过这些协议进行通信。网络是如何工作的作为开发者，了解互联网是什么以及它是如何运作的是至关重要的。这是大多数现代软件应用程序构建的基础。为了构建有效、安全和可扩展的应用程序和服务，您需要深入了解互联网的工作原理，以及如何利用其强大的能力和连接性。在本文中，我们将介绍互联网的基础知识，包括它是什么以及它是如何运作的，一些基本概念、术语，以及一些
  • 【前端学习】什么是HTTP Jiye@ roadmapsh前端学习http
    HTTP是什么HTTP本身依赖于TCP/IP，在客户端和服务器之间获取请求和响应。默认情况下，使用TCP端口80，但也可以使用其他端口。HTTPS使用端口443。三次握手三次握手在其最简单的形式中是指，所有TCP连接都以三次握手开始，即在客户端和服务器开始共享应用程序数据之前，它们共享一系列数据包。SYN-客户端选择一个随机数，假设为x，并将其发送到服务器。SYNACK-服务器通过向客户端发送一个
  • 人力资源智能化管理项目（day04:组织架构） 我是如此相信ᯤ⁶⁶ᴳ 人力资源智能化管理项目vue.jsjavascript前端
    学习源码可以看我的个人前端学习笔记(github.com):qdxzw/humanResourceIntelligentManagementProject觉得有帮助的同学，可以点心心支持一下哈树组件应用depts:[{name:'传智教育',children:[{name:'总裁办'},{name:'行政部'},{name:'人事部',children:[{name:'财务核算部'},{name:
  • 人力资源智能化管理项目（day03:主页模块） 我是如此相信ᯤ⁶⁶ᴳ 人力资源智能化管理项目前端
    学习源码可以看我的个人前端学习笔记(github.com):qdxzw/humanResourceIntelligentManagementProject觉得有帮助的同学，可以点心心支持一下哈主页权限验证(permission.js)importrouterfrom'@/router'importnprogressfrom'nprogress'//进度条import'nprogress/nprog
  • 面试官当面撕程序员简历：大专生我们不收！ 秋风_bdfd
    每个人都有过求职的经历，这个过程也是很痛苦的，因为求职不可能会让你一帆风顺的，经常会使你碰壁。即便是被拒绝了之后，想想自己的哪些方面的不足，在下一次面试的时候做好准备，也没什么抱怨的。但是总有一些面试官的做法却让人感到愤怒。这里还是要推荐下小编的web前端学习群:687958461，不管你是小白还是大牛，小编我都欢迎，不定期分享干货，包括小编自己整理的一份最新的web前端资料和0基础入门教程，欢迎
  • 关于前端学习路线的一些建议 陌染007
    前言对于刚开始学习前端的伙伴俩说，问得最多的问题就是——前端技术现在如此繁杂，我到底应该如何学习。这个话题太大了，几句话回答不好；也由于这个问题确实困扰了很多前端开发人员，所以我也就着手系统的输出这篇文章。虽然这篇文章花了很长时间，肯定也有其局限性；希望各位不吝指出。入题我们俨然能感受到前端岗位现在已经发展成了最重要的研发岗位之一，所以对我们提出的要求也就越来越高。所以我们需要学的也就不仅仅只是C
  • 前端学习之路(6) npm详解 星如雨ｸﾞｯ!(๑•̀ㅂ•́)و✧ 前端前端学习npm
    npm是什么？npm（nodepackagemanager）：node.js的包管理器，用于node插件管理（包括安装、卸载、管理依赖等），npm是随同node.js一起安装的包管理工具，能解决node.js代码部署上的很多问题，常见的使用场景有以下几种：允许用户从npm服务器下载别人编写的第三方包到本地使用。允许用户从npm服务器下载并安装别人编写的命令行程序到本地使用。允许用户将自己编写的包或
  • Web前端学习笔记 jusw123456 前端学习javascript
    文章目录HTML+CSS系列学习笔记①之拨云见日1、什么是HTML、CSS？2、VSCode编译器（宇宙第一编译器）3、五大浏览器4、深入了解网站开发5、web前端的三大核心技术6、HTML基本结构和属性7、HTML初始代码8、HTML注释9、标题与段落10、文本修饰标签11、引入文件的地址路径12、图片标签13、跳转链接14、跳转锚点15、特殊符号16、列表标签17、表格标签18、表格属性19、
  • 个人前端学习知识（javaScript）（保持更新） Natural-9 javascript前端学习
    JavaScript2022年8月1日一.javascript的组成1.ECMAScript:定义了javascript的语法规范，描述了语言的基本语法和数据类型2.BOM(BrowerObjectModel):浏览器对象模型，有一套成熟的可以操作浏览器的方法，通过BOM可以操作浏览器，比如：弹出对话框，跳转页面，获取分辨率等3.DOM(DocumentObjectModel）：文档对象模型，有一
  • 【融职培训】Web前端学习 第2章 网页重构11 HTML5新增标签 lmonkey_01
    一、html5概述html5是超文本标记语言（html）的第五次重大修改，可以简单的理解为是html的第五个大版本。我们平时所说的html5其实是包含了html5，css3的新特性，以及新增的JavaScript接口。本节的主要内容是讲解html5中新增加的布局标签和媒体标签。二、html5布局标签在此前我们学习的内容中，网页布局一直都是使用div作为容器，html5新标准中，为了让容器元素有语义
  • 目前最全的前端开发面试题及答案 jooner
    https://github.com/HerbertKarajan/Fe-Interview-questions在GitHub上收集的最全的前端资源汇总（包括前端学习、前端开发资源、前端求职面试等）react面试题https://www.cnblogs.com/wangking/p/9354368.htmlvue面试题https://www.cnblogs.com/wangking/p/95988
  • 前端学习之路(4) vue2和vue3的区别 星如雨ｸﾞｯ!(๑•̀ㅂ•́)و✧ 前端前端学习vue.js
    一.根节点不同vue2中必须要有根标签vue3中可以没有根标签，会默认将多个根标签包裹在一个fragement虚拟标签中，有利于减少内存。二.组合式API和选项式API在vue2中采用选项式API，将数据和函数集中起来处理，将功能点切割了当逻辑复杂的时候不利于代码阅读。在vue3中采用组合式API，将同一个功能的代码集中起来处理，使得代码更加有序，有利于代码的书写和维护。三.生命周期的变化创建前：
  • Hadoop(一) 朱辉辉33 hadooplinux
    今天在诺基亚第一天开始培训大数据，因为之前没接触过Linux，所以这次一起学了，任务量还是蛮大的。 首先下载安装了Xshell软件，然后公司给了账号密码连接上了河南郑州那边的服务器，接下来开始按照给的资料学习，全英文的，头也不讲解，说锻炼我们的学习能力，然后就开始跌跌撞撞的自学。这里写部分已经运行成功的代码吧.    在hdfs下，运行hadoop fs -mkdir /u
  • maven An error occurred while filtering resources blackproof maven报错
    转：http://stackoverflow.com/questions/18145774/eclipse-an-error-occurred-while-filtering-resources   maven报错： maven An error occurred while filtering resources   Maven -> Update Proje
  • jdk常用故障排查命令 daysinsun jvm
    linux下常见定位命令： 1、jps      输出Java进程       -q       只输出进程ID的名称，省略主类的名称；       -m      输出进程启动时传递给main函数的参数；     &nb
  • java 位移运算与乘法运算 周凡杨 java位移运算乘法
      对于 JAVA 编程中，适当的采用位移运算，会减少代码的运行时间，提高项目的运行效率。这个可以从一道面试题说起：     问题： 用最有效率的方法算出2 乘以8 等於几?” 答案：2 << 3 由此就引发了我的思考，为什么位移运算会比乘法运算更快呢？其实简单的想想，计算机的内存是用由 0 和 1 组成的二
  • java中的枚举(enmu) g21121 java
    从jdk1.5开始，java增加了enum(枚举)这个类型，但是大家在平时运用中还是比较少用到枚举的，而且很多人和我一样对枚举一知半解，下面就跟大家一起学习下enmu枚举。先看一个最简单的枚举类型，一个返回类型的枚举： public enum ResultType { /** * 成功 */ SUCCESS, /** * 失败 */ FAIL,
  • MQ初级学习 510888780 activemq
    1.下载ActiveMQ 去官方网站下载：http://activemq.apache.org/ 2.运行ActiveMQ 解压缩apache-activemq-5.9.0-bin.zip到C盘，然后双击apache-activemq-5.9.0-\bin\activemq-admin.bat运行ActiveMQ程序。 启动ActiveMQ以后，登陆：http://localhos
  • Spring_Transactional_Propagation 布衣凌宇 springtransactional
    //事务传播属性 @Transactional(propagation=Propagation.REQUIRED)//如果有事务，那么加入事务，没有的话新创建一个 @Transactional(propagation=Propagation.NOT_SUPPORTED)//这个方法不开启事务 @Transactional(propagation=Propagation.REQUIREDS_N
  • 我的spring学习笔记12-idref与ref的区别 aijuans spring
    idref用来将容器内其他bean的id传给<constructor-arg>/<property>元素，同时提供错误验证功能。例如： <bean id ="theTargetBean" class="..." /> <bean id ="theClientBean" class=&quo
  • Jqplot之折线图 antlove jsjqueryWebtimeseriesjqplot
    timeseriesChart.html <script type="text/javascript" src="jslib/jquery.min.js"></script> <script type="text/javascript" src="jslib/excanvas.min.js&
  • JDBC中事务处理应用 百合不是茶 javaJDBC编程事务控制语句
      解释事务的概念; 事务控制是sql语句中的核心之一;事务控制的作用就是保证数据的正常执行与异常之后可以恢复   事务常用命令:             Commit提交         
  • [转]ConcurrentHashMap Collections.synchronizedMap和Hashtable讨论 bijian1013 java多线程线程安全HashMap
    在Java类库中出现的第一个关联的集合类是Hashtable，它是JDK1.0的一部分。 Hashtable提供了一种易于使用的、线程安全的、关联的map功能，这当然也是方便的。然而，线程安全性是凭代价换来的――Hashtable的所有方法都是同步的。此时，无竞争的同步会导致可观的性能代价。Hashtable的后继者HashMap是作为JDK1.2中的集合框架的一部分出现的，它通过提供一个不同步的
  • ng-if与ng-show、ng-hide指令的区别和注意事项 bijian1013 JavaScriptAngularJS
            angularJS中的ng-show、ng-hide、ng-if指令都可以用来控制dom元素的显示或隐藏。ng-show和ng-hide根据所给表达式的值来显示或隐藏HTML元素。当赋值给ng-show指令的值为false时元素会被隐藏，值为true时元素会显示。ng-hide功能类似，使用方式相反。元素的显示或
  • 【持久化框架MyBatis3七】MyBatis3定义typeHandler bit1129 TypeHandler
    什么是typeHandler? typeHandler用于将某个类型的数据映射到表的某一列上，以完成MyBatis列跟某个属性的映射   内置typeHandler MyBatis内置了很多typeHandler，这写typeHandler通过org.apache.ibatis.type.TypeHandlerRegistry进行注册，比如对于日期型数据的typeHandler，
  • 上传下载文件rz,sz命令 bitcarter linux命令rz
    刚开始使用rz上传和sz下载命令： 因为我们是通过secureCRT终端工具进行使用的所以会有上传下载这样的需求： 我遇到的问题： sz下载A文件10M左右，没有问题 但是将这个文件A再传到另一天服务器上时就出现传不上去，甚至出现乱码，死掉现象，具体问题 解决方法： 上传命令改为;rz -ybe 下载命令改为：sz -be filename 如果还是有问题： 那就是文
  • 通过ngx-lua来统计nginx上的虚拟主机性能数据 ronin47 ngx-lua　统计 解禁ip
    介绍 以前我们为nginx做统计,都是通过对日志的分析来完成.比较麻烦,现在基于ngx_lua插件,开发了实时统计站点状态的脚本,解放生产力.项目主页: https://github.com/skyeydemon/ngx-lua-stats 功能 支持分不同虚拟主机统计, 同一个虚拟主机下可以分不同的location统计. 可以统计与query-times request-time
  • java-68-把数组排成最小的数。一个正整数数组，将它们连接起来排成一个数，输出能排出的所有数字中最小的。例如输入数组{32, 321}，则输出32132 bylijinnan java
    import java.util.Arrays; import java.util.Comparator; public class MinNumFromIntArray { /** * Q68输入一个正整数数组，将它们连接起来排成一个数，输出能排出的所有数字中最小的一个。 * 例如输入数组{32, 321}，则输出这两个能排成的最小数字32132。请给出解决问题
  • Oracle基本操作 ccii Oracle SQL总结Oracle SQL语法Oracle基本操作Oracle SQL
    一、表操作 1. 常用数据类型 NUMBER(p,s)：可变长度的数字。p表示整数加小数的最大位数，s为最大小数位数。支持最大精度为38位 NVARCHAR2(size)：变长字符串，最大长度为4000字节（以字符数为单位） VARCHAR2(size)：变长字符串，最大长度为4000字节（以字节数为单位） CHAR(size)：定长字符串，最大长度为2000字节，最小为1字节，默认
  • [强人工智能]实现强人工智能的路线图 comsci 人工智能
        1：创建一个用于记录拓扑网络连接的矩阵数据表      2:自动构造或者人工复制一个包含10万个连接(1000*1000)的流程图      3：将这个流程图导入到矩阵数据表中      4：在矩阵的每个有意义的节点中嵌入一段简单的
  • 给Tomcat，Apache配置gzip压缩(HTTP压缩)功能 cwqcwqmax9 apache
    背景： HTTP 压缩可以大大提高浏览网站的速度，它的原理是，在客户端请求网页后，从服务器端将网页文件压缩，再下载到客户端，由客户端的浏览器负责解压缩并浏览。相对于普通的浏览过程HTML ,CSS,Javascript , Text ，它可以节省40%左右的流量。更为重要的是，它可以对动态生成的，包括CGI、PHP , JSP , ASP , Servlet,SHTML等输出的网页也能进行压缩，
  • SpringMVC and Struts2 dashuaifu struts2springMVC
    SpringMVC VS Struts2 1: spring3开发效率高于struts 2: spring3 mvc可以认为已经100%零配置 3: struts2是类级别的拦截， 一个类对应一个request上下文， springmvc是方法级别的拦截，一个方法对应一个request上下文，而方法同时又跟一个url对应 所以说从架构本身上 spring3 mvc就容易实现r
  • windows常用命令行命令 dcj3sjt126com windowscmdcommand
    在windows系统中，点击开始－运行，可以直接输入命令行，快速打开一些原本需要多次点击图标才能打开的界面，如常用的输入cmd打开dos命令行，输入taskmgr打开任务管理器。此处列出了网上搜集到的一些常用命令。winver 检查windows版本 wmimgmt.msc 打开windows管理体系结构(wmi) wupdmgr windows更新程序 wscrip
  • 再看知名应用背后的第三方开源项目 dcj3sjt126com ios
    知名应用程序的设计和技术一直都是开发者需要学习的，同样这些应用所使用的开源框架也是不可忽视的一部分。此前《 iOS第三方开源库的吐槽和备忘》中作者ibireme列举了国内多款知名应用所使用的开源框架，并对其中一些框架进行了分析，同样国外开发者 @iOSCowboy也在博客中给我们列出了国外多款知名应用使用的开源框架。另外txx's blog中详细介绍了 Facebook Paper使用的第三
  • Objective-c单例模式的正确写法 jsntghf 单例iosiPhone
    一般情况下，可能我们写的单例模式是这样的： #import <Foundation/Foundation.h> @interface Downloader : NSObject + (instancetype)sharedDownloader; @end #import "Downloader.h" @implementation
  • jquery easyui datagrid 加载成功，选中某一行 hae jqueryeasyuidatagrid数据加载
    1.首先你需要设置datagrid的onLoadSuccess $( '#dg' ).datagrid({onLoadSuccess :  function (data){      $( '#dg' ).datagrid( 'selectRow' ,3); }});   2.onL
  • jQuery用户数字打分评价效果 ini JavaScripthtmljqueryWebcss
    效果体验：http://hovertree.com/texiao/jquery/5.htmHTML文件代码： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jQuery用户数字打分评分代码 - HoverTree</
  • mybatis的paramType kerryg DAOsql
    MyBatis传多个参数： 1、采用#{0},#{1}获得参数：    Dao层函数方法：     public User selectUser(String name,String area); 对应的Mapper.xml    <select id="selectUser" result
  • centos 7安装mysql5.5 MrLee23 centos
    首先centos7 已经不支持mysql，因为收费了你懂得，所以内部集成了mariadb，而安装mysql的话会和mariadb的文件冲突，所以需要先卸载掉mariadb，以下为卸载mariadb，安装mysql的步骤。   #列出所有被安装的rpm package rpm -qa | grep mariadb   #卸载 rpm -e mariadb-libs-5.
  • 利用thrift来实现消息群发 qifeifei thrift
               Thrift项目一般用来做内部项目接偶用的，还有能跨不同语言的功能，非常方便，一般前端系统和后台server线上都是3个节点，然后前端通过获取client来访问后台server，那么如果是多太server，就是有一个负载均衡的方法，然后最后访问其中一个节点。那么换个思路，能不能发送给所有节点的server呢，如果能就
  • 实现一个sizeof获取Java对象大小 teasp javaHotSpot内存对象大小sizeof
       由于Java的设计者不想让程序员管理和了解内存的使用，我们想要知道一个对象在内存中的大小变得比较困难了。本文提供了可以获取对象的大小的方法，但是由于各个虚拟机在内存使用上可能存在不同，因此该方法不能在各虚拟机上都适用，而是仅在hotspot 32位虚拟机上，或者其它内存管理方式与hotspot 32位虚拟机相同的虚拟机上 适用。     
  • SVN错误及处理 xiangqian0505 SVN提交文件时服务器强行关闭
    在SVN服务控制台打开资源库“SVN无法读取current” ---摘自网络 写道 SVN无法读取current修复方法 Can't read file : End of file found 文件：repository/db/txn_current、repository/db/current   其中current记录当前最新版本号，txn_current记录版本库中版本
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他