精华内容
下载资源
问答
  • html css js php是否区分大小写 总结

    千次阅读 2016-10-18 11:25:45
    关于html css js php是否区分大小写的详细总结

    html(html5)大小写不敏感 不区分大小写

    css(css3)大小写不敏感 不区分大小写

    JS 大小写非常敏感  JS是 区分大小写的,变量名,函数,关键字都要区分大小写

    php 大小写敏感规则比较复杂一点

    1.变量名 区分大小写所有变量均区分大小写,包括普通变量以及系统变量$_GET,$_POST,$_REQUEST,$_COOKIE,$_SESSION等

    2.常量名 默认区分大小写(可以通过define()函数设置为不区分大小写),通常都写为大写

    3.函数名、方法名、类名 不区分大小写
    4.魔术常量 不区分大小写,推荐大写。比如__LINE__、__FILE__、__DIR__、__FUNCTION__、__CLASS__等
    5.NULL、TRUE、FALSE不区分大小写

    总结一下:PHP中,除了变量名区分大小写和常量可以控置是否区分大小写外,其余的全部不区分大小写

    展开全文
  • HTML CSS JS 实现弹窗

    千次阅读 2019-04-18 13:41:10
    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-...
    <!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>弹框</title>
        <style>
            body{
                font-family: Arial, Helvetica, sans-serif;
                font-size: 17px;
                line-height: 1.6;
            }
            .button{
                border: 0;    /* 去除原button边框样式 */
                background-color: coral;
                color: #fff;
                padding: 1em 2em;
            }
            .button:hover{
                background-color: #333;
            }
            .modal{
                display: none;
                position: fixed;
                z-index: 1;
                left: 0;
                top: 0;
                height: 100%;
                width: 100%;
                overflow: hidden;
                background-color: rgba(0, 0, 0,0.5);
            }
            .modal-content{
                background-color: #f4f4f4;
                margin: 15% auto;
                width: 80%;
                box-shadow: 0 5px 8px 0 rgba(0, 0, 0,0.2), 0 7px 20px 0 rgba(0, 0, 0,0.2);
                animation-name: modalopen;
                animation-duration: 1s;
            }
            .modal-header h2,.modal-footer h3{
                margin: 0;
            }
            .modal-header{
                background-color: coral;
                padding: 15px;
                color: #fff;
            }
            .closeBtn{
                color: #fff;
                float: right;
                font-size: 30px;
            }
            .closeBtn:hover,.closeBtn:focus{
                color: #000;
                text-decoration: none;
                cursor: pointer;
            }
            .modal-body{
                padding:10px 20px; 
            }
            .modal-footer{
                color: #fff;
                background-color: coral;
                padding: 10px;
                text-align: center;
            }
            @keyframes modalopen{
                from {opacity: 0}
                to {opacity: 1}
            }
        </style>
    </head>
    <body>
        <button id="modalBtn" class="button">弹弹弹</button>
        <!-- 弹框部分 -->
        <div id="simpleModal" class="modal">
            <div class="modal-content">
                <div class="modal-header">
                    <span class="closeBtn">&times;</span>
                    <h2>弹框头部</h2>
                </div>
                <div class="modal-body">
                    <p>这是一个弹窗效果</p>
                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Veritatis, nemo? Temporibus velit eligendi neque repudiandae quis, autem vero fuga officia enim quas quibusdam consequuntur nam dolores tempore asperiores repellendus distinctio.</p>
                </div>
                <div class="modal-footer">
                    <h3>弹框底部</h3>
                </div>
            </div>
        </div>
        <script>
            // 获取弹窗元素
            var modal = document.getElementById("simpleModal");
    
            // 获取按钮元素
            var modalBtn = document.getElementById("modalBtn");
    
            // 获取关闭弹窗按钮元素
            var closeBtn = document.getElementsByClassName("closeBtn")[0];
    
            // 监听打开弹窗事件
            modalBtn.addEventListener("click",openModal);
    
            // 监听关闭弹窗事件
            closeBtn.addEventListener("click",closeModal);
    
            // 监听window关闭弹窗事件
            window.addEventListener("click",outsideClick);
    
            // 弹窗事件
            function openModal () {
                modal.style.display = "block";
            }
    
            // 关闭弹框事件
            function closeModal () {
                modal.style.display = "none";
            }
            
            // outsideClick
            function outsideClick (e) {
                if(e.target == modal){
                    modal.style.display = "none";
                }
            }
        </script>
    </body>
    </html> 

    效果展示:

    展开全文
  • html css js 如何实现弹窗

    千次阅读 2018-09-05 21:04:00
    DOCTYPE html&amp;amp;gt; &amp;amp;lt;html&amp;amp;gt; &amp;amp;lt;head&amp;amp;gt; &amp;amp;lt;title&amp;amp;gt;自写弹窗&amp;amp;lt;/title&amp;amp;gt; &am

    在前端实现弹窗是很使用得一项技术,我们可以做用户登录,信息填写等等,具体实现如下:

    <!DOCTYPE html>
    <html>
    <head>
    	<title>自写弹窗</title>
    </head>
    <!-- 样式 -->
    <style type="text/css">
    	/* 弹窗 (background) */
    .modal {
        display: none; /* 默认隐藏 */
        /*生成绝对定位的元素,相对于浏览器窗口进行定位。*/
        position: fixed; 
        z-index: 1; 
        left: 0;
        top: 0;
        /*设置弹窗位置*/
        padding-top: 200px;
        padding-bottom: 300px;
        /*浮在全屏上*/
        width: 100%; 
        height:  100%; 
        /*overflow:auto;如果内容被修剪,则浏览器会显示滚动条,以便查看其余内容。*/
        overflow: auto; 
        background-color: rgb(0,0,0); 
        background-color: rgba(0,0,0,0.4);
        text-align: center;
    }
    
    /* 弹窗内容 */
    .modal-content {
        /*position: relative;*/
        /*弹窗背景色设置*/
        background-color: #fefefe;
        margin: auto;
        padding: 200px auto;
        width: 400px;
        box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
        -webkit-animation-name: animatetop;
        -webkit-animation-duration: 0.4s;
        animation-name: animatetop;
        animation-duration: 0.4s
    }
    
    /* 添加动画 */
    @-webkit-keyframes animatetop {
        from {top:-200px; opacity:0} 
        to {top:0; opacity:1}
    }
    
    @keyframes animatetop {
        from {top:-200px; opacity:0}
        to {top:0; opacity:1}
    }
    
    /* 关闭按钮 */
    .close {
        color: white;
        float: right;
        font-size: 28px;
        font-weight: bold;
    }
    
    .close:hover, .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }
    
    .modal-header {
    	display: block;
    	line-height: 30px;
        padding: 2px 10px;
        background-color: blue;
        color: white;
        text-align: left;
    }
    
    .modal-body {
    	padding: 2px 16px;
    	font-size: 18px;
    	height: 200px;
    }
    
    .modal-footer {
    	display: block;
    	line-height: 30px;
        padding: 2px 10px;
        background-color: blue;
        color: white;
    }
    </style>
    <!-- js -->
    <script type="text/javascript">
    	function openwindow(){
    		//获取弹窗得div
    		var modal = document.getElementById('myModal');
    		// 获取 <span> 元素,用于关闭弹窗 (X)
    		var span = document.getElementsByClassName("close")[0];
    		//获取弹窗中得确定按钮
    		var ok=document.getElementsByClassName("ok")[0];
    		//获取弹窗中得取消按钮
    		var no=document.getElementsByClassName("no")[0];
    		//窗体弹出
    		modal.style.display = "block";
    		//点击窗体ok
    		ok.onclick=function(){
    			//执行弹出窗体得确定后得操作
    			alert("执行确定按钮点击得操作");
    			//关闭窗口
    			modal.style.display = "none";
    		}
    		//点击窗体取消按钮
    		no.onclick=function(){
    			//直接关闭窗口
    			modal.style.display = "none";
    		}
    		// 点击 <span> (x), 关闭弹窗
    		span.onclick = function() {
    			//直接关闭窗口
    			modal.style.display = "none";
    		}
    		// 在用户点击其他地方时,关闭弹窗
    		window.onclick = function(event) {
    			//点击窗口外内容,关闭窗口
    			if (event.target == modal) modal.style.display = "none";
    		}
    	}
    </script>
    <body>
    	<div align="center" style="margin: 50 auto">
    		<h2>自定义弹窗设计</h2>
    		<button onclick="openwindow()">打开弹窗</button>
    	</div>
    	<!-- 弹窗隐藏区域 -->
    	<div id="myModal" class="modal">
    		  <!-- 弹窗内容 -->
    			<div class="modal-content">
    			  <div class="modal-header">
    			    <span class="close">&times;</span>
    			    <h2>器件信息添加</h2>
    			  </div>
    			  <div class="modal-body">
    			  	<p>这是你需要设计填写需求得内容,如登录等等</p>
    			  	姓名: <input type="text" name=""><br>
    			  	密码: <input type="password" name="">
    			  </div>
    			  <div class="modal-footer">
    			   <button class="ok">确定</button>&nbsp;<button class="no">取消</button>
    			  </div>
    			</div>
    	</div>
    </body>
    </html>
    

    实现结果展示
    这里写图片描述

    展开全文
  • Atitit 使用h5技术( html css js)制作桌面程序gui界面解决方案attilax总结     1.1. 理解Atwood定律 1 1.2. H5做出个html的ui是很方便的,跨平台 2 1.3. 启动exe。。使用chrome 的app模式启动即可 2 1.4....

    Atitit 使用h5技术( html css js)制作桌面程序gui界面解决方案attilax总结

     

     

    1.1. 理解Atwood定律 1

    1.2. H5做出个htmlui是很方便的,跨平台 2

    1.3. 启动exe。。使用chrome app模式启动即可 2

    1.4. Js ide使用webstorm,支持js单点调试 3

    1.5. 使用ajax技术连接界面ui与后端 3

    1.6. H5技术调用本地文件选择对话框 4

    1.7. 结论,使用javascript技术制作桌面gui程序已经比较成熟了。但是依然有一些小坑 6

     

     

    1.1. 理解Atwood定律

    Jeff Atwood发表于2007年的这篇博客里,他提出了著名的“Atwood定律”,即”任何能够用JavaScript实现的应用系统,最终都必将用JavaScript实现。“ (Any application that can be written in JavaScript, will eventually be written in JavaScript.

     

    这应该就是Jeff Atwood定律的由来:JavaScript既能独立完成所有互联网应用所需的功能开发,同时又是主流编程语言中最为轻量级的

     

    编程语言的可读性与开发效率提升,也是从机器语言>>asm汇编》》native类型语言(vb pb c c++ delphi) >>vm类型语言(java c#) >>script脚本语言(js python php) >>dsl类型语言(halcon matlab h5  autoit shell sql脚本等)。。

     

    脚本语言和dslGUI领域一个非常好的一个选择,主流脚本基本语言有js python  php等,当然还要集大成者h5。。Attilax更加的看好js python的缩进很蛋疼。。脚本语言最大的优点就是不用编译啊,方便修改,体积小巧。部署友好性较好。。

     

     

     

    1.2. H5做出个htmlui是很方便的,跨平台

    但是还是有一些坑要填的啊。。特此记录。。

     

    H5 ui方面的ide就是dw了。。我用的dreamweaver cc 2015版本还不错

    H5方面的资源就很多了,浩如烟海,这里我使用jq操作dom,使用bootstrap这个css框架稍微美化下界面

     

     

     

    1.3. 启动exe。。使用chrome app模式启动即可

    以往我们桌面gui程序使用h5做界面,需要使用webkit browser控件作为主控件,比如c#.netwpf,或者javajavafx,还是有些麻烦的。。

     

    现在,经过我孜孜不倦的研究,使用chrome这些浏览器的app模式即可啊。。现在的浏览器功能真是越来越强大了啊。。

    如果全屏程序,全屏模式:kiosk

     

    启动命令  C:\Users\Administrator\AppData\Local\Google\Chrome\Application\chrome.exe --app=http://localhost:8088/imgSearch/imgSearch.html

     

    效果如下图,和使用javafx技术制作桌面gui程序是一模一样的。。

     

     

     

     

    1.4. Js ide使用webstorm,支持js单点调试

    后端的js调试使用这个ws。。前段js调试使用chrome的开发者工具即可了。。。

    1.5. 使用ajax技术连接界面ui与后端

    还有一种浏览器扩展对象技术,可以直接连接后端,单貌似不好调试。。也许是我研究的不够。。

    使用ajax技术连接后端有个好处就是方便调试,毕竟chrome这些浏览器的debug工具很强大的。

    不过使用ajax,就得要一个web server了。这里直接使用nodejs +express web模块

     

    var path = require('path');
    var express = require('express');
    var app = express();
    console.log("__dirname:"+__dirname)
    webroot=path.join(__dirname, '..');
    console.log("webroot:"+webroot)

    //return;

    app.use(express.static(webroot));

    app.get('/', function(req, res) {
        res.send('Hello world');
    });

    var server = app.listen(8088, function() {
        console.log('Express is listening to http://localhost:8088');
    });

     

    1.6. H5技术调用本地文件选择对话框

    默认h5是不能调用本地文件路径的。。所以我们使用ajax技术后端调用即可。。不过,js貌似比较难以直接调用osapi。。还好,使用cli接口调用一个exe打开文件选择框即可。。。这个exe文件使用autoit脚本即可制作。。Autoit是个调用os功能的很好的dsl,其次使用shell脚本也是个调用os功能的强大dsl。。。

    这样就可以直接打开本地的文件筐了

     

     

     

     

     

     

     

     

     

    确认后,会把本地路径显示到文本框里面去

     

     

    function  main() {
        $("#openTmpPic").click(function () {
            //note must add ati  ext ...beir   backcall/?xxxx
            
    $.get("../backcall.ati", {cls: null, meth: "openTmpPic", p1: "v1", p1_type: "int", rdm: Math.random()}, function (arry) {
                        $("#tmppath").val(arry);
            });

        });

     

    nodejs后端,增加一个调用即可


    app.get('/backcall.ati', function(req, res) {
     //   reqG=
        
    var meth=req.query.meth;
        eval(meth+"(req,res)");
        var p1=req.query.p1
        console
    .log("---p:"+p1);
     //   res.send('Hello world');
    });
     function openTmpPic(req, res)
    {
        var fsrMode = require("../com.attilax/ui/FileSelector.js");
        var fsr=new fsrMode.FileSelector();
        fsr.folderSelector(function(path){
            res.send(path);
        })
    }

     

    1.7. 结论,使用javascript技术制作桌面gui程序已经比较成熟了。但是依然有一些小坑

    比如调用osapi,。稍微麻烦些。还好可以通过cli接口调用autoit shellos dsl来解决。。

    js目前不能直接调用dll貌似。貌似有时候还得通过调用autoit来解决。。

    其次,一些类库比如opencvjs的支持还不够,需要通过py来中转。。

     

    作者:: 绰号:老哇的爪子claw of Eagle 偶像破坏者Iconoclast image-smasher

    捕鸟王"Bird Catcher  kok  虔诚者Pious 宗教信仰捍卫者 Defender Of the Faith. 卡拉卡拉红斗篷 Caracalla red cloak 万兽之王

    简称:: Emir Attilax Akbar 埃米尔 阿提拉克斯 阿克巴

    全名::Emir Attilax Akbar bin Mahmud bin  attila bin Solomon bin adam Al Rapanui 埃米尔 阿提拉克斯 阿克巴 本 马哈茂德 本 阿提拉 本 所罗门 本亚当  阿尔 拉帕努伊

    常用名:艾提拉(艾龙),  EMAIL:1466519819@qq.com

     

     

    头衔:uke总部o2o负责人,全球网格化项目创始人,

    uke宗教与文化融合事务部部长, uke宗教改革委员会副主席

    Emir Uke部落首席大酋长,

    uke制度与重大会议委员会委员长,uke保安部首席大队长,uke制度检查委员会副会长,

    uke 首席cto  奶牛科技首席cto , 软件部门总监 技术部副总监  研发部门总监主管  产品部副经理 项目部副经理

    uke波利尼西亚区大区连锁负责人 汤加王国区域负责人 uke克尔格伦群岛区连锁负责人,莱恩群岛区连锁负责人,uke布维岛和南乔治亚和南桑威奇群岛大区连锁负责人

     Uke软件标准化协会理事长理事长 Uke 数据库与存储标准化协会副会长

     

    uke终身教育学校副校长   Uke医院 与医学院方面的创始人

     Uke 户外运动协会理事长  度假村首席大村长  uke交友协会会长

     uke出版社编辑总编

     

    转载请注明来源:attilax的专栏  ?http://blog.csdn.net/attilax

    --Atiend  v4

     

     

    展开全文
  • HTML CSS JS DOM php

    千次阅读 2013-03-17 14:41:24
    HTML是结构,CSS是表现,JS是行为,DOM是接口,HTTP是协议 W3C是制定规范的组织,PHP是HTML语言的一种升级形式,它的语言结构仍以HTML为核心(HTML是一张白纸,那么PHP就是白纸折出的飞机。PHP较HTML更具功能性。)
  • html css js 进度条

    千次阅读 2013-11-12 17:02:32
    <script type="text/javascript" language="javascript" src="jquery-1.4.1.min.js"> $(function () { $('#submit').click(function () { var data = $("#setnum").val(); var bit = data / 1000; var bit1 ...
  • html css js中的加载顺序

    千次阅读 2018-11-30 09:59:57
    加载的顺序不一样,可以吧html看成是从上往下加载的,在网速较慢的情况下把js代码放在body的底部用户会先看到网页的结构,等js加载完成后才能出现特效. 正常网页加载的顺序: 1 浏览器一边下载html网页,一边开始解析. ...
  • html面试题(二)html css js

    千次阅读 2018-09-21 11:12:12
    1、一个200*200的div在不同分辨率屏幕上下左右居中,用css实现 div {width:200px;height:200px;background-color:red;position:absolute;top:50%;left:50%;margin-top:-100px;margin-left:-100px; } 2、写一个...
  • HTML CSS JS代码提示功能

    千次阅读 2018-04-13 17:01:13
    3.继续打开web→html Files→Editor→Content Assist 修改Prompt when these characters are inserted:的值为:zhtml 点击apply按钮 如图: 4.打开File→Export→Genral→Preferences→导出一文件到任意位置 5.然后...
  • HTML CSS JS 特殊字符表

    千次阅读 2016-11-04 20:59:55
    HTML有许多特殊的字符,您对此有多少了解?平时在WEB制作中,您又有用到多少?或者说你在平时使用之时,是否也会碰到,有许多特殊字符要如何打印出来?比如说“笑脸”,比如说“版权号”。要是你用时忘记了这些特殊...
  • html css js禁止用户复制文字

    千次阅读 2018-06-15 12:45:42
    不同的浏览器设置的内容不一样,user-select不是一个W3C的标准,浏览器的支持不...IE6-9还没发现相关的CSS属性 //IE6-9 document .body .onselectstart =document .body .ondrag =function(){ returnfalse ; }
  • 运行html文件 1、添加插件扩展 2、安装 open in browser 3、在对应的html 文件处右击,选择open in default browser 或者直接
  • 通常vue中会定义一些别名比如 '@': resolve('src'), ...但是在style书写css以及template书写页面结构引入图片时这样就不行了,解决办法: 在 @ 前加一个 ~ 即刻,亲测有效 结构: <div class="part...
  • 目前要写一个调查问卷系统 ,前端写页面没问题 但是不用后端怎么存储别人的数据呢
  • html css js dom树到底是什么关系

    千次阅读 2011-07-08 16:55:13
    点击打开链接HTLM应该是超文本标记语言不是协议,HTTP那东西才是协议,js和javascript实际上是一样的,javascript简称叫 js , JScript 是 微软出的 跟javascript差不多,现在都叫JS了,HTML/CSS/javascript
  • sublime text为html, css,js自动格式化
  • 简易html+css+js计算器

    千次阅读 2016-08-17 19:59:36
    简易html+css+js计算器简易htmlcssjs计算器HTML CSS JavaScript 效果图心得体会 HTML<!DOCTYPE html> <html lang="en"> <link rel="stylesheet" href="calculator.css" type="text/css"> <s
  • vue css js html 进行分离

    千次阅读 2018-05-14 20:48:38
    引入 引入 直接引入 <template> <div>This will be pre-compiled</div>...script src="./my-component.js"></script> <style src="./my-component.css"></sty...
  • #1使用html+css+js制作网站教程 准备

    千次阅读 2020-01-26 19:43:21
    #1使用html css js制作网站教程 准备阶段 介绍编辑软件,基本框架,基本概念
  • Html动态添加css js文件

    千次阅读 2017-12-06 09:53:04
    function loadjscssfile(filename,filetype){ ...js"){ var fileref = document.createElement('script'); fileref.setAttribute("type","text/javascript"); fileref.setAttribu...
  • HTML+CSS+JS

    千次阅读 2019-01-29 15:59:19
    HTML+CSS+JS 1. HTML(超文本标识语言)http://www.w3school.com.cn/html/index.asp 1.1 基本结构 &amp;lt;!doctype html&amp;gt; &amp;lt;!-- 文档声明,声明位于文档中的最前面的位置 --&amp;...
  • css js html 实现滚动字幕

    千次阅读 2018-01-22 16:15:50
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js" > (function(){var timer = setTimeout(this.marquee, 1000);}());  function marquee() {  var scrollWidth = $('#affiche').width...
  • webpack之HTMLcssjs代码压缩 js文件的压缩内置压缩 css文件的压缩 html文件压缩
  • laravel 引入CSS JS 文件

    千次阅读 2018-05-16 17:32:32
    如果你在使用laravel 时发现你引入的css 文件有时生效 ,有时候失败,那... 使用内置的URL类上的asset()方法来引入cssjs文件。 引入站内cssjs: &lt;link rel="stylesheet" href="{{ ...
  • html+css+js实现星空特效

    万次阅读 热门讨论 2020-09-04 22:02:39
    html+css+js实现星空特效 废话不多说直接上代码,效果是一个星空旋转和文字逐渐出现的效果,文字是逐渐出现的,星空中的小球是旋转的 效果: <!DOCTYPE html> <html lang="en"> <head> <meta ...
  • html,css,js加载顺序

    千次阅读 2017-05-21 00:28:13
    html,css,js加载顺序

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 83,454
精华内容 33,381
关键字:

htmlcssjs