js代码 | 易学教程

CSS自定义属性改变网站布局和颜色

阅读更多关于 CSS自定义属性改变网站布局和颜色

使用CSS自定义属性和Web存储API更改站点的布局和颜色。 CSS自定义属性（通常称为CSS变量）一直在稳步进入浏览器一段时间。随着3月份微软Edge 15的发布，现在所有主流的现代浏览器都支持它。这意味着对于不需要支持诸如Internet Explorer之类的传统浏览器而不负担的项目，可以考虑使用CSS变量（所有意图和目的） - 安全使用。新建一个前端学习qun438905713，在群里大多数都是零基础学习者，大家相互帮助，相互解答，并且还准备很多学习资料，欢迎零基础的小伙伴来一起交流。编写更好CSS的指南许多开发人员已经使用具有诸如Sass或Less之类的预处理器的变量作为减少代码重复的手段。本机CSS变量的工作方式大致相同，但不需要任何额外的构建步骤，像常规CSS属性一样级联，最重要的是在运行时可用。这些优点使本机CSS变量成为其预处理器兄弟姐妹的一个优势，为开发人员打开了大量有趣的事情，而且代码少得多。在本教程中，我们将探索如何使用CSS变量实现网站建立到名为NoteApp的模拟Web应用程序。这将涉及编写CSS和JavaScript以允许用户更改颜色方案并切换显示的列数。然后，我们将利用Web Storage API来确保为将来的会话保存任何更改。获取教程文件首先，从Web Designer的FileSilo下载项目文件。要做到这一点

jquery二级导航

阅读更多关于 jquery二级导航

效果图直接放代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>cat</title> <link rel="stylesheet" href="../css/base.css"> <link rel="stylesheet" href="../css/cat.css"> </head> <body> <div class="content"> <div class="container"> <div id="cat" class="cat"> <a href="#" class="cat-title"><i class="cart-icon">#</i>商品分类</a> <div class="cat-item dropdown" data-active="cat" data-load="../js/cat-1.json"> <div class="dropdown-toggle"> <a href="#" class="cat-item-link">家用电器</a> <span class="dropdown-arrow cat-arrow">></span> </div> <div class="dropdown-list"> <div class="dropdown

将jquery和公共样式缓存到localStorage，可以减少Http请求，从而优化页面加载时间

阅读更多关于将jquery和公共样式缓存到localStorage，可以减少Http请求，从而优化页面加载时间

以下代码： //入口函数 if (window.localStorage) { initJs(); initCss("css", "/gfdzp201508257998/Turntable/Style/css_whir.css"); } else { addFile("/gfdzp201508257998/Turntable/Script/jquery-1.8.3.min.js", "js"); addFile("/gfdzp201508257998/Turntable/Script/whir.turntable.js", "js"); addFile("/gfdzp201508257998/Turntable/Style/css_whir.css", "css"); } 　　 /第一步：加载页面js：先加载jQuery后加载用户脚本 function initJs() { var name = "jquery"; var url = "/gfdzp201508257998/Turntable/Script/jquery-1.8.3.min.js"; var xhr; var js = window.localStorage ? localStorage.getItem(name) : ""; if (js == null || js.length == 0) { if

.net文件分片上传,断点续传

阅读更多关于 .net文件分片上传,断点续传

HTML部分 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="index.aspx.cs" Inherits="up6.index" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>up6-多标签演示页面</title> <link href="js/up6.css" type="text/css" rel="Stylesheet" charset="gb2312"/> <script type="text/javascript" src="js/jquery-1.4.min.js"></script> <script type="text/javascript" src="js/json2.min.js" charset="utf-8"></script>

webpack第一次

阅读更多关于 webpack第一次

目录 webpack 1.动手实践 1.1动手实践过程 1.2第一次打包 1.2.1 单独的js文件打包 1.2.2 js引用其他文件打包 1.2.3 css文件类型打包 1.2.4 运行html文件 1.2.5 利用webpack命令参数可以提交效率的方式 1.3 webpack基本配置 1.3.1 webpack配置文件 1.3.2 webpack配置文件添加运行命令的参数 1.3.3 webpack配置文件中的entry和output new 1.4 自动化生成项目中的html页面 1.4.1 入门：自动化生成项目中的html页面 1.4.2不同类型的文件生成不同的目录文件 1.4.3 打印htmlWebpackPlugin插件的配置参数 1.4.4 项目上线 webpack 1.动手实践 1.1动手实践过程 1.首先使用node安装npm，去文件目录下面， mkdir zdj cd zdj mkdir webpack-test cd webpack-test nmp init --- 下面会出现package.json文件 npm install webpack --save-dev ---安装webpack 为什么要使用npm init初始化项目在node开发中使用npm init会生成一个pakeage.json文件，这个文件主要是用来记录这个项目的详细信息的

java初探（1）之秒杀项目总结

阅读更多关于 java初探（1）之秒杀项目总结

在开始总结之前，先记录一个刚看到的博客，编程规约。该博客记录了一些java开发上的规范，可以在编码的时候引入这些规范。无论流行框架一直怎么改变，web开发中的三层架构一直属于理论的基础存在。表现层 -> 业务层 -> 持久层箭头所指的方向就是层之间调用的方向，在SSM框架中，利用springmvc来实现表现层，利用spring来实现业务层，用mybatis来实现持久层。简单来说，一个web网站的开发，首先明确需求以后，要先设计与需求有关的各种数据表，针对秒杀案例，用户登录网站，查看秒杀商品，完成下单，因此，最基础的需要三个表：用户表、商品表、订单表。事实上，我们虽然做的秒杀功能，但不可能这个web只有一个秒杀的项目，而是一个商城，因此，为了便于维护我们的数据表，需要在抽象出以下两个表：秒杀商品表、秒杀订单表。用户表：包括用户id、昵称、密码、密码混淆盐值、用户头像、注册日期、最近登录日期、登录次数。（用户表可以尽可能详细的将用户的所有特征加入，如果系统庞大，也可以抽象出一些子表，但这里没必要，但如果在一些实际的网站，可以秒杀的用户和主用户表肯定是分开的，否则主用户表的字段会越来越多，难以维护） CREATE TABLE `miaosha_user` ( `id` BIGINT(20) NOT NULL COMMENT '用户ID，手机号码',

js中的异步神器async/await

阅读更多关于 js中的异步神器async/await

使用 async / await, 搭配 promise, 可以通过编写形似同步的代码来处理异步流程, 提高代码的简洁性和可读性。 async async作为一个关键字放到函数前面，async function可以定义一个异步函数。 async function func ( ) { 　　 return 'hi' ; } console . log ( func ( ) ) //Promise {<resolved>: "hi"} async 函数的返回值很特殊: 不管在函数体内 return 了什么值, async 函数的实际返回值总是一个 Promise 对象。对于promise对象，我们应该都知道想要获取promise的返回结果就需要用到then/catch方法来添加回调函数。 func ( ) . then ( ( data ) => { console . log ( data ) //hi } ) 那么如果async函数里面没有返回值呢，它会输出什么 async function func ( ) { 　　console . log ( 'hi' ) ; } console . log ( func ( ) ) //输出为： //hi //Promise {<resolved>: undefined} 如果async 函数执行完，返回的promise 没有注册回调函数

JS客户端类型的判断

阅读更多关于 JS客户端类型的判断

**第一种：通过判断浏览器的userAgent，用正则来判断是否是 ios和 Android客户端。代码如下：** <script type="text/javascript"> var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端 var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端 alert('是否是Android：'+isAndroid); alert('是否是iOS：'+isiOS);</script> **第二种：检查是否是移动端（ Mobile）、ipad、iphone、微信、QQ等。** <script type="text/javascript">//判断访问终端var browser={ versions:function(){ var u = navigator.userAgent, app = navigator.appVersion; return { trident: u.indexOf('Trident') > -1, //IE内核 presto: u.indexOf('Presto') > -1, /

js 页面刷新

阅读更多关于 js 页面刷新

页面自动刷新代码大全，基本上所有要求自动刷新页面的代码都有，大家可以自由发挥做出完美的页面。 1) 10表示间隔10秒刷新一次 2) <script> window.location.reload(true); </script> 如果是你要刷新某一个iframe就把window给换成frame的名字或ID号 3) <script> window.navigate("本页面url"); </script> 4> function abc() { window.location.href="/blog/window.location.href"; setTimeout("abc()",10000); } 刷新本页： Response.Write("<script>window.location.href=window.location.href;</script>") 刷新父页： Response.Write("<script>opener.location.href=opener.location.href;</script>") 转到指定页: Response.Write("<script>window.location.href='yourpage.aspx';</script>") 刷新页面实现方式总结(HTML,ASP,JS) 'by aloxy 定时刷新： 1，

js_任务列队

阅读更多关于 js_任务列队

js_任务列队任务列队之主程序任务（main非异步任务）、微任务列队（如Promise任务）、宏任务列队（如settimeout任务）执行优先级主程序任务>微任务>宏任务注意：定时器并不会等待主程序结束才开始计时，而是当主程序开始运行时就已经开始计时，计时完成将任务让如列队中去，最后等待主程序完成执行任务。注意：即使有两个定时器的时间是一样的它们也会分别被加入到列队中去。应用的一个例子：在平时的代码编写中我们都是将script放在body的最后面，为的就是让页面先绘制出，方式应为加载js时间过长造成长时间的页面白屏影响用户的使用体验。来源： CSDN 作者：爱吃蟹黄堡的蟹老板链接： https://blog.csdn.net/weixin_42362211/article/details/104494663

订阅 js代码