礼貌而已
礼貌而已

vue3+ts+vite项目页面初始化loading加载效果

简介

一分钟实现 vue-pure-admin 同款项目加载时的 loading 效果

一、先看效果

1.1 静态效果

vue3+ts+vite项目页面初始化loading加载效果_第1张图片

1.2 动态效果

vue3+ts+vite项目页面初始化loading加载效果_第2张图片

二、上代码

核心代码在body里面，代码中已标明。找到你项目的 index.html ，复制粘贴进去即可

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit" />
    <meta
      name="viewport"
      content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=0"
    />
    <title>vue-pure-admin</title>
    <link rel="icon" href="/favicon.ico" />
    <script>
      window.process = {};
    </script>
  </head>

  <body>
    // 核心代码-开始
    <div id="app">
      <style>
        html,
        body,
        #app {
          width: 100%;
          height: 100%;
          display: flex;
          position: relative;
          justify-content: center;
          align-items: center;
          overflow: hidden;
        }

        .loader,
        .loader:before,
        .loader:after {
          border-radius: 50%;
          width: 2.5em;
          height: 2.5em;
          animation-fill-mode: both;
          animation: loadAnimation 1.8s infinite ease-in-out;
        }

        .loader {
          color: #406eeb;
          font-size: 10px;
          margin: 80px auto;
          position: relative;
          text-indent: -9999em;
          transform: translateZ(0);
          animation-delay: -0.16s;
          top: 0;
          transform: translate(-50%, 0);
        }

        .loader:before,
        .loader:after {
          content: "";
          position: absolute;
          top: 0;
        }

        .loader:before {
          left: -3.5em;
          animation-delay: -0.32s;
        }

        .loader:after {
          left: 3.5em;
        }

        @keyframes loadAnimation {
          0%,
          80%,
          100% {
            box-shadow: 0 2.5em 0 -1.3em;
          }

          40% {
            box-shadow: 0 2.5em 0 0;
          }
        }
      </style>
      <div class="loader"></div>
    </div>
    // 核心代码-结束
    <script type="module" src="/src/main.ts"></script>
  </body>
</html>

你可能感兴趣的:(#,Vue3从零到一项目实战,javascript,前端,vue.js)

  • turtle库绘图：毕业了，为自己放一场烟花吧 lazyn python画图pythonturtlepython绘图
    所感是对毕业季的感想，所现是代码的实现所感六月的风悄然吹过，啊，是炽热的风，和这风一起来的还有毕业的脚步，是的，我毕业了，我去年就毕业了，但今年这场毕业盛典或许不应该仅仅属于这一届毕业生，请允许我这位学长，没穿过学士服，没有毕业照，没有毕业典礼的一位学长，也蹭一蹭今年的毕业季，假装自己刚刚毕业。我是一名大四的学生，论文已经提交了，马上就要毕业了，宿舍楼下的帐篷都支了起来，人们开始忙着邮寄自己的物品
  • Spring Boot中@ComponentScan与@EnableAutoConfiguration的协同使用 t0_54manong springbootjava后端个人开发
    在SpringBoot应用开发中，组件扫描（@ComponentScan）和自动配置（@EnableAutoConfiguration）是两个非常重要的特性。它们共同协作，使得SpringBoot能够自动发现和管理应用中的组件，从而简化开发流程。本文将通过一个实例，详细讲解如何在SpringBoot项目中正确使用@ComponentScan和@EnableAutoConfiguration。一、背
  • OpenPyXL教程学习笔记 小霍不吃豆角 python学习笔记python
    OpenPyXL是一个功能强大的Python库，用于处理Excel文件，允许读取、编辑和创建Excel工作簿和工作表。以下是OpenPyXL的详细教程：一、安装OpenPyXL要使用OpenPyXL，首先需要安装它。可以使用pip进行安装：pipinstallopenpyxl二、打开或保存文件打开已有文件：importopenpyxlpath='文件路径'#例如“C://test.xlsx”wor
  • OCR文档识别——数据录入工厂 OCR13512721355 OCR识别
    数据录入工厂特色识别核心软件内置文通科技最新研发的高性能文字识别引擎，支持中英日韩四国文字以及对英文的混排，识别率达99.8%以上。Unicode编码采用UNICODE国际编码标准。系统可在一个统一的平台下，同时处理包括中文、日文、韩文、英文在内的多种文字的识别和校对修改。校对方式灵活准确在横向校对的基础上，提供纵向校对进行校对辅助，尽可能的让校对高效率，文字正确率更高导出格式多样灵活，支持PDF
  • C语言解决左移问题 七七凉 c++c#
    图2.1主方法首先用户先输入一串字符串，表现为：stringstr;cout>str;其次使用贪心算法来优化字符串，使得相邻字符的ASCII码之差的最小值最大因此调用到函数greedyOptimize(str);然后初始化maxMinDiff为INT_MIN（整型最小值），用于记录经过左移操作后能得到的相邻字符ASCII码之差的最大最小值，同时定义bestShiftedStr用于保存能达到这个最大
  • 2024年Python常用模块 之 openpyxl模块——用于处理excel表格(1) 2401_84556480 程序员pythonexcel开发语言
    行(row):1,2,3,4,5,6………一张工作表最多有65536行列(column):A,B,C,D………张工作表最多有256列单元格(cell):B1,C1一个简单使用助我们完成基操：============================================================================#!/usr/bin/envpython--coding:
  • JAX-RS中请求与响应头的处理技巧 t0_54program python开发语言个人开发
    在JavaEE中，JAX-RS（JavaAPIforRESTfulWebServices）是一个用于构建RESTfulWeb服务的强大框架。它提供了多种方式来处理HTTP请求和响应头，这在开发RESTfulAPI时非常有用。本文将通过一系列实例，详细介绍如何在JAX-RS中访问请求头以及如何设置响应头。一、访问请求头（一）使用HttpHeadersHttpHeaders接口提供了对请求头的全面访问
  • 一篇文章了解AI大神何凯明 Ai知识精灵 人工智能
    何凯明（KaimingHe）是一位在国际计算机视觉和深度学习领域享有盛誉的科学家。以下是对他的一些详细介绍：个人背景：何凯明出生于中国，后赴美国深造。他分别在2007年和2011年在清华大学获得学士和博士学位，专业是电子工程。职业经历：在完成博士学位后，何凯明加入了微软亚洲研究院（MicrosoftResearchAsia）。2015年，他加入了FacebookAIResearch（FAIR），成
  • excel里面的数据怎样批量地处理，把数据竖排便成横排？ 保卫大狮兄 excel
    废话不多说，直接说步骤吧！先看效果：原本的数据：转置后的数据：步骤一：选择需要转置的数据选中你想要转置的数据区域。这些数据可以是单列、多列，甚至包含多个数据点的区域。例如，假设你有一列数据如下：产品苹果香蕉橙子葡萄西瓜你需要将这些产品名称从竖排（列）转为横排（行），那么你需要选中从A1到A5的这五个单元格——可以直接点击并拖动鼠标从A1单元格拖到A5单元格或者点击A1单元格后按住Shift键，然后
  • 深入解析 Linux 内核内存管理核心：mm/memory.c 109702008 #linux系统编程#linux内核linux人工智能c语言
    在Linux内核的众多组件中，内存管理模块是系统性能和稳定性的关键。mm/memory.c文件作为内存管理的核心实现，承载着页面故障处理、页面表管理、内存区域映射与取消映射等重要功能。本文将深入探讨mm/memory.c的设计思想、关键机制以及其在内核中的作用，帮助读者更好地理解Linux内核的内存管理策略。1.文件概述mm/memory.c是Linux内核中负责内存管理的核心文件之一，位于lin
  • 【项目实战】Android应用程序架构，MVC、MVP、MVVM三种模式介绍 本本本添哥 011-物联网车联网与车载系统开发android架构mvc
    一、Android应用程序架构汇总简单的Android应用程序架构，包括MVC、MVP和MVVM模式。二、MVC模式介绍MVC（Model-View-Controller）模式2.1MVC模式组成部分MVC模式将应用程序分为三个主要组成部分：Model、View和Controller。Model：负责处理应用程序的数据和业务逻辑。它与数据库进行交互，获取数据并处理数据。View：负责呈现用户界面。
  • (学习笔记）应用层协议之电子邮件——SMTP jesesl 计算机网络smtp网络协议
    目录因特网中的电子邮件1电子邮件系统如果报文发送不成功怎么办？SMTP客户机和服务器的一次交互2与HTTP的对比3邮件消息格式和MIME4邮件访问协议•POP3•IMAP•基于Web的电子邮件因特网中的电子邮件1电子邮件系统电子邮件系统有3个主要组成部分:用户代理(usesagent),邮件服务器(mailserver)和简单邮件传输协议(SimpleMailTransferProtocol)。用
  • html标题行距怎么设,html怎么设置行距 weixin_39762666 html标题行距怎么设
    html中，可以通过style属性，给段落元素添加“line-height:间距值;”样式来设置行距，例“本教程操作环境：windows7系统、CSS3&&HTML5版、DellG3电脑。html设置行距这是一个标准行高的段落。这是一个标准行高的段落。大多数浏览器的默认行高约为110%至120%。这是一个更小行高的段落。这是一个更小行高的段落。这是一个更小行高的段落。这是一个更小行高的段落。这是一
  • html标题位置怎么设置,在html中的位置固定标题 weixin_39942995 html标题位置怎么设置
    我有一个固定位置的标题(动态高度)。在html中的位置固定标题我需要将容器div放在标题下方。由于标题高度是动态的，因此我无法使用顶部边距的固定值。这怎么办？这里是我的CSS：#header-wrap{position:fixed;height:auto;width:100%;z-index:100}#container{/*Needtowritecsstostartthisdivbelowthe
  • html语言标题怎么居中,html标题栏代码 HTML中怎么设置标题居中 云崧 html语言标题怎么居中
    html中如何设置浏览器中标题前的logo?如题，CSS布局HTML小编今天和大家分享详解。在标签之间输入或者用favicon表示：规格有32×3128×128，直接用PS做一个图片，命名为favicon.ico，然后用FTP软件上传到网站根目录替换原来的文件即可，如果不想用FTP软件，也可以在网站的后台进行更换。HTML中怎么设置标题居中本人刚学Dw，希望热心的网友帮助，。HTML中设置标题居中
  • 从小站到大站的部署架构总结 weixin_34006965 数据库php运维
    ～今天給大家介绍下运维部署常见的架构模型，以及他们的演变过程。你所接触的站点用的什么部署模型呢？？**一、常见的网站部署架构模型**一、单机集中式1.1什么是单机集中方式?单机－单个独立的系统实例化部署，也就是把所有的应用都堆积到一个实例上，实例常指：单个主机或者单个vps。集中式－集中的什么？集中的应用(Application)、文件(DATA)、数据(File)。Application包括一部
  • 【历史那些事儿】商朝的文化成就和发明创造 RisunJan 历史那些事儿学习
    文字甲骨文：商朝出现了较为成熟的甲骨文，是目前已知的中国最早的成系统的文字符号。甲骨文主要刻写在龟甲和兽骨上，用于占卜和记录重要事件，内容涵盖了政治、经济、军事、文化等诸多方面，为后人研究商朝的历史和社会提供了极为珍贵的第一手资料.金文：也叫钟鼎文，是铸刻在青铜器上的文字。商朝的金文相对简单，字数较少，但为后来周朝金文的发展奠定了基础，在中国文字发展史上具有重要的承上启下作用.青铜铸造种类繁多：商
  • Linux命令-cp命令（将源文件或目录复制到目标文件或目录中） RisunJan Linuxlinux服务器运维
    说明cp命令用来将一个或多个源文件或者目录复制到指定的目的文件或目录。它可以将单个源文件复制成一个指定文件名的具体的文件或一个已经存在的目录下。cp命令还支持同时复制多个文件，当一次复制多个文件时，目标文件参数必须是一个已经存在的目录，否则将出现错误。语法cp(选项)(参数)选项-a：此参数的效果和同时指定"-dpR"参数相同；-d：当复制符号连接时，把目标文件或目录也建立为符号连接，并指向与源文
  • jEasyUI 创建基础树形网格 lsx202406 开发语言
    jEasyUI创建基础树形网格引言jEasyUI是一个基于jQuery的易于使用的界面框架，它提供了丰富的UI组件，帮助开发者快速构建富有交互性的网页应用。树形网格（TreeGrid）是jEasyUI提供的一个特殊网格，它结合了树形结构的层级和表格的列数据展示，非常适合展示具有层级关系的数据。本文将详细介绍如何使用jEasyUI创建一个基础的树形网格。准备工作在开始之前，请确保已经引入了jEasy
  • 第1章-PostgreSQL（PG）介绍 我心中有一片海 #PostgreSQL数据库基础postgresql数据库dba
    第1章-PostgreSQL（PG）介绍1、简介2、排名3、发展4、应用5、优势6、对比1、简介PostgreSQL是一种特性非常齐全的自由软件的对象-关系型数据库管理系统（ORDBMS），是以加州大学计算机系开发的POSTGRES，4.2版本为基础的对象关系型数据库管理系统。POSTGRES的许多领先概念只是在比较迟的时候才出现在商业网站数据库中。PostgreSQL支持大部分的SQL标准并且提
  • 第2章-PostgreSQL 15安装及登录 我心中有一片海 #PostgreSQL数据库基础PostgreSQL数据库dba
    第2章-PostgreSQL15安装及登录1、windows安装2、centos/redhat安装（在线安装）3、源码安装4、登录4.1本地登录4.2远程登录1、windows安装按照提示双击安装包一步一步操作即可2、centos/redhat安装（在线安装）#安装源sudoyuminstall-yhttps://download.postgresql.org/pub/repos/yum/repo
  • Java系统线上生产问题排查一把梭 2401_89693697 java开发语言
    还有测试环境是允许造数据来模拟我们需要的场景的哦，因此这时遇到问题记得主动沟通测试人员造数据让bug更容易复现。1.3Prd该环境下开发人员的权限最低，所以排查问题时障碍很大：无法使用调试工具从远程附加进程快速恢复为先，即使在结婚，也得赶紧修复线上问题。而且生产环境流量大、网络权限严格、调用链路复杂，因此更容易出问题，也是出问题最多的环境。2监控==========================
  • 【自我修炼】 大疆技术总监对于大学生学习机器人工程师路线建议 ( 大一 篇) 2401_89323952 学习机器人
    很多朋友私信问我对机器人和人工智能感兴趣，该怎么展开学习。最近稍微有点空，我写写我的看法。两年前，我在知乎回答如何定义「机器人」？YY硕的回答中试图给机器人做出一个比较仔细的定义，我觉得机器人和人工智能最大的区别在于是否要和物理世界进行交互。今年初在另一篇知乎回答里对机器人或人工智能的研究会帮助我们更好的了解人类自己吗？-YY硕的回答我说到传感器是和物理世界交互的基础。后来，我又在知乎回答有哪些与
  • 电子项目设计实例、单模块实例和硬件思考笔记 链接汇总（均实物验证过） 凡人电子工作室 嵌入式硬件单片机
    教程按照发布顺序排列，最新教程请向下翻看其中单模块实例是免费分享，代码和对应模块电路图都有，按照博主给出的代码移植即可。欢迎大家评论点赞收藏，博主看到了会回复，因为已经用过很多次了，所以大家不用担心代码跑不通。有什么疑问在评论区提出即可。电子设计实例是以往做过的电子设计，不免费，价格便宜周到，包售后。可根据个人需求与博主沟通设计要求，也可单买电子资料（可私信博主）思考笔记囊括了平时学习的一些内容，
  • 正则表达式超详细讲解 刘小炮吖i Java正则表达式java
    欢迎并且感谢大家指出我的问题，由于本人水平有限，有些内容写的不是很全面，只是把比较实用的东西给写下来，还有对一些常用的正则表达式进行收集整理，如果有写的不对的地方，还希望大家多多指教！谢谢大家！在我第一次接触到正则表达式的时候我就很纳闷，到底谁是谁研究出这么多符号的组合，就那么一个字符规则校验就足以使那么多程序员为之抓狂。我查阅了很多资料和参考文献，将正则表达式的很多知识总结到了一起，废话不多说直
  • HTML 标题 lsx202406 开发语言
    HTML标题引言HTML（超文本标记语言）是构建网页的基础，而标题则是网页中不可或缺的元素。标题不仅能够帮助用户快速了解网页内容，还能够对搜索引擎优化（SEO）产生重要影响。本文将详细介绍HTML标题的用法、重要性以及如何优化标题，以提高网页的可读性和搜索引擎排名。HTML标题的用法HTML标题通过至标签实现，其中表示最高级别的标题，表示最低级别的标题。以下是一个简单的HTML标题示例：一级标题二
  • 优化 PHP-FPM 参数配置：实现服务器性能提升 yyytucj php服务器开发语言
    PHP-FPM（PHPFastCGIProcessManager）是PHP的一种替代实现，具有更好的性能和更高的并发处理能力。正确配置和优化PHP-FPM参数，可以显著提高服务器的性能和稳定性。本文将深入介绍PHP-FPM的关键参数，并提供优化建议，帮助您实现服务器性能的提升。PHP-FPM关键参数pm(ProcessManager)pm参数用于控制PHP-FPM的进程管理方式。常见的三种模式包括
  • 【离线环境迁移】使用Conda打包和还原Python环境指南 Zhijun.li@Studio condapython
    本文介绍了一种利用Conda工具快速打包和迁移Python环境的方法。通过简单的步骤，轻松实现离线服务器的环境配置，解决网络限制问题。1.创建环境并安装相关依赖condacreate-nmyenvpython=3.xcondaactivatemyenvcondainstall2.把环境打包condainstall-cconda-forgeconda-packcondapack-nmyenv-omy
  • Python 虚拟环境 —— 基于conda、venv的虚拟环境的使用指南 诸葛翛潇 python开发语言
    Python在不同的情况下需要使用不同的库，为了方便切换不同项目所用的库，需要使用虚拟环境。创建虚拟环境是一个非常好的习惯！！！在以前我一直都认为虚拟环境很麻烦，不如将自己所有的库都堆到系统环境里。但是，越学到后面越发现这玩意儿的重要性……首先是使用pyinstaller将.py文件打包成.exe文件时，pyinstaller会将环境里的所有库全打包进去，直接增加了exe文件的空间，使用虚拟环境就
  • 如何设计一个C++程序来模拟超市收银系统？ bug菌¹ 全栈Bug调优(实战版)#CSDN问答解惑(全栈版)c++数据库网络
    本文收录于「Bug调优」专栏，主要记录项目实战过程中的Bug之前因后果及提供真实有效的解决方案，希望能够助你一臂之力，帮你早日登顶实现财富自由；同时，欢迎大家关注&&收藏&&订阅！持续更新中，up！up！up！！问题描述  设计c++程序模拟超市收银系统。要求由收银员输入顾客的会员卡卡号（若有卡）、所购商品的货号等。从文件中取出有关价格信息，再把这些信息返回给收银台。同时把该收银台的销售总量和有关
  • LeetCode[Math] - #66 Plus One Cwind javaLeetCode题解AlgorithmMath
    原题链接：#66 Plus One   要求： 给定一个用数字数组表示的非负整数，如num1 = {1, 2, 3, 9}, num2 = {9, 9}等，给这个数加上1。 注意： 1. 数字的较高位存在数组的头上，即num1表示数字1239 2. 每一位（数组中的每个元素）的取值范围为0~9   难度：简单   分析： 题目比较简单，只须从数组
  • JQuery中$.ajax()方法参数详解 AILIKES JavaScriptjsonpjqueryAjaxjson
    url: 要求为String类型的参数，（默认为当前页地址）发送请求的地址。 type: 要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和    delete也可以使用，但仅部分浏览器支持。 timeout: 要求为Number类型的参数，设置请求超时时间（毫秒）。此设置将覆盖$.ajaxSetup()方法的全局
  • JConsole & JVisualVM远程监视Webphere服务器JVM Kai_Ge JVisualVMJConsoleWebphere
        JConsole是JDK里自带的一个工具，可以监测Java程序运行时所有对象的申请、释放等动作，将内存管理的所有信息进行统计、分析、可视化。我们可以根据这些信息判断程序是否有内存泄漏问题。 　　使用JConsole工具来分析WAS的JVM问题，需要进行相关的配置。 　　首先我们看WAS服务器端的配置. 　　1、登录was控制台https://10.4.119.18
  • 自定义annotation 120153216 annotation
    Java annotation 自定义注释@interface的用法 一、什么是注释      说起注释，得先提一提什么是元数据(metadata)。所谓元数据就是数据的数据。也就是说，元数据是描述数据的。就象数据表中的字段一样，每个字段描述了这个字段下的数据的含义。而J2SE5.0中提供的注释就是java源代码的元数据，也就是说注释是描述java源
  • CentOS 5/6.X 使用 EPEL YUM源 2002wmj centos
    CentOS 6.X 安装使用EPEL YUM源1. 查看操作系统版本[root@node1 ~]# uname -a Linux node1.test.com 2.6.32-358.el6.x86_64 #1 SMP Fri Feb 22 00:31:26 UTC 2013 x86_64 x86_64 x86_64 GNU/Linux [root@node1 ~]#
  • 在SQLSERVER中查找缺失和无用的索引SQL 357029540 SQL Server
    --缺失的索引 SELECT  avg_total_user_cost * avg_user_impact * ( user_scans + user_seeks ) AS PossibleImprovement ,          last_user_seek ,    
  • Spring3 MVC 笔记（二） —json+rest优化 7454103 Spring3 MVC
    接上次的 spring mvc 注解的一些详细信息！                          其实也是一些个人的学习笔记  呵呵！
  • 替换“\”的时候报错Unexpected internal error near index 1 \ ^ adminjun java“\替换”
    发现还是有些东西没有刻子脑子里,,过段时间就没什么概念了,所以贴出来...以免再忘...   在拆分字符串时遇到通过 \ 来拆分，可是用所以想通过转义 \\ 来拆分的时候会报异常   public class Main {          /*
  • POJ 1035 Spell checker(哈希表) aijuans 暴力求解--哈希表
    /* 题意：输入字典，然后输入单词，判断字典中是否出现过该单词，或者是否进行删除、添加、替换操作，如果是，则输出对应的字典中的单词 要求按照输入时候的排名输出 题解：建立两个哈希表。一个存储字典和输入字典中单词的排名，一个进行最后输出的判重 */ #include <iostream> //#define using namespace std; const int HASH =
  • 通过原型实现javascript Array的去重、最大值和最小值 ayaoxinchao JavaScriptarrayprototype
    用原型函数（prototype）可以定义一些很方便的自定义函数，实现各种自定义功能。本次主要是实现了Array的去重、获取最大值和最小值。 实现代码如下：   <script type="text/javascript"> Array.prototype.unique = function() { var a = {}; var le
  • UIWebView实现https双向认证请求 bewithme UIWebViewhttpsObjective-C
              什么是HTTPS双向认证我已在先前的博文 ASIHTTPRequest实现https双向认证请求 中有讲述，不理解的读者可以先复习一下。本文是用UIWebView来实现对需要客户端证书验证的服务请求，网上有些文章中有涉及到此内容，但都只言片语，没有讲完全，更没有完整的代码，让人困扰不已。但是此知
  • NoSQL数据库之Redis数据库管理(Redis高级应用之事务处理、持久化操作、pub_sub、虚拟内存) bijian1013 redis数据库NoSQL
    3.事务处理         Redis对事务的支持目前不比较简单。Redis只能保证一个client发起的事务中的命令可以连续的执行，而中间不会插入其他client的命令。当一个client在一个连接中发出multi命令时，这个连接会进入一个事务上下文，该连接后续的命令不会立即执行，而是先放到一个队列中，当执行exec命令时，redis会顺序的执行队列中
  • 各数据库分页sql备忘 bingyingao oraclesql分页
    ORACLE 下面这个效率很低 SELECT * FROM ( SELECT A.*, ROWNUM RN FROM (SELECT * FROM IPAY_RCD_FS_RETURN order by id desc) A ) WHERE RN <20; 下面这个效率很高 SELECT A.*, ROWNUM RN FROM (SELECT * FROM IPAY_RCD_
  • 【Scala七】Scala核心一：函数 bit1129 scala
    1. 如果函数体只有一行代码，则可以不用写{},比如 def print(x: Int) = println(x) 一行上的多条语句用分号隔开，则只有第一句属于方法体，例如   def printWithValue(x: Int) : String= println(x); "ABC"   上面的代码报错，因为，printWithValue的方法
  • 了解GHC的factorial编译过程 bookjovi haskell
    GHC相对其他主流语言的编译器或解释器还是比较复杂的，一部分原因是haskell本身的设计就不易于实现compiler，如lazy特性，static typed，类型推导等。 关于GHC的内部实现有篇文章说的挺好，这里，文中在RTS一节中详细说了haskell的concurrent实现，里面提到了green thread，如果熟悉Go语言的话就会发现，ghc的concurrent实现和Go有点类
  • Java-Collections Framework学习与总结-LinkedHashMap BrokenDreams LinkedHashMap
            前面总结了java.util.HashMap，了解了其内部由散列表实现，每个桶内是一个单向链表。那有没有双向链表的实现呢？双向链表的实现会具备什么特性呢？来看一下HashMap的一个子类——java.util.LinkedHashMap。       
  • 读《研磨设计模式》-代码笔记-抽象工厂模式-Abstract Factory bylijinnan abstract
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ package design.pattern; /* * Abstract Factory Pattern * 抽象工厂模式的目的是： * 通过在抽象工厂里面定义一组产品接口，方便地切换“产品簇” * 这些接口是相关或者相依赖的
  • 压暗面部高光 cherishLC PS
    方法一、压暗高光&重新着色 当皮肤很油又使用闪光灯时，很容易在面部形成高光区域。 下面讲一下我今天处理高光区域的心得： 皮肤可以分为纹理和色彩两个属性。其中纹理主要由亮度通道（Lab模式的L通道）决定，色彩则由a、b通道确定。 处理思路为在保持高光区域纹理的情况下，对高光区域着色。具体步骤为：降低高光区域的整体的亮度，再进行着色。 如果想简化步骤，可以只进行着色（参看下面的步骤1
  • Java VisualVM监控远程JVM crabdave visualvm
    Java VisualVM监控远程JVM    JDK1.6开始自带的VisualVM就是不错的监控工具. 这个工具就在JAVA_HOME\bin\目录下的jvisualvm.exe, 双击这个文件就能看到界面   通过JMX连接远程机器, 需要经过下面的配置: 1. 修改远程机器JDK配置文件 (我这里远程机器是linux).    
  • Saiku去掉登录模块 daizj saiku登录olapBI
    1、修改applicationContext-saiku-webapp.xml <security:intercept-url pattern="/rest/**" access="IS_AUTHENTICATED_ANONYMOUSLY" />  <security:intercept-url pattern=&qu
  • 浅析 Flex中的Focus dsjt htmlFlexFlash
    关键字：focus、 setFocus、 IFocusManager、KeyboardEvent 焦点、设置焦点、获得焦点、键盘事件 一、无焦点的困扰——组件监听不到键盘事件 原因：只有获得焦点的组件（确切说是InteractiveObject）才能监听到键盘事件的目标阶段；键盘事件（flash.events.KeyboardEvent）参与冒泡阶段，所以焦点组件的父项（以及它爸
  • Yii全局函数使用 dcj3sjt126com yii
    由于YII致力于完美的整合第三方库，它并没有定义任何全局函数。yii中的每一个应用都需要全类别和对象范围。例如，Yii::app()->user;Yii::app()->params['name'];等等。我们可以自行设定全局函数，使得代码看起来更加简洁易用。(原文地址) 我们可以保存在globals.php在protected目录下。然后，在入口脚本index.php的，我们包括在
  • 设计模式之单例模式二（解决无序写入的问题） come_for_dream 单例模式volatile乱序执行双重检验锁
                    在上篇文章中我们使用了双重检验锁的方式避免懒汉式单例模式下由于多线程造成的实例被多次创建的问题，但是因为由于JVM为了使得处理器内部的运算单元能充分利用，处理器可能会对输入代码进行乱序执行（Out Of Order Execute）优化，处理器会在计算之后将乱序执行的结果进行重组，保证该
  • 程序员从初级到高级的蜕变 gcq511120594 框架工作PHPandroidhtml5
    软件开发是一个奇怪的行业，市场远远供不应求。这是一个已经存在多年的问题，而且随着时间的流逝，愈演愈烈。 我们严重缺乏能够满足需求的人才。这个行业相当年轻。大多数软件项目是失败的。几乎所有的项目都会超出预算。我们解决问题的最佳指导方针可以归结为——“用一些通用方法去解决问题，当然这些方法常常不管用，于是，唯一能做的就是不断地尝试，逐个看看是否奏效”。 现在我们把淫浸代码时间超过3年的开发人员称为
  • Reverse Linked List hcx2013 list
    Reverse a singly linked list.   /** * Definition for singly-linked list. * public class ListNode { * int val; * ListNode next; * ListNode(int x) { val = x; } * } */ p
  • Spring4.1新特性——数据库集成测试 jinnianshilongnian spring 4.1
    目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T
  • C# Ajax上传图片同时生成微缩图(附Demo) liyonghui160com
        1.Ajax无刷新上传图片,详情请阅我的这篇文章。（jquery + c# ashx）         2.C#位图处理  System.Drawing。         3.最新demo支持IE7,IE8,Fir
  • Java list三种遍历方法性能比较 pda158 java
    从c/c++语言转向java开发，学习java语言list遍历的三种方法，顺便测试各种遍历方法的性能，测试方法为在ArrayList中插入1千万条记录，然后遍历ArrayList，发现了一个奇怪的现象，测试代码例如以下： package com.hisense.tiger.list; import java.util.ArrayList; import java.util.Iterator;
  • 300个涵盖IT各方面的免费资源（上）——商业与市场篇 shoothao seo商业与市场IT资源免费资源
    A.网站模板+logo+服务器主机+发票生成 HTML5 UP:响应式的HTML5和CSS3网站模板。 Bootswatch:免费的Bootstrap主题。 Templated:收集了845个免费的CSS和HTML5网站模板。 Wordpress.org|Wordpress.com:可免费创建你的新网站。 Strikingly:关注领域中免费无限的移动优
  • localStorage、sessionStorage uule localStorage
    W3School 例子   HTML5 提供了两种在客户端存储数据的新方法： localStorage - 没有时间限制的数据存储 sessionStorage - 针对一个 session 的数据存储   之前，这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储，因为它们由每个对服务器的请求来传递，这使得 cookie 速度很慢而且效率也不
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他