js制作点击会自动隐藏的导航栏（固定在在头部的）

想必大家应该见过这样的特效，本来头部是固定在网页的最上方的，点一下缩进去，再点一下

又可以缩回来，这种效果怎么实现的呢，我今天就做了一个。菜鸟勿喷。

@charset "utf-8";

/* CSS Document */



.main

{

    width:1024px;

    height:768px;

    

}



#header

{

    width:inherit;

    height:100px;

    background:url(indexBar.jpg) no-repeat top left;

    margin-top:-5px;

    position:fixed;

    top:0;

    left:0;

    filter:alpha(Opacity=85);

    opacity:0.85;

    

}



.h_left

{

    float:left;

    margin-left:20px;

    margin-top:35px;

    

}



.h_right

{

    float:right;

    margin-right:80px;

    margin-top:20px;

    

}



.clear

{

    clear:both;

    

    

    

}



.h_right ul li

{

    display:inline-block;

    vertical-align:middle;

    padding-left:10px;

    letter-spacing:1px;

}



.others

{

    width:inherit;

    height:120%;

    border:2px solid red;

    

    

}



.h_right div

{

    float:right;

    

}

 

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<link rel="stylesheet" href="index.css" type="text/css" />



</head>



<body>





<div class="main" id="main">



<!-- 头部导航-->

<div class="header" id="header">



<div class="h_left">用户名：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;密码：

<br />

<p style="margin-top:12px;">

    Welcome~~~~~

</p>

</div>



<div class="h_right">

    <ul>

        <li>菜单测试</li>

        <li>菜单测试</li>

        <li>菜单测试</li>

    </ul>

<div id="exit">

<a href="#" onClick="exit1();">Close Windows~~~Have Fun~~~</a>



</div>

</div>



</div>

<script type="text/javascript" src="index.js"></script>

<div class="clear"></div>



<div class="others">

<p>

抒情



注重表现作者的思想感受，抒发作者的思想感情的散文。这类散文有对具体事物的记叙和描绘，但通常没有贯穿全篇的情节，其突出的特点是强烈的抒情性。它或直抒胸臆，或触景生情，洋溢着浓烈的诗情画意，即使描写的是自然风物，也赋予了深刻的社会内容和思想感情。优秀的抒情散文感情真挚，语言生动，还常常运用象征和比拟的手法，把思想寓于形象之中，具有强烈的艺术感染力。例如：茅盾的《白杨礼赞》、魏巍的《依依惜别的深情》、朱自清的《荷塘月色》、冰心的《樱花赞》、当代作家田茂泉的《哦，棋山》。

写景



以描绘景物为主的散文。这类文章多是在描绘景物的同时抒发感情，或借景抒情，或寓情于景，抓住景物的特征，按照空间的变换顺序，运用移步换景的方法，把观察的变化作为全文的脉络。生动的景物描绘，不但可以交代背景，渲染气氛，而且可以烘托人物的思想感情，更好的表现主题。例如：刘白羽的《长江三峡》。

哲理



哲理，是感悟的参透，思想的火花，理念的凝聚，睿智的结晶。它纵贯古今，横亘中外，包容大千世界，穿透人生社会，寄寓于人生百态家长里短，闪现在思维领域万千景观。 高明的作者，善于抓住哲理闪光的瞬间，形诸笔墨，写就内涵丰厚、耐人寻味的美文。时常涵咏这类美文，自然能在潜移默化中受到启迪和熏陶，洗礼和升华，这种内化作用无疑是巨大的。

哲理散文以种种形象来参与生命的真理，从而揭露万物之间的永恒相似，它因其深邃性和心灵透辟的整合，给我们一种透过现象深入本质、揭示事物的底蕴、观念具有震撼性的审美效果。把握哲理散文体现出的思维方式，去体悟哲理散文所蕴藏的深厚的文化底蕴和文化积淀。

1.哲理散文中的象征思维：哲理散文因为超越日常经验的意义和自身的自然物理性质，构成了本体的象征表达。它摒弃的是浅薄，而是达到一种与人的思想情性相通、生命交感、灵气往来的境界，我们从象征中获得理性的醒悟和精神的畅快，由心灵的平静转到灵魂的震颤，超越一般情感反应而居于精神的顶端。

2.哲理散文的联想思维：由于哲理散文是个立体的、综合的思维体系，经过联想，文章拥有更丰富的内涵，不至于显得单薄，把自然、社会、人生多个角度进行了融合。

3.哲理散文中的情感思维：哲理散文在本质意义上是思想表达对情感的一种依赖。“外师造化，中得心源”，由于作者对生活的感悟过程中有情感参与，理解的结果有情感及想象的融入，所以哲理散文中的思想，就不是一般干巴巴的议论，而是寓含了生活情感的思想，是蘸满了审美情感液汁的思想。从哲理散文的字里行间去读解到心智的深邃，理解生命的本义。这就是哲理散文艺术美之所在。

3理论名词

编辑



概念



散文是指以文字为创作、审美对象的文学艺术体裁，是文学中的一种体裁形式。　六朝以来，为区别于韵文、骈文，而把凡是不押韵、不重排偶的散体文章，概称散文。随着文学概念的演变和文学体裁的发展，散文的概念也时有变化，在某些历史时期又将小说与其他抒情、记事的文学作品统称为散文，以区别于讲求韵律的诗歌。现代散文是指除小说、诗歌、戏剧等文学体裁之外的其他文学作品。其本身按其内容和形式的不同，又可分为杂文、小品、随笔等。散文形散而神不散，有一个明确的主旨贯穿全文。

特点



短小优美，生动有趣。它的历史可以追溯到甲骨文，是和诗歌、戏剧、小说并列的文学体裁；它包括政论、史论、传记、游记、书信、日记、奏疏、小品、表、序等各体论说、杂文， 是语言艺术文学体裁的典范，并具有很高的审美价值，在长期流传过程中，它浇灌了各个时代的文学园地，也灌溉了历代文人，至今仍使人们受益。

散文是“集诸美于一身”的文学体裁。文学是表达人生和传达思想感情的。通常来说，小说、诗歌、戏剧无论是在结构上，还是在格律、剪裁、对话等安排布局上，都有很严格的要求：而散文，却可以自由些，看起来只是不经意地抒写着一己的经历和感受，所表现的多是零星杂碎的片段人生。语言诗意优美。

散文主要分叙事性散文、抒情散文、哲理散文、议论性散文。

4基本介绍

编辑



古代



殷商时代有了文字，也就有了记史的散文。到了周朝，各诸侯国的史官进一步以朴素的语言、简洁的文字记录列国间的史实，如《春秋》。随着时代的需求，产生了描述现实的历史文学，有了《左传》、《国语》、《战国策》等历史著作。

《左传》是《春秋左氏传》的简称，又名《左氏春秋》，相传是春秋末年鲁国的史官左丘明所著，共18万字，记载了春秋240年间列国的政治、军事、外交活动和言论以及天道、鬼神、灾祥、占卜之事。这部书叙事富于戏剧性，情节紧凑，战事描写尤为出色，语言精炼，富于形象。

《国语》是国别史，分别记载了周王朝及诸侯各国（BC990——BC353）之事，记言多于记事，所记大多为当时较有远见的开明贵族的话。

《战国策》作者不可考，现版本为西汉刘向辑成。同《国语》一样，也是分国记事，记载了西、东周及秦、齐、楚、赵等诸国之事，内容是谋臣策士的种种活动及辞说。《战国策》文章的特点是长于说事，善用比喻，人物形象塑造极为生动。

先秦历史散文为中国的历史文学奠定了基础，对后世历史家和古文家都产生了极为深远的影响。

春秋战国之交是社会大变革的时代，各种学术流派纷纷著书立说，争论不休，形成百家争鸣的局面。代表不同阶级或阶层的思想家的著作，促进了说理散文的发展。这些思想家有儒家、墨家、道家、法家等。记载他们言论的书流传的有《论语》、《孟子》、《墨子》、《庄子》、《韩非子》等。

《论语》和《孟子》是儒家诠释“仁”的著作。《论语》是记录孔丘及其弟子言行的，其中多半是简短的谈话和问答。《孟子》是记载孟轲言论的。孟轲长于辩论，因此书中语言明快，富于鼓动性。

《墨子》代表墨翟“喜爱”的主张，语言朴素，说理明确，逻辑性很强，《兼爱》、《非攻》等篇极有代表性。

《庄子》代表道家庄周“无为而治”的主张。庄子散文在诸子中独具魅力。这表现在作者具有奇幻的想象力和敏锐的观察力，善用民间寓言，长于譬喻，使文章富于文学趣味。

《韩非子》代表法家“因时制宜”的主张。韩非散文结构严谨，锋芒锐利，说理深刻。

《荀子》代表荀况的学说，现有32篇，多长篇。荀子散文特点：论点明确、层次清楚、句法整练、词汇丰富。

《吕氏春秋》是秦丞相吕不韦门客的集体创作。它包括八览、六论、十二纪，兼有儒、道、墨、法、农诸家学说。书中保留了大量先秦时代的文献和佚事。它是一种系统化的、集合许多单篇的说理文，层层深入，最见条理。和诸子散文一样，它往往以寓言故事为比喻，因而文章富于形象性。

先秦诸子的说理散文无论在思想上，还是在艺术风格上，都对后世散文的发展产生了显而易见的影响。

汉初，政论散文有所发展。贾谊（西元前200——前168）是西汉初年杰出的文学家，他的文章《过秦论》总结了秦代灭亡的原因，汲取了秦末农民起义的教训，发展了先秦的民本思想。他的散文善用比喻，语言富于形象性。

除贾谊外，汉初还有不少散文家，他们的文章大多或论秦之得失，或针对时弊，提出自己的主张，其中以晁错和邹阳成就较高。晁错以主张募民备塞的《守边劝农疏》、《论贵粟疏》两篇散文最为著名。

汉武帝时，罢黜百家，独尊儒术，封建王朝迫切需求总结古代文化，给予大一统的统治局面以哲学和历史的解释，司马迁的《史记》应运而生。它的出现将先秦历史散文又大大向前发展了一步。在《史记》的影响下，东汉产生了不少历史散文著作，班固的《汉书》便是其中的杰出代表。

汉代出现了一种新的文体“赋”。赋的名称始于战国赵人荀卿的《赋篇》，到后代形成了特定的体制。讲究文采、韵节，兼具诗歌和散文的双重性质。接近散文的称“文赋”，接近于骈文的称“骈赋”。汉初贾谊的《吊屈原赋》、《鹏鸟赋》；司马相如（前179—前127）的《子虚》、《上林》；西汉末年杨雄（公元前53—18）的《甘泉赋》、《羽猎赋》、《长杨赋》、《河东赋》；班固的《两都赋》；东汉张衡（78—139）的《二京赋》，都是汉赋的名篇。

魏晋南北朝时期，骈文盛行，散文衰落。但在郦道元的《水经注》和杨衡之的《洛阳伽蓝记》等学术著作中仍有一些质朴的叙事、抒情、写景的优美文字。

唐朝韩愈大力反对浮华的骈俪文，提倡作古文，一时从者甚众，后又得柳宗元大力支持，古文创作业绩大增，影响更大，成为文坛的主要风尚，文学史上称其为古文运动。以韩柳为首的古文运动的胜利，树立了一种摆脱陈言俗套，自由抒写的新文风，大大提高了散文的抒情、叙事、议论、讽刺的艺术功能。

中唐以后，古文运动一度衰落，到了宋代，欧阳修再一次掀起了古文运动，此后的王安石、曾巩、苏轼、苏洵、苏辙等人都在古文革新运动的影响之下取得了各自的成就，后人将他们与唐代韩愈、柳宗元合称为“唐宋八大家”。

北宋的历史文学家司马光编有一部历史巨著《资治通鉴》，它除具有史学价值外，还非常具有文学价值。

南宋散文家在北宋诸位大家影响下，产生了一部分上书言事的政论文，表现了作者鲜明的政治态度，胡铨、陈亮、叶适是这方面的代表作家。古文运动的成功，使散文更切合实用，南宋时大量出现的笔记杂文便是一个明证。洪迈的《容斋随笔》、王明清的《挥尘录》是笔记杂文中的佳作，此外，朱熹（1130—1200）的古文长于说理，造诣非浅。

明初的宋濂（1310—1381）是“开国文臣之首”，他的一部分传记文很有现实意义，比较著名的作品有《秦士录》、《王冕传》、《李疑传》等。明中叶以后，针对程朱理学、八股文的束缚，以李梦阳、何景明为首的前七子发起“复古运动”，倡导文必秦汉。他们在对扫荡八股文风起到一定积极作用的同时，又走上了盲目模拟古人的路子。后来的李攀龙、王世贞为代表的“后七子”复古运动，也再一次重复了他们的错误。

归有光等“唐宋派”首先起来反对复古派，进而是万历年间的公安派也加入猛烈抨击拟古主义的队伍。

公安派以袁宗道、袁宏道、袁中道为代表，时称“三袁”，袁宏道（1568--1610）最为著名。他们认为不同的时代有不同的文学，因此反对贵古贱今，模拟古人。袁宏道更出于作家的主观要求提出了“性灵说”。公安派的散文创作特点是：冲破传统古文的陈规旧律，自然流露个性，语言不事雕琢。

与公安派存在的同时还有以钟惺、谭元春为代表的竟陵派，他们也主张独抒性灵。

这样一篇典型作品。

</p>

</div>



</div>





</body>

</html>
// JavaScript Document





var main=document.getElementById("main");

var header=document.getElementById("header");

var exit=document.getElementById("exit");





var headerDiv=null;

var timer=null;

var temp=null;

//让方法实现动态滚动效果







header.addEventListener("click",scrollDivDown);

header.addEventListener("click",scrollDiv);

header.addEventListener("click",timeCal);





//向上滚动

function scrollDiv()

{



temp--;



header.style.top=temp+'px';





}



//向下滚动

function scrollDivDown()

{



    temp++;

    header.style.top=temp+'px';

    

    

}





//滚动

function timeCal()

{



//如果top中有-号的话，向下滚动，否则向上滚动

if(header.style.top.indexOf("-")!=-1)

{    

    timer=setInterval(scrollDivDown,20);

    

}

else

{

    timer=setInterval(scrollDiv,20);

    

    

}



    setTimeout('clearInterval(timer)',1000);  //停止滚动

    setTimeout('ifDisabled()',1); //滚动的时候禁用DIV防止1秒内连点2次出现一只向上或向下的情况

    setTimeout('ifEnabled()',1001);  //滚动结束后启用DIV

 

}

function ifDisabled()

{

    header.disabled=true;





}



function ifEnabled()

{

    header.disabled=false;    

}



//退出

function exit1()

{

    window.close();    

    

}

 

你可能感兴趣的:(js)

  • element实现动态路由+面包屑 软件技术NINI vue案例vue.js前端
    el-breadcrumb是ElementUI组件库中的一个面包屑导航组件，它用于显示当前页面的路径，帮助用户快速理解和导航到应用的各个部分。在Vue.js项目中，如果你已经安装了ElementUI，就可以很方便地使用el-breadcrumb组件。以下是一个基本的使用示例：安装ElementUI（如果你还没有安装的话）:你可以通过npm或yarn来安装ElementUI。bash复制代码npmi
  • C#中使用split分割字符串 互联网打工人no1 c#
    1、用字符串分隔：usingSystem.Text.RegularExpressions;stringstr="aaajsbbbjsccc";string[]sArray=Regex.Split(str,"js",RegexOptions.IgnoreCase);foreach(stringiinsArray)Response.Write(i.ToString()+"");输出结果：aaabbbc
  • 【华为OD机试真题2023B卷 JAVA&JS】We Are A Team 若博豆 java算法华为javascript
    华为OD2023（B卷）机试题库全覆盖，刷题指南点这里WeAreATeam时间限制：1秒|内存限制：32768K|语言限制：不限题目描述：总共有n个人在机房，每个人有一个标号（1<=标号<=n），他们分成了多个团队，需要你根据收到的m条消息判定指定的两个人是否在一个团队中，具体的：1、消息构成为：abc，整数a、b分别代
  • 数组去重 好奇的猫猫猫
    整理自js中基础数据结构数组去重问题思考？如何去除数组中重复的项例如数组：[1,3,4,3,5]我们在做去重的时候，一开始想到的肯定是，逐个比较，外面一层循环，内层后一个与前一个一比较，如果是久不将当前这一项放进新的数组，挨个比较完之后返回一个新的去过重复的数组不好的实践方式上述方法效率极低，代码量还多，思考？有没有更好的方法这时候不禁一想当然有了！！！hashtable啊，通过对象的hash办法
  • 【JS】执行时长(100分) |思路参考+代码解析（C++） l939035548 JS算法数据结构c++
    题目为了充分发挥GPU算力，需要尽可能多的将任务交给GPU执行，现在有一个任务数组，数组元素表示在这1秒内新增的任务个数且每秒都有新增任务。假设GPU最多一次执行n个任务，一次执行耗时1秒，在保证GPU不空闲情况下，最少需要多长时间执行完成。题目输入第一个参数为GPU一次最多执行的任务个数，取值范围[1,10000]第二个参数为任务数组长度，取值范围[1,10000]第三个参数为任务数组，数字范围
  • node.js学习 小猿L node.jsnode.js学习vim
    node.js学习实操及笔记温故node.js，node.js学习实操过程及笔记~node.js学习视频node.js官网node.js中文网实操笔记githubcsdn笔记为什么学node.js可以让别人访问我们编写的网页为后续的框架学习打下基础，三大框架vuereactangular离不开node.jsnode.js是什么官网：node.js是一个开源的、跨平台的运行JavaScript的运行
  • docker igotyback eureka云原生
    Docker容器的文件系统是隔离的，但是可以通过挂载卷（Volumes）或绑定挂载（BindMounts）将宿主机的文件系统目录映射到容器内部。要查看Docker容器的映射路径，可以使用以下方法：查看容器配置：使用dockerinspect命令可以查看容器的详细配置信息，包括挂载的卷。例如：bashdockerinspect在输出的JSON格式中，查找"Mounts"部分，这里会列出所有的挂载信息
  • 在Ubuntu中编译含有JSON的文件出现报错 芝麻糊76 Linuxkill_buglinuxubuntujson
    在ubuntu中进行JSON相关学习的时候，我发现了一些小问题，决定与大家进行分享，减少踩坑时候出现不必要的时间耗费截取部分含有JSON部分的代码进行展示char*str="{\"title\":\"JSONExample\",\"author\":{\"name\":\"JohnDoe\",\"age\":35,\"isVerified\":true},\"tags\":[\"json\",\"
  • Xinference如何注册自定义模型 玩人工智能的辣条哥 人工智能AI大模型Xinference
    环境：Xinference问题描述：Xinference如何注册自定义模型解决方案：1.写个model_config.json，内容如下{"version":1,"context_length":2048,"model_name":"custom-llama-3","model_lang":["en","ch"],"model_ability":["generate","chat"],"model
  • Python神器！WEB自动化测试集成工具 DrissionPage 亚丁号 python开发语言
    一、前言用requests做数据采集面对要登录的网站时，要分析数据包、JS源码，构造复杂的请求，往往还要应付验证码、JS混淆、签名参数等反爬手段，门槛较高。若数据是由JS计算生成的，还须重现计算过程，体验不好，开发效率不高。使用浏览器，可以很大程度上绕过这些坑，但浏览器运行效率不高。因此，这个库设计初衷，是将它们合而为一，能够在不同须要时切换相应模式，并提供一种人性化的使用方法，提高开发和运行效率
  • Mongodb Error: queryTxt ETIMEOUT xxxx.wwwdz.mongodb.net 佛一脚 errorreactmongodb数据库
    背景每天都能遇到奇怪的问题，做个记录，以便有缘人能得到帮助！换了一台电脑开发nextjs程序。需要连接mongodb数据，对数据进行增删改查。上一台电脑好好的程序，新电脑死活连不上mongodb数据库。同一套代码，没任何修改，搞得我怀疑人生了，打开浏览器进入mongodb官网毫无问题，也能进入线上系统查看数据，网络应该是没问题。于是我尝试了一下手机热点，这次代码能正常跑起来，连接数据库了！！！是不
  • Vue( ElementUI入门、vue-cli安装) m0_l5z elementuivue.js
    一.ElementUI入门目录：1.ElementUI入门1.1ElementUI简介1.2Vue+ElementUI安装1.3开发示例2.搭建nodejs环境2.1nodejs介绍2.2npm是什么2.3nodejs环境搭建2.3.1下载2.3.2解压2.3.3配置环境变量2.3.4配置npm全局模块路径和cache默认安装位置2.3.5修改npm镜像提高下载速度2.3.6验证安装结果3.运行n
  • 博客网站制作教程 2401_85194651 javamaven
    首先就是技术框架：后端：Java+SpringBoot数据库：MySQL前端：Vue.js数据库连接：JPA(JavaPersistenceAPI)1.项目结构blog-app/├──backend/│├──src/main/java/com/example/blogapp/││├──BlogApplication.java││├──config/│││└──DatabaseConfig.java
  • 00. 这里整理了最全的爬虫框架（Java + Python） 有一只柴犬 爬虫系列爬虫javapython
    目录1、前言2、什么是网络爬虫3、常见的爬虫框架3.1、java框架3.1.1、WebMagic3.1.2、Jsoup3.1.3、HttpClient3.1.4、Crawler4j3.1.5、HtmlUnit3.1.6、Selenium3.2、Python框架3.2.1、Scrapy3.2.2、BeautifulSoup+Requests3.2.3、Selenium3.2.4、PyQuery3.2
  • vue 创建项目报错：command failed: npm install --loglevel error 那鱼、会飞 vue.jsvue-cli3
    这个问题其实很好解决，只是很多种情况，逐一排除即可。稳下心来~vuecli3创建项目我的node版本是node14.15.0，（永远不要尝试最新版本）node各种版本下载地址：以往的版本|Node.js(nodejs.org)vue/[email protected]@vue/[email protected]（注意vue/cli2和vue/cli3的下载命名有所改变，2是-形式，3是/形式）其实报错
  • 更改npm镜像源为淘宝镜像 骆小骆 基于node.js
    npm常用指令后缀*最近复习了一下node.js整理了一下跟node.js相关的指令后缀*--save、-S参数意思是把模块的版本信息保存到dependencies（生产环境依赖）中，即你的package.json文件的dependencies字段中；–--save-dev、-D参数意思是把模块版本信息保存到devDependencies（开发环境依赖）中，即你的package.json文件的de
  • COCO 格式的数据集转化为 YOLO 格式的数据集 QYQY77 YOLOpython
    """--json_path输入的json文件路径--save_path保存的文件夹名字，默认为当前目录下的labels。"""importosimportjsonfromtqdmimporttqdmimportargparseparser=argparse.ArgumentParser()parser.add_argument('--json_path',default='./instances
  • NPM私库搭建-verdaccio（Linux） Beam007 npmlinux前端
    1、安装nodelinux服务器安装nodea)、官网下载所需的node版本https://nodejs.org/dist/v14.21.0/b)、解压安装包若下载的是xxx.tar.xz文件，解压命令为tar-xvfxxx.tar.xzc)、修改环境变量修改：/etc/profile文件#SETPATHFORNODEJSexportNODE_HOME=NODEJS解压安装的路径exportPAT
  • 前端代码上传文件 余生逆风飞翔 前端javascript开发语言
    点击上传文件import{ElNotification}from'element-plus'import{API_CONFIG}from'../config/index.js'import{UploadFilled}from'@element-plus/icons-vue'import{reactive}from'vue'import{BASE_URL}from'../config/index'i
  • golang获取用户输入的几种方式 余生逆风飞翔 golang开发语言后端
    一、定义结构体typeUserInfostruct{Namestring`json:"name"`Ageint`json:"age"`Addstring`json:"add"`}typeReturnDatastruct{Messagestring`json:"message"`Statusstring`json:"status"`DataUserInfo`json:"data"`}二、get请求的
  • VUE3 + xterm + nestjs实现web远程终端 或 连接开启SSH登录的路由器和交换机。 焚木灵 node.jsvue
    可远程连接系统终端或开启SSH登录的路由器和交换机。相关资料：xtermjs/xterm.js:Aterminalfortheweb(github.com)后端实现(NestJS)：1、安装依赖：npminstallnode-ssh@nestjs/websockets@nestjs/platform-socket.io2、我们将创建一个名为RemoteControlModule的NestJS模块，
  • spring mvc @RequestBody String类型参数 zoyation spring-mvcspringmvc
    通过如下配置：text/html;charset=UTF-8application/json;charset=UTF-8在springmvc的Controller层使用@RequestBody接收Content-Type为application/json的数据时，默认支持Map方式和对象方式参数@RequestMapping(value="/{code}/saveUser",method=Requ
  • Vue 项目运行时，报错 Error: Cannot find module ‘node:path‘ 周bro vue.js前端javascriptnode.jsnpm
    node-v是否显示nodenpm-v报错Error:Cannotfindmodule‘node:path'是因为node版本和npm版本不匹配安装相对应的版本node版本10.16.0对应npm版本[email protected]执行该命令即可匹配版本官网https://nodejs.org/en/about/previous-releases
  • 360前端星计划-动画可以这么玩 马小蜗
    动画的基本原理定时器改变对象的属性根据新的属性重新渲染动画functionupdate(context){//更新属性}constticker=newTicker();ticker.tick(update,context);动画的种类1、JavaScript动画操作DOMCanvas2、CSS动画transitionanimation3、SVG动画SMILJS动画的优缺点优点：灵活度、可控性、性能
  • 【vite 自动配置路由】 CODER-V 前端javascriptvue.js前端软件构建
    手动配置路由，是一个没有技术含量又浪费时间的工作。本文将介绍vite构建的vue3项目如何编写一个自动配置路由的脚本。约定大于配置要想使用脚本完成路由的自动配置，我们就需要遵循以下目录规则：每一个页面对应一个包，当前包下的主页面命名为index.vue；每个包里必须配置一个page.js；在每一个page.js里边配置，额外的路由信息，比如：exportdefault{title:'商品',men
  • 探索Zebra4J：构建高效企业级Web应用的微服务框架 叶准鑫Natalie
    探索Zebra4J：构建高效企业级Web应用的微服务框架ZebraZebra4J/Zebra4Js基于SpringBoot的JavaWeb/Nodejs框架项目地址:https://gitcode.com/gh_mirrors/zebra/Zebra项目介绍在当今快速发展的技术环境中，构建高效、可扩展的企业级Web应用是每个开发团队的追求。Zebra4J作为一款基于SpringBoot的全新微服务
  • 【JS】前端文件读取FileReader操作总结 程序员-张师傅 前端前端javascript开发语言
    前端文件读取FileReader操作总结FileReader是JavaScript中的一个WebAPI，它允许web应用程序异步读取用户计算机上的文件（或原始数据缓冲区）的内容，例如读取文件以获取其内容，并在不将文件发送到服务器的情况下在客户端使用它。这对于处理图片、文本文件等非常有用，尤其是当你想要在用户界面中即时显示文件内容或进行文件预览时。创建FileReader对象首先，你需要创建一个Fi
  • 【前端】vue 报错:The template root requires exactly one element 程序员-张师傅 前端前端vue.jsjavascript
    【前端】vue报错:Thetemplaterootrequiresexactlyoneelement在Vue.js中，当你遇到错误“Thetemplaterootrequiresexactlyoneelement”时，这通常意味着你的Vue组件的模板（template）根节点不是单一的元素。Vue要求每个组件的模板必须有一个根元素来包裹所有的子元素。这个错误通常出现在以下几种情况：模板中有多个并行
  • UI 自动化的页面对象管理神器 PO-Manager TesterHome
    原文由alex发表于TesterHome社区网站，点击原文链接可于作者直接交流。做UI自动化的同学都知道，UI自动化一个难点就是页面元素的变化，让自动化维护成为一个痛点。在此，为了减轻这个痛点，我在基于Page-Object模式的基础上开发了页面对象维护的工具。该工具为vscode的一个插件，可以通过vscode插件市场搜索PO-Manager来下载安装本文中的页面对象库文件基于json.一个元素
  • 小程序通过js控制页面字体颜色属性 祈澈菇凉
    需求：当电量少于百分之20的时候，显示电量的字体显示为红色。1：在wxml里面设置属性batStyle：style="{{item.batStyle}}"电量:{{item.battery}}%2：当复合逻辑条件的时候，在js里面carList[i].batStyle="color:red";success:function(res){constcarList=res.data.list;for(
  • 对股票分析时要注意哪些主要因素？ 会飞的奇葩猪 股票 分析 云掌股吧
    　　众所周知，对散户投资者来说，股票技术分析是应战股市的核心武器，想学好股票的技术分析一定要知道哪些是重点学习的，其实非常简单，我们只要记住三个要素：成交量、价格趋势、振荡指标。     一、成交量 　　大盘的成交量状态。成交量大说明市场的获利机会较多，成交量小说明市场的获利机会较少。当沪市的成交量超过150亿时是强市市场状态，运用技术找综合买点较准；
  • 【Scala十八】视图界定与上下文界定 bit1129 scala
    Context Bound，上下文界定，是Scala为隐式参数引入的一种语法糖，使得隐式转换的编码更加简洁。   隐式参数 首先引入一个泛型函数max，用于取a和b的最大值 def max[T](a: T, b: T) = { if (a > b) a else b }  因为T是未知类型，只有运行时才会代入真正的类型，因此调用a >
  • C语言的分支——Object-C程序设计阅读有感 darkblue086 applec框架cocoa
    自从1972年贝尔实验室Dennis Ritchie开发了C语言，C语言已经有了很多版本和实现，从Borland到microsoft还是GNU、Apple都提供了不同时代的多种选择，我们知道C语言是基于Thompson开发的B语言的，Object-C是以SmallTalk-80为基础的。和C++不同的是，Object C并不是C的超集，因为有很多特性与C是不同的。 Object-C程序设计这本书
  • 去除浏览器对表单值的记忆 周凡杨 html记忆autocompleteform浏览
                                       &n
  • java的树形通讯录 g21121 java
    最近用到企业通讯录，虽然以前也开发过，但是用的是jsf，拼成的树形，及其笨重和难维护。后来就想到直接生成json格式字符串，页面上也好展现。 // 首先取出每个部门的联系人 for (int i = 0; i < depList.size(); i++) { List<Contacts> list = getContactList(depList.get(i
  • Nginx安装部署 510888780 nginxlinux
    Nginx ("engine x") 是一个高性能的 HTTP 和 反向代理 服务器，也是一个 IMAP/POP3/SMTP 代理服务器。 Nginx 是由 Igor Sysoev 为俄罗斯访问量第二的 Rambler.ru 站点开发的，第一个公开版本0.1.0发布于2004年10月4日。其将源代码以类BSD许可证的形式发布，因它的稳定性、丰富的功能集、示例配置文件和低系统资源
  • java servelet异步处理请求 墙头上一根草 ｊａｖａ异步返回ｓｅｒｖｌｅｔ
    servlet3.0以后支持异步处理请求，具体是使用AsyncContext ，包装httpservletRequest以及httpservletResponse具有异步的功能，        final AsyncContext ac = request.startAsync(request, response);   ac.s
  • 我的spring学习笔记8-Spring中Bean的实例化 aijuans Spring 3
    在Spring中要实例化一个Bean有几种方法： 1、最常用的（普通方法） <bean id="myBean" class="www.6e6.org.MyBean" /> 使用这样方法，按Spring就会使用Bean的默认构造方法，也就是把没有参数的构造方法来建立Bean实例。 （有构造方法的下个文细说） 2、还
  • 为Mysql创建最优的索引 annan211 mysql索引
    索引对于良好的性能非常关键，尤其是当数据规模越来越大的时候，索引的对性能的影响越发重要。 索引经常会被误解甚至忽略，而且经常被糟糕的设计。 索引优化应该是对查询性能优化最有效的手段了，索引能够轻易将查询性能提高几个数量级，最优的索引会比 较好的索引性能要好2个数量级。 1 索引的类型 (1) B-Tree 不出意外，这里提到的索引都是指 B-
  • 日期函数 百合不是茶 oraclesql日期函数查询
      ORACLE日期时间函数大全 TO_DATE格式(以时间:2007-11-02 13:45:25为例) Year: yy two digits 两位年 显示值:07 yyy three digits 三位年 显示值:007
  • 线程优先级 bijian1013 javathread多线程java多线程
    多线程运行时需要定义线程运行的先后顺序。 线程优先级是用数字表示，数字越大线程优先级越高，取值在1到10，默认优先级为5。 实例： package com.bijian.study; /** * 因为在代码段当中把线程B的优先级设置高于线程A,所以运行结果先执行线程B的run()方法后再执行线程A的run()方法 * 但在实际中，JAVA的优先级不准，强烈不建议用此方法来控制执
  • 适配器模式和代理模式的区别 bijian1013 java设计模式
    一.简介        适配器模式：适配器模式（英语：adapter pattern）有时候也称包装样式或者包装。将一个类的接口转接成用户所期待的。一个适配使得因接口不兼容而不能在一起工作的类工作在一起，做法是将类别自己的接口包裹在一个已存在的类中。      &nbs
  • 【持久化框架MyBatis3三】MyBatis3 SQL映射配置文件 bit1129 Mybatis3
     SQL映射配置文件一方面类似于Hibernate的映射配置文件，通过定义实体与关系表的列之间的对应关系。另一方面使用<select>,<insert>,<delete>，<update>元素定义增删改查的SQL语句， 这些元素包含三方面内容 1. 要执行的SQL语句 2. SQL语句的入参，比如查询条件 3. SQL语句的返回结果
  • oracle大数据表复制备份个人经验 bitcarter oracle大表备份大表数据复制
    前提：    数据库仓库A（就拿oracle11g为例）中有两个用户user1和user2,现在有user1中有表ldm_table1,且表ldm_table1有数据5千万以上，ldm_table1中的数据是从其他库B（数据源）中抽取过来的，前期业务理解不够或者需求有变，数据有变动需要重新从B中抽取数据到A库表ldm_table1中。    
  • HTTP加速器varnish安装小记 ronin47 http varnish 加速
    上午共享的那个varnish安装手册，个人看了下，有点不知所云，好吧~看来还是先安装玩玩！ 苦逼公司服务器没法连外网，不能用什么wget或yum命令直接下载安装，每每看到别人博客贴出的在线安装代码时，总有一股羡慕嫉妒“恨”冒了出来。。。好吧，既然没法上外网，那只能麻烦点通过下载源码来编译安装了！ Varnish 3.0.4下载地址： http://repo.varnish-cache.org/
  • java-73-输入一个字符串，输出该字符串中对称的子字符串的最大长度 bylijinnan java
    public class LongestSymmtricalLength { /* * Q75题目：输入一个字符串，输出该字符串中对称的子字符串的最大长度。 * 比如输入字符串“google”，由于该字符串里最长的对称子字符串是“goog”，因此输出4。 */ public static void main(String[] args) { Str
  • 学习编程的一点感想 Cb123456 编程感想Gis
           写点感想，总结一些，也顺便激励一些自己.现在就是复习阶段，也做做项目.      本专业是GIS专业，当初觉得本专业太水，靠这个会活不下去的，所以就报了培训班。学习的时候，进入状态很慢，而且当初进去的时候，已经上到Java高级阶段了，所以.....，呵呵，之后有点感觉了，不过，还是不好好写代码，还眼高手低的，有
  • [能源与安全]美国与中国 comsci 能源
         现在有一个局面：地球上的石油只剩下N桶，这些油只够让中国和美国这两个国家中的一个顺利过渡到宇宙时代，但是如果这两个国家为争夺这些石油而发生战争，其结果是两个国家都无法平稳过渡到宇宙时代。。。。而且在战争中，剩下的石油也会被快速消耗在战争中，结果是两败俱伤。。。       在这个大
  • SEMI-JOIN执行计划突然变成HASH JOIN了 的原因分析 cwqcwqmax9 oracle
    甲说： A B两个表总数据量都很大，在百万以上。 idx1  idx2字段表示是索引字段 A B 两表上都有 col1字段表示普通字段 select xxx from A where A.idx1 between mmm and nnn      and exists (select 1 from B where B.idx2 =
  • SpringMVC-ajax返回值乱码解决方案 dashuaifu AjaxspringMVCresponse中文乱码
      SpringMVC-ajax返回值乱码解决方案   一：（自己总结，测试过可行） ajax返回如果含有中文汉字，则使用：（如下例：） @RequestMapping(value="/xxx.do")       public @ResponseBody void getPunishReasonB
  • Linux系统中查看日志的常用命令 dcj3sjt126com OS
    因为在日常的工作中，出问题的时候查看日志是每个管理员的习惯，作为初学者，为了以后的需要，我今天将下面这些查看命令共享给各位 cat tail -f 日 志 文 件 说 明 /var/log/message 系统启动后的信息和错误日志，是Red Hat Linux中最常用的日志之一 /var/log/secure 与安全相关的日志信息 /var/log/maillog 与邮件相关的日志信
  • [应用结构]应用 dcj3sjt126com PHPyii2
    应用主体 应用主体是管理 Yii 应用系统整体结构和生命周期的对象。 每个Yii应用系统只能包含一个应用主体，应用主体在 入口脚本中创建并能通过表达式 \Yii::$app 全局范围内访问。 补充: 当我们说"一个应用"，它可能是一个应用主体对象，也可能是一个应用系统，是根据上下文来决定[译：中文为避免歧义，Application翻译为应
  • assertThat用法 eksliang JUnitassertThat
    junit4.0  assertThat用法 一般匹配符1、assertThat( testedNumber, allOf( greaterThan(8), lessThan(16) ) ); 注释： allOf匹配符表明如果接下来的所有条件必须都成立测试才通过，相当于“与”（&&） 2、assertThat( testedNumber, anyOf( g
  • android点滴2 gundumw100 应用服务器android网络应用OSHTC
    如何让Drawable绕着中心旋转？ Animation a = new RotateAnimation(0.0f, 360.0f, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,0.5f); a.setRepeatCount(-1); a.setDuration(1000); 如何控制Andro
  • 超简洁的CSS下拉菜单 ini htmlWeb工作html5css
    效果体验：http://hovertree.com/texiao/css/3.htmHTML文件： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>简洁的HTML+CSS下拉菜单-HoverTree</title>
  • kafka consumer防止数据丢失 kane_xie kafkaoffset commit
    kafka最初是被LinkedIn设计用来处理log的分布式消息系统，因此它的着眼点不在数据的安全性（log偶尔丢几条无所谓），换句话说kafka并不能完全保证数据不丢失。   尽管kafka官网声称能够保证at-least-once，但如果consumer进程数小于partition_num，这个结论不一定成立。   考虑这样一个case，partiton_num=2
  • @Repository、@Service、@Controller 和 @Component mhtbbx DAOspringbeanprototype
    @Repository、@Service、@Controller 和 @Component 将类标识为Bean Spring 自 2.0 版本开始，陆续引入了一些注解用于简化 Spring 的开发。@Repository注解便属于最先引入的一批，它用于将数据访问层 (DAO 层 ) 的类标识为 Spring Bean。具体只需将该注解标注在 DAO类上即可。同时，为了让 Spring 能够扫描类
  • java 多线程高并发读写控制 误区 qifeifei java thread
    先看一下下面的错误代码，对写加了synchronized控制，保证了写的安全，但是问题在哪里呢？ public class testTh7 { private String data; public String read(){ System.out.println(Thread.currentThread().getName() + "read data "
  • mongodb replica set(副本集)设置步骤 tcrct javamongodb
    网上已经有一大堆的设置步骤的了，根据我遇到的问题，整理一下，如下： 首先先去下载一个mongodb最新版，目前最新版应该是2.6 cd /usr/local/bin wget http://fastdl.mongodb.org/linux/mongodb-linux-x86_64-2.6.0.tgz tar -zxvf mongodb-linux-x86_64-2.6.0.t
  • rust学习笔记 wudixiaotie 学习笔记
    1.rust里绑定变量是let，默认绑定了的变量是不可更改的，所以如果想让变量可变就要加上mut。 let x = 1; let mut y = 2; 2.match 相当于erlang中的case，但是case的每一项后都是分号，但是rust的match却是逗号。 3.match 的每一项最后都要加逗号，但是最后一项不加也不会报错，所有结尾加逗号的用法都是类似。 4.每个语句结尾都要加分
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他