最近在用Next.js （版本9.5.5）搭建项目时，发现css和less同时导入常常会报错，查阅一番资料后找到了一个靠谱的解决方案：
在目录下新建next.config.js文件，新增下列代码（先安装@zeit/next-less模块） ...
分类：
Web程序 时间：
2020-11-10 10:26:59
阅读次数：
52
环境 SpringBoot 2.2.6.RELEASE Mybatis-Plus 3.3.1.tmp JDK 1.8 1.添加自动填充的配置 public class MybatisPlusObjectHandler implements MetaObjectHandler{ @Override p ...
分类：
Web程序 时间：
2020-11-10 10:29:50
阅读次数：
16
首先理解三个dom元素，分别是：clientHeight、offsetHeight、scrollTop。 clientHeight：这个元素的高度，占用整个空间的高度，所以，如果一个div有滚动条，那个这个高度则是不包括滚动条没显示出来的下面部分的内容。而只是单纯的DIV的高度。 offsetHei ...
分类：
Web程序 时间：
2020-11-10 10:32:09
阅读次数：
14
TCP/IP TCP/IP协议是一系列网络通信协议的统称，最核心的两个协议是TCP和IP TCP TCP协议是Transmission Control Protocol的缩写，意思为传除控制协议，它基于IP协议提供可靠的，字节流形式的通信。 IP IP协议是Internet Protocol的缩写， ...
分类：
Web程序 时间：
2020-11-10 10:34:18
阅读次数：
23
原理：就是监听页面滚动事件，分析clientHeight、scrollTop、scrollHeight三者的属性关系。 window.addEventListener('scroll', function() { const clientHeight = document.documentEleme ...
分类：
Web程序 时间：
2020-11-10 11:04:36
阅读次数：
17
偶遇PC站网页，客户想在手机上查看（不是响应式那种，自然缩放那种）： 直接以下代码： <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes" ...
分类：
Web程序 时间：
2020-11-10 11:05:19
阅读次数：
18
一、base64加密 base64的github地址 示例 <html> <head> <title>前端的base64使用方法</title> </head> <body> </body> <script> var str = "hello"; var str64 = window.btoa("h ...
分类：
Web程序 时间：
2020-11-10 11:05:37
阅读次数：
16
<!DOCTYPE html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> p ...
分类：
Web程序 时间：
2020-11-10 11:13:27
阅读次数：
18
今天主要学习了CSS高级技巧，重点掌握精灵图、字体图标的使用，单行溢出显示省略号和一些常用的布局技巧！ 今日框架： 今日重点： 一、精灵图：为了有效地减少服务器接收和发送请求的次数，提高页面的加载速度 1）精灵图又称雪碧图，CSS Sprites 2）将网页中需要使用的多张小图片整合到一张大图中，这 ...
分类：
Web程序 时间：
2020-11-10 11:18:40
阅读次数：
31
重复栅格的命名技巧： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ...
分类：
Web程序 时间：
2020-11-10 11:20:17
阅读次数：
29
Kubernetes单节点部署二进制k8s群集
分类：
Web程序 时间：
2020-11-10 11:24:19
阅读次数：
15
?MVC模式与代码分层策略，MVC全名是ModelViewController即模型－视图－控制器，作为一种软件设计典范，用一种业务逻辑、数据、界面显示分离的方法组织代码，将业务逻辑聚集到一个部件里面，在改进和个性化定制界面及用户交互的同时，不需要重新编写业务逻辑，这是一种开发模式，但并不是实际开发中代码的分层模式
分类：
Web程序 时间：
2020-11-10 11:27:50
阅读次数：
19
教你照抄一个网页
分类：
Web程序 时间：
2020-11-10 11:34:39
阅读次数：
42
Express安装使用 1、新建文件夹，使用npm init生成package.json文件。 2、执行npm命令安装express npm install express --save 3、基础使用 多级目录 动态路由 由于路由匹配是从上往下的，所以在使用动态路由时，一定要注意路由配置的顺序，如果 ...
分类：
Web程序 时间：
2020-11-10 11:39:42
阅读次数：
33
function get_address_gps_tx($map_key,$address){ //地址名称转座标 $r=file_get_contents('https://apis.map.qq.com/ws/geocoder/v1/?address='.$address.'&key='.$ma ...
分类：
Web程序 时间：
2020-11-11 15:45:09
阅读次数：
16
在设置login背景时，找到了一张这样的图片：但是设置成login背景时，如果没有做一些css适应设置，图片就变样了，变成了这样：严重变形了，这就造成了一种理想与现实的差距。若想解决这个自适应问题，其实很好解决，只需要在前端代码里加上这样css即可： 1 .main { 2 background: ...
分类：
Web程序 时间：
2020-11-11 15:50:24
阅读次数：
12
#分享一些比较好用的(免费)网站及推荐理由 ——By SMARK #资源类 这里面是一些有供下载的资源的网站等 ##视频 片库 内容怎么样有待考证 蓝光网 看着还行, 打赏收入 预告片世界 还行, 收入有待考证 ##文档 冰点(去广告)+文库下载器(几乎涵盖网上所有大文库,只可以试读的花钱文档没法下 ...
分类：
Web程序 时间：
2020-11-11 15:55:46
阅读次数：
15
上次完成了基本的配置，我们的代码也可以正常运行了，在测试的时候，也发现了一些问题（是我的网站的一些问题），比如上传文件的路径写的是在Windows开发时的虚拟站点的域名，上线后导致上传出现问题，因为线上的域名与写代码时候的域名不一样，导致出来的问题，所以在平常的开发时，一定要确认好这些小问题，不然上 ...
分类：
Web程序 时间：
2020-11-11 16:04:51
阅读次数：
12
背景 对于程序开发者而言，开发一个项目不仅仅注重效率和功能，前端的性能问题也是非常重要的。这直接影响用户的体验，从而间接的也反应该项目质量的好坏。 影响项目性能的原因有很多，如：资源文件的大小，业务的繁杂程度等，所以前端优化的方式也很多。这些东西很零碎，容易被人遗忘。 优化一： vue-router ...
分类：
Web程序 时间：
2020-11-11 16:14:25
阅读次数：
17
1、Jest Jest是Facebook团队构建和维护的JavaScript测试框架，基于Jasmine的JavaScript单元测试框架。Jest在2018年接受度非常高，今年在JavaScript社区更是如此，根据Github的数据，目前超过150万个项目在使用Jest。 在过去的一年里继续使用 ...
分类：
Web程序 时间：
2020-11-11 16:16:04
阅读次数：
17
