hzp666的博客

3、HTML5 Canvas奇幻色彩Loading加载动画之前我们分享过很多基于CSS3的Loading加载动画，通过CSS3的高级特性，可以制作出形态各异的Loading加载动画组件。今天给大家带来的这款Loading加载动画是基于HTML5Canvas的，在canvas画布上，我们动态绘制许多多边形，这些多边形伴随着颜色的随机变化和旋转，形成了奇幻色彩的视觉效果，是一款非常炫酷...

6、基于Layui的可自定义添加删除数据的表格处理插件如何在网页上编辑表格数据，这通过自己编写JS和CSS实现都是比较麻烦的，jQuery有很多插件可以完成这种功能，比如这款jQuery简易版的Excel表格功能插件，就可以基本满足网页上的数据编辑。这次我们分享的这款插件是基于Layui的，layui是一款采用自身模块规范编写的前端UI框架，这款表格插件可以允许你非常方便的添...

7、HTML5 Canvas 鼠标滑过3D动画背景在网页中我们经常会设置元素的背景，简单点的设置背景颜色，复杂的就设置背景图片。今天给大家分享一个将HTML5canvas动画作为网页背景的例子，将canvas置于文本底部，canvas上绘制很多3D图形，当我们将鼠标滑过背景时，canvas上的这些3D图形将会翻转，效果很酷。在线演示源码下载6、基于Three.js的...

走进前端行业已有两年之久，对于字符串的操作也是家常便饭了，但也总在查查找找，如今对于我这个强迫症患者开始爆发了。对字符串的操作做以下整理，废话不多说直接走起来。1、字符串转换字符串转换是最基础的要求和工作，你可以将任何类型的数据都转换为字符串，你可以用下面三种方法的任何一种：var num=24;var mystr=num.toString(); //"24"你...

/ 将 accessToken 存储到 sessionStorage 中。console.error('登录请求失败:', error)// 同时，设置带有特定 domain 的 cookie。alert('登录失败')alert('登录请求失败')

到此，我们就成功解决vscode无法获取git上最新的远程分支的问题了。1）从代码托管平台上的分支截图可以看出有个。发现根本没有该分支，因此也无法切换。我们发现已经能查看到了。

var timeout = prompt("设置刷新时间间隔[S]");F12打开页面调试，console 控制台输入下方代码，按回车。在弹窗输入定时时间，单位秒。

会自动在编译过程中将我们在业务代码里面使用到的组件以按需引入的方式进行引入，包括了组件代码和样式代码，这样的方式对开发者来说是最方便的，同时也保证了代码体积和打包时间上的优化处理，总的来说这是最推荐的方式。这种方式的好处是相对简单方便，打出来的包的体积是根据使用了的组件的数量来的，所以使用数量越少相应的体积也就越小，打包时间也会更短，当然每次新增组件引用时都需要在。这样做的好处是简单方便，但问题也很明显，那就是打出来的包是包含了所有组件源代码和样式代码的，导致。只需要上述配置即可，不需要在。

24不可错过的16个纯CSS3动画小图标 | HTML5资源教程23HTML5雨滴滑落动画及天气预报代码 | HTML5资源教程22动态背景的CSS3登录表单 | HTML5资源教程一套精美的 CSS3 新拟物风格 UI 元素 | HTML5资源教程21CSS3 3D弹性按钮效果 带弹性质感 | HTML5资源教程20CSS3超酷3D弹性按钮 按钮实现非常简单 | HTML5资源教程19HTML5/CSS3一组可爱的...

rm-rfdist///最好是build之前把原来的dist文件夹删掉，不然搞不清楚是不是最新的npmrunbuildzipdist/dist.zip//上一步npmrunbuild会生成一个dist文件夹，用指令打成zip包mvdist.zip/opt/qanda///把这个dist.zip包移动到/opt/qands/目录下unzipdist.zip...

- 我为什么选择微服务架构 -众所周知，单体应用程序，由于其种种不足，几乎不支持敏捷方法。如果你想为一个大型或复杂的业务创建一个软件项目，最好从微服务架构开始。微服务架构是一种灵活的架构，可以显著性地提高应用程序灵活性、可扩展性等。- 微服务架构路线 -据我了解很多开发者，想知道他们应该如何开始微服务架构旅程，虽然有成千上万的资源可以使用，但是资源到处分散。我决定通过为微服务架构学习定义路线图，使这段旅程更加清晰。...

一开始用localStorage，不论打开多少个页面，哪怕关掉重新打开，同一个网站下的存储的数值还在，问题是，不能同时登录多个账户，以及设置过期时间等后来启用sessionStorage，可以登录多个账户了，页面一关存储的数值也会自动被清掉，不存在安全问题；但来了新的问题，登录后，父页面跳转打开的新页面，两个页面之间的值无法共享了。后来想了一下，可以利用window.opener来解决，自己写了一个set和get函数，如下：封装全局函数:function setSession(name,

在Web应用中，HTTP请求是无状态的。即：用户第一次发起请求，与服务器建立连接并登录成功后，为了避免每次打开一个页面都需要登录一下，就出现了cookie，Session。CookieCookie是客户端保存用户信息的一种机制，用来记录用户的一些信息，也是实现Session的一种方式。Cookie存储的数据量有限，且都是保存在客户端浏览器中。不同的浏览器有不同的存储大小，但一般不超过4KB。因此使用Cookie实际上只能存储一小段的文本信息。例如：登录网站，今输入用户名密码登录了，第二天再打开很

HTML a标签的href 属性 tel 点击可以直接拨打电话 ( 移动端 )<a href="tel:13828172679">13622178579</a>

Jmeter教程(一) - 入门Jmeter教程(二) - 自定义变量模拟多用户Jmeter教程(三) - Linux中使用命令行进行压测一、下载登录官网Jmeter下载，得到压缩包jmeter-5.0.tgz，下载地址：http://jmeter.apache.org/download_jmeter.cgi二、安装将下载得到的压缩包解压即可，这里我解压到自己电脑的路径为E:\Mysoftware\apache-jmeter-5.0。三、运行点击bin目录下的jmeter.bat.

在用浏览器打开网站的时候，浏览器标签页上面有网站的图标，类似于logo小图标，如下图：步骤1：打开你的tomcat的安装目录，我的目录实在G盘 G:\apache-tomcat-7.0.53-windows-x64\apache-tomcat-7.0.53\webapps\ROOT步骤2：把自己准备好的logo小图标命名为favicon.ico，注意后缀一定要是.ico。然后直接丢到刚才那个已经打开的目录下(即apache-tomcat-7.0.53\webapps\ROOT)，这样就覆盖..

时下,各种个性化展示网站都会通过鼠标特效增强与用户之间的交互，使得网站更加生动，仿佛懂得跟用户谈话一样。就连展示模式相对古板的信息类网站或者门户网站也抵挡不住诱惑，悄悄地加入了一些按钮互动的效果。　　本文将给大家介绍一类简约而不简单的鼠标滑过按钮特效，既能让个人网站充分展示个性，也能为效果相对单调的门户类网站增色不少。　　首先我们来看一下，其中一种特效效果图。　　本

css 鼠标滑过 特效 CSS样式

https://zhuanlan.zhihu.com/p/24057749?refer=dreawer作者：小不了链接：https://zhuanlan.zhihu.com/p/24057749来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。懒加载的意义（为什么要使用懒加载）对页面加载速度影响最大的就是图片，一张普通的图

装X - 建立自己的斗图网站库yuyuyu · 2 天前之前加过一个斗图群，看到很多经典的表情，然后就收藏到了QQ， 迫于本屌丝开不起某Q会员，就只能收藏到本地，无法在其他的电脑上使用。久而久之收藏的也越来越多了，但是管理就成了问题，每次合适的场景想起一张合适的图，但怎么都找不到了，于是乎，本屌丝打算自己写一个斗图收藏网站。先露个脸！1 实现思路实现思路其实很简

jQuery Ajax 实例 全解析jQuery确实是一个挺好的轻量级的JS框架，能帮助我们快速的开发JS应用，并在一定程度上改变了我们写JavaScript代码的习惯。废话少说，直接进入正题，我们先来看一些简单的方法，这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法，当然，如果要处理复杂的逻辑，还是需要用到jQuery.ajax()的(这个后面

传递多个参数：URL=“report.asp?ID=123&paramterName2=456&kehu=" + Server.UrlEncode("客户名") ”取值：Request["paramterName"]    eg:Request["ID"]

Window.open()方法参数详解1, 最基本的弹出窗口代码   window.open('page.html');2, 经过设置后的弹出窗口   window.open('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=

一般的窗口关闭的JS如下写法：    window.close()但是呢，chrome，firefox等中有时候会不起作用。改为下面的写法：    window.open("about:blank","_self").close()      或者   window.open("","_self").close()

http://blog.youkuaiyun.com/zjilcx/article/details/7332740

http://jingyan.baidu.com/article/915fc414f2d3e651384b204b.html例1（小米米官网）：font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif;例2（淘宝技术研发中心）：     font: 12px/1.5

1、带参数打开新窗口$window.open("/bdfence/bdfence-division/bdfence.html?vehicleId="+ id  );2、获取参数var afterUrl =  window.location.search.substring(1);(问号以后的字符串)var afterEqu

对Ul下的li标签执行点击事件——如何获取你所点击的标签问题所来：做项目时，一般的数据都是用循环动态加载出来的，结构都是一样的，只是绑定的值不同，如何对相同的标签做处理的问题就来了。例如：点谁就显示谁的数值 1 2  3  4 错误：这种做法永远只能取到第一个$("#test").click(function(){   alert($

html>head> head>body> img src="?"  id="imgInit"> body>script language="javascript">var adres="图片地址";document.getElementById('imgInit').src = adres; 

function fxwin(){window.resizeTo(800,600);}window.onload=fxwin;window.onresize=fxwin;//-->

示例工程见：  http://download.youkuaiyun.com/detail/shuqin1984/6488513              一、 实现目标       绘制拓扑图， 实际上是个数据结构和算法的问题。 需要设计一个合适的数据结构来表达拓扑结构，设计一个算法来计算拓扑节点的位置及连接。                 二、  实现思想

用Canvas为网页添加动态背景作者：uedtianji最近刚刚接到为微信公众帐号“玩转三里屯”制作首页的任务。考虑到页面只在手机中浏览，而且手机对canvas的支持又非常好，所以打算使用canvas做点不一样的动画。首先来看下效果图。要实现这样的动画普通的CSS3是鞭长莫及了，只能使用Canvas。好在使用canvas也非常简单。Step1

阿里云免费申请ssl证书：  操作步骤： 申请免费1年的ssl证书（传送门：https://common-buy.aliyun.com/?spm=5176.2020520163.cas.29.N0xOPM&commodityCode=cas#/buy）     购买完成后，需要补全信息。 控制台 ->安全(云盾)->证书服务   如果是阿里云的域名，域名

预处理器更快地编译 CSSGCSS：一个用GO语言编写的CSS预处理器。官网LESS：向下兼容CSS并为当前的CSS增加额外的功能。官网Myth：只用写纯CSS而不用担心浏览器加载缓慢。官网PCSS：一个用Python语言编写的CSS预处理器。官网PostCSS：通过JS插件来转换CSS。PostCSSSass：成熟、稳定且强力的专业CSS扩展语言。官网

新的一周开始了，今天小编要为大家分享最新整理的9款HTML5 3D动画效果及源码下载，前端爱好者都可以来学习一下，以下就是详细的内容，一起来看看。1、HTML5 3D图片折叠特效 超炫酷图片特效我们之前介绍过很多HTML5 3D图片效果，比如HTML5/CSS3 3D环形图片墙、HTML5 3D相册浏览等等。今天我们再来分享一款HTML5 3D图片折叠特效，鼠标滑过图片时，折叠

CSS 自定义属性 — 基础篇[日期：2017-03-14]来源：  作者：[字体：大 中 小]原文链接： CSS Custom Properties - The Basics这是 CSS 自定义属性系列文章的第一篇，在这篇文章中我将快速介绍什么是自定义属性以及它们的语法，并在后续文章中详尽地分析 CSS 自定义属性，各位可以持续

新的一周开始了，我们分享HTML5和CSS3的工作也将继续前行。今天要给大家带来8款精妙无比的HTML5动画实例，每一个动画演示都有源代码提供下载，非常方便大家学习HTML5的相关知识，一起来看看吧。1、基于HTML5 Canvas的图表插件Chart.jschart.js是一款基于HTML5 Canvas的图表插件，chart.js的功能非常强大，它不仅提供了常见的柱形图、折线图

2017 Web 开发者学习路线图IT程序狮子烨9 天前本文是源自 Github 上 Kamran Ahmed 建立的一个仓库。在文中，作者为他的老教授分享了一组成为前端与后端开发者以及 Devops 人员需要掌握的学习路线图，以便与他的学生们分享他们的观点。同时，有任何改进的建议或意见也欢迎给作者提 PR 。那么，我们一起来看看需要 Get 哪些技能？

用到的知识点CSS3  animation 和 keyframes事件： webkitAnimationEnd  替代setTimeout     webkitAnimationEnd 事件讲解http://blog.youkuaiyun.com/kongjiea/article/details/38614695[html] view plain copy

创建漂亮的 CSS 按钮的 10 个代码片段IT程序狮子烨1 个月前如果你正在寻找一些高质量的 CSS 按钮的示例，那么这篇文章一定是你的“菜”。在本文中，我们从 CodePen 上收集了 10 个独特的 CSS 按钮合集，并附有它们的代码片段，方便你将它们应用在你的 Web 项目上。网页设计师已经不必再依赖 Photoshop 制作酷炫的按钮了。通过使用 CSS3