作为功能强大，支持不同数据格式的文件嵌入的语言，我们一定要心存畏惧。网站首页Html/css
使用 CSS font-display 控制字体加载和替换
发布时间：2021-04-26作者：余斗分类：[Html/css]浏览：次
在编写网站的时候，或多或少都会用到一些网络上的字体，CSS 3 中虽然加入了对 Web Fonts（网络字体）的支持，但是浏览器对它们的加载和默认处理方式会极大的影响网站的性能和用户体验。例如默认情况下，在 Web Fonts 加载时，使用该字体的地方会显示空白，直到字体下载......
阅读全文>>JS实现栈结构的方法
发布时间：2021-04-12作者：余斗分类：[Html/css]浏览：次
实现栈结构 //创建栈 function Stack (){ let items = [] this . push = function ( element ){ items. push ( element ) } this . pop = function (){ return items. pop () } this .peek = function (){ return items[items. length - 1 ] } this .isEmpty = function......
阅读全文>>在C++中控制windows关机的方法
发布时间：2021-02-04作者：余斗分类：[Html/css]浏览：次
们在应用程序编制完成后，需要设计应用程序的包装和分发功能。在编写安装程序时，经常会遇到这样的问题：程序安装完成后需要重新启动计算机。那么在代码中如何控制Windows的关机或重新启动呢？ 要实现这个功能，需要用到Windows API提供的一个ExitWindowsEx函数。我们可......
阅读全文>>JS中的splice方法的使用说明
发布时间：2021-01-31作者：余斗分类：[Html/css]浏览：次
splice方法可以用来对js的数组进行删除，添加，替换等操作。 1. 删除功能，第一个参数为第一项位置，第二个参数为要删除几个。 用法：array.splice(index,num)，返回值为删除内容，array为结果值。 2. 插入功能，第一个参数（插入位置），第二个参数（0），第三个参数（......
阅读全文>>利用CSS3实现图片渐入效果的方法
发布时间：2021-01-29作者：余斗分类：[Html/css]浏览：次
很多网站都有那种图片渐入的效果，这种效果用css3和一些js实现起来特别简单。拿我之前做的页面来说一下怎么利用css3来实现图片渐入效果。 下面是页面中的一段html： div class = features div class = container div class = inner feature div class = content h2 clas......
阅读全文>>用CSS写打印样式的方法
发布时间：2021-01-27作者：余斗分类：[Html/css]浏览：次
打印样式 打印样式就是针对网页被打印时设置给文档的样式，由于打印时是显示在纸上，跟屏幕还是有区别的，对于有打印需求的网页往往需要设置专门的打印样式来适配页面。 @media print 声明自己是打印样式有两种方法：在css文件中可以使用@media print,在html文件的style......
阅读全文>>CSS实现自动换行、强制换行、强制不换行的属性
发布时间：2021-01-13作者：余斗分类：[Html/css]浏览：次
实现效果 1.自动换行： word-wrap:break-word; word-break:normal; 2.强制换行： word-break:break-all; 按字符截断换行 /* 支持IE和chrome，FF不支持*/ word-wrap:break-word; 按英文单词整体截断换行 /* 以上三个浏览器均支持 */ * 注意：单词换行需要父盒子为块级元......
阅读全文>>利用JS实现对输入文字个数限制的方法
发布时间：2021-01-03作者：余斗分类：[Html/css]浏览：次
发表留言或者微博的时候，对输入文字个数的限制，下面分两种情况，每种分别介绍两种实现方式： 第一种：一个汉字算一位，两个字母或符号算一位 通过ASCII编码来判断 textarea.onkeyup = function(){ //[^\x00-\xff]即ASCII编码不在0-255的字符，也就是汉子了，先把所有......
阅读全文>>用JS控制页面等比例缩小的实现方法
发布时间：2021-01-02作者：余斗分类：[Html/css]浏览：次
想对网页进行等比例缩小，可以使用一段JS代码一键实现！ 针对1920*1080 分配率缩放： window.addEventListener( load , adaptation); window.addEventListener( resize , adaptation); function adaptation () { var w = document.body.clientWidth; var h = document.b......
阅读全文>>修改浏览器自带“请填写此字段” required必填校验的方法
发布时间：2020-11-17作者：余斗分类：[Html/css]浏览：次
HTML5版本里新增的required，不需要任何JS判断，即可对填写项进行判断，为空的时候提示：请填写此字段。 我们如何修改这个提示字呢？ JS代码： function validate(input, msg){ if ($(input).val().trim().length 0 ){ msg = ; } $(input).attr( oninvalid , this.setCu......
阅读全文>>