- 博客(96)
- 资源 (4)
- 问答 (4)
- 收藏
- 关注
RSS订阅原创 nginx泛域名解析，实现多个二级域名
在阿里云买了一个域名现在我有两个系统：一个前台系统： www.xxx.com一个管理系统：admin.xxx.com那么我们要如何设置呢？先在阿里云上解析一个域名：点击确定后，我们就可以使用这个域名啦~~修改nginx配置：找到nginx的配置文件：default.conf在里面添加：server { listen 80; server_name www.xxx.com; location /{ proxy_pa
2020-05-24 10:46:34
6237
原创 node.js项目在centos中利用nigix强制跳转到https
app.js var httpPort = 3345 var httpsPort = 3346 var server = http.createServer(app).listen(httpPort) // configuare https const httpsOption = { key: fs.readFileSync("./https/**.key"), cert: fs.readFileSync('./https/**.crt') } var sserver = h
2020-05-24 09:47:40
278
原创 nodejs Error: request entity too large解决方案
解决方案：app.js添加 1 2 3 varbodyParser = require('body-parser'); app.use(bodyParser.json({limit:'50mb'})); app.use(bodyParser.urlencoded({limit:'50mb', extended:true})...
2020-05-03 09:40:39
450
原创 Vue生命周期详解！！
在Vue官网上一篇讲到了Vue实例以及它的生命周期，这里我将实例生命周期的图截了下来如下：我们可以看到在Vue实例的整个生命周期中，会有八个生命周期钩子函数提供给我们，方便我们在不同时期进行不同操作，八个钩子函数如下：beforeCreatecreatedbeforeMountmountedbeforeUpdateupdatedbeforeDestroydestro...
2020-04-28 17:46:57
476
原创 总结JavaScript中常见的数组操作
来源：https://www.tanj.com.cn/article/detail?id=5ea51ea817e37371f70420bd欢迎来我的个人网站：https://www.tanj.com.cn/在JavaScript中数组的方法有很多，本篇文章将JS中常见的数组操作方法进行归纳总结。主要参考了第三版《JavaScript高级程序设计》。1. 检测一个对象是否为数组1）i...
2020-04-26 15:09:20
210
原创 JavaScript中new的实现
文章来源于我的个人博客：JS中new的实现JS中通过new操作符可以创建构造函数的实例对象，我们可以看看以下例子：function Person(name,age){ this.name = name this.age = age console.log(this) /* Person{name: "tanj", age: "18"} */}Person.p...
2020-04-23 10:30:53
257
原创 浅谈函数防抖和节流，利用js实现，常见应用场景
来源：浅谈函数防抖与节流在说防抖和节流之前，我们先看看下面这个例子：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #count{ widt...
2020-04-16 15:45:46
215
原创 关于JavaScript中的this指向总结
来源：关于JavaScript中的this指向总结关于JS中this指向问题，简单地说就是：哪个对象调用了函数，函数中的this就指向这个对象。按以下几种情况进行讨论：1. 普通函数调用var num = 10function fun1(){ console.log(this) /* Window */ console.log(num) /* 10 */}fun...
2020-04-13 17:29:44
121
原创 块级格式化上下文 Block formatting context （BFC）
详情地址：块级格式化上下文 Block formatting context （BFC）1. Box视觉格式化模型会根据CSS盒子模型将文档中的元素转换为一个个盒子。盒子主要包括了块盒、行内盒、匿名盒（没有名字不能被选择器选中的盒）以及一些实验性的盒（未来可能添加到规范中）。盒的类型由display属性决定。（1）块盒当元素的display为block、list-item或ta...
2020-04-12 13:44:02
330
原创 整理一些关于前端面试的基础内容，持续更新中......
关于HTML与CSS部分：DTD与DOCTYPE：参考DTD、Doctype、严格（标准）模式与混杂（兼容）模式 两栏布局：参考两栏布局其中一栏固定宽度一栏自适应宽度的几种CSS实现方法 三栏布局 float与absolute脱离文档流：参考float与absolute是否完全脱离文档流 盒模型 BFC 垂直居中 清除浮动 瀑布流 flex布局：参考flex语法 H5新特性...
2020-04-10 14:35:10
642
原创 Node.js中使用百度统计API统计站点的访问量、访客数、IP数相关信息
详情访问：详情欢迎来我的个人网站：TanJia今天，在个人网站的关于版块，添加了本站点的总访问量、总访客数以及当日的访问量等相关信息。使用的是百度统计的相关API。 首先，我们需要在百度统计中开通数据导出服务，获得Token，如下图所示。它提供了API调试工具以及API用户手册，使用起来非常方便！当我们打开百度统计来监控我们的站点时，URL中就以及有了我们站点 ...
2020-03-31 14:31:38
1868
2
原创 JS中常用的正则表达式
原文链接：JS正则表达式正则表达式基础：正则表达式基础欢迎来到我的个人网站：TanJia常用的正则表达式：1.验证是否为有效数字可能出现+ -号，也可能不出现 [+-]? 一位0-9都可以，多位首位不能是0 (\d|([1-9]\d+)) 小数部分可能有可能没有，一旦有后面必须有小数点+数字 (\.\d+)?let num = /^[+-]?(...
2020-03-26 21:49:52
384
原创 JavaScript中正则表达式两种创建方式的区别
在正则表达式基础这篇文章中，我们介绍过正则表达式的两种创建方式：1.字面量创建方式（两个斜杆之间包起来的，都是用来描述规则的元字符）let reg1 = /\d+/2.构造函数模式创建(两个参数：元字符字符串，修饰字符串)let reg2 = new RegExp("\\d+")区别：（1）构造函数因为传递的是字符串，\需要写两个才表示\reg = /\d...
2020-03-26 21:46:52
603
原创 JavaScript封装优先级队列
原文地址：JS优先队列另外：欢迎大家来我的个人网站TanJia-前端技术分享实现优先级队列相对队列主要考虑两个地方：优先级队列中每一个元素由元素的值与元素优先级组成添加元素时，要考虑到优先级。将新插入元素的优先级与队列中已经存在的元素优先级进行比较，以获得自己正确的位置实现代码如下：<script type="text/javascript"> functio...
2020-03-26 10:20:17
205
原创 使用链接可以打开图片，而在img中使用src无法打开图片
好傻啊！！！！！！！！！！！！！！！！！！！！我在页面上加了一个<!-- 将http请求转成https请求 --><meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">我的图片路径是http，结果给我转成了https。。。。。。所以在该页面使用src打不开...
2020-03-20 14:45:42
3270
原创 在html的头部加入meta使得所有的资源请求由http请求转成https请求
<!-- 将http请求转成https请求 --><meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
2020-03-20 14:38:09
424
原创 async/await学习
详情可以查看我的博客：async/await学习1.async函数函数的返回值为promise对象 promise对象的结果由async函数执行的返回值决定执行下列代码：async function fun1(){ return 1}const result = fun1()console.log(result)执行结果：可以看到调用fun1()函数后，返回的...
2020-03-19 09:01:28
102
原创 在CentOS下设置MongoDB开机自启动并且开启身份认证
1.我们在CentOS安装好Mongodb后，在mongodb的安装路径的bin目录下(我的是/usr/local/mongodb/bin)新建一个文件mongo.confdbpath = /var/mongodb/data #数据文件存放目录，这里的路径按自己的路径填写,一定不要填错logpath = /var/mongodb/logs/log.log #日志文件存放目录，这里的路...
2020-03-12 22:10:39
414
原创 node.js项目中wangEditor富文本编辑器上传图片的方法
在服务端安装multernpm i multer1.下载wangEditor引入到页面中，在前端页面中引入<link rel="stylesheet" type="text/css" href="/public/css/wangEditor.css"><script src="/public/js/wangEditor.js"></script>...
2020-03-12 16:13:18
914
9
原创 node项目部署到阿里云ECS后，终端关闭，项目也跟着关闭了
将node.js项目部署在阿里云服务器CentOS后，启动入口文件node app.js项目启动，可以通过IP地址来访问自己的项目，但是将终端关闭后项目也关闭，我希望关闭终端，项目也一直运行，这里使用到的解决方法是利用pm2进行项目启动。1.安装pm2npm install -g pm22. 安装完成后显示 pm2安装的位置3.使用以下命令将pm2放入系统路径下就可以了 注意...
2020-03-11 21:51:07
869
1
原创 mongoose、ajax、express、pagination分页插件实现分页效果
1.首先下载pagination分页插件，下载地址：JQuery分页插件2.下载后在页面中引入插件包括CSS与JS文件：HTML部分与JS部分代码如下<link rel="stylesheet" href="/public/css/pagination.css"/><div class="page"> <div class="m-style M-...
2020-03-02 10:54:06
764
原创 express中登录、退出、设置Cookie以及cookie-parser简单使用
在使用express要完成一个登录功能，简单使用了中间件cookie-parser。1. 下载cookie-parsernpm i cookie-parser2.在 app.js 中引用cookie-parserconst cookieParser = require('cookie-parser')//不使用签名app.use(cookieParser())//若需...
2020-02-25 22:02:41
1723
原创 Mongoose中关联查询populate的使用
2场景：文章表中的每一篇文章article，都属于一个分类part，现在要获取文章列表，并在列表中展示文章属于哪个分类，也就是说根据文章找到其所在分类的名称。这时，我们需要用到Mongoose中的关联查询populate用法：1.定义文章Article模式 关键是使用ref关联到Part模式const mongoose = require('./dbUtlis')cons...
2020-02-25 21:31:58
1266
1
原创 使用art-template模板向页面填充一段html，不能正常展示问题
最近，使用art-template模板与wangEditor富文本编辑器完成编辑文章功能，使用富文本编辑器存储在数据库中的内容就是一段html，从数据库中取出，展示在编辑器中，供用户编辑。遇到问题：取出html内容，展示在编辑器中，无法正常展示原文章的样式，而展示的是一段原生html代码。解决方法：第一种方法： 将{{content}}写成 {{#content}}第二种方法...
2020-02-20 15:32:00
1005
原创 mongoose中根据_id删除数据，_id多出一对引号问题
在自己写的项目中的代码如下： <a href="/article/delete?id={{$value._id}}" class="btn btn-info btn-border btn-round btn-sm mr-2"> 删除</a>根据mongoose中的_id删除某个文章，如上图所示。// 删除文章articleSchema.static('...
2020-02-20 10:30:53
1556
原创 NodeJS+Express解决跨域问题：Access-Control-Allow-Origin
在app.js中加上，要加在其他路由前面。app.all('*', function(req, res, next) { res.header("Access-Control-Allow-Origin", "*"); res.header("Access-Control-Allow-Headers", "X-Requested-With"); res.header("...
2019-11-20 11:27:57
280
原创 利用Konva封装简易的进度条
利用Konva库封装了一个简单的进度条函数tjProgressBar，效果如下：主要是引入Konva.js与tjProgressBar.js后，在页面中直接初始化一个tjProgressBar对象即可创建一个进度条。new tjProgressBar({ x:100, y:100, w:600, //进度条的宽度 h:30 //进度条的高度});具体代码如下：htm...
2019-10-09 11:02:18
342
1
原创 利用canvas封装一个绘制矩形的函数
在需要使用矩形时，引入tjRect.js文件：function tjRect(option){ this._init(option);}tjRect.prototype = { _init:function(option){ this.x = option.x || 0; //矩形左上角的 x 坐标 this.y = option.y || 0; this.width =...
2019-10-08 17:32:19
313
原创 JS实现模态框
实现简单弹出框/遮罩层的效果。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>弹出框</title> <style> *{ padding: 0; margin:0; } body{ ...
2019-09-27 09:39:33
18486
4
原创 原生javascript实现小人根据鼠标飞翔
原生javascript实现小人根据鼠标飞翔效果查看地址：https://tanj2014.github.io/javascript/05fly/index.html代码下载地址：https://github.com/TanJ2014/javascript/tree/master/05fly更多javascript练手小例子：https://github.com/TanJ2014/ja...
2019-09-26 15:42:10
371
原创 仿小米官网导航栏滑动效果
仿照小米官网导航栏滑动效果，主要是当导航栏上滑出页面后，将其固定在页面上方。效果查看：https://tanj2014.github.io/javascript/02navbar/index.html代码下载：https://github.com/TanJ2014/javascript/tree/master/02navbar更多javascript练手小例子：https://gith...
2019-09-26 11:19:50
1704
原创 原生javascript实现div拖拽
使用javascript实现div拖拽效果查看地址：https://tanj2014.github.io/javascript/04drag/drag.html代码下载地址：https://github.com/TanJ2014/javascript/blob/master/04drag/drag.html更多javascript练手小例子：https://github.com/Tan...
2019-09-26 11:14:46
326
原创 CSS设置内容滚动，但隐藏滚动条
希望.element的内容滚动，但是不出现滚动条。/*侧边栏 溢出时滚动*/.element{ overflow-y: auto;}.element::-webkit-scrollbar{ width: 0;}/*ie10+*/.element{ -ms-overflow-style: none;}/*firefox*/.element{ s...
2019-09-20 10:08:25
352
原创 css中的overflow样式 滚动条
1.希望默认无滚动条，内容溢出时出现滚动条：.sort_right{ overflow:auto }2.希望内容溢出时，页面可以滚动，但是不出现滚动条： .sort_right { overflow:auto } .sort_right::-webkit-scrollbar { width: 0; }3.希望滚动条一直出现：....
2019-07-14 14:00:12
232
原创 windows 解决Jupyter notebook[import tensorflow]报错问题
我的Anaconda tensorflow都装好了。。。就是在Jupyter notebook中import tensorflow报错如下暴力解决，以管理员身份打开Anaconda Prompt，运行以下命令 ：source activate tensorflowconda install ipythonconda install jupyterjupyter noteboo...
2019-05-09 11:12:30
1849
3
原创 html中table表格td中英文不换行
在html中给table设置一个，当某个td中的字符串是英文并且相当长时它不会换行会将其他列的内容挤出去，无法正常显示，我们需要添加table{word-break:break-all; word-wrap:break-word}英文则会自动换行...
2019-04-25 14:47:49
2577
原创 推荐一款好用的jeDate日期控件
jeDate是一款原生JS开发的不依赖任何第三方库大众化的日期控件，包含单双面板、区域选择、 多语言、日历固定、有效无效日期、日期时间戳转换、日期加减、限制时分秒、初始化日期加减N、日期标注点、设定年月（YYYY-MM）、日期范围限制、开始日期设定、自定义日期格式、当天的前后若干天返回、时分秒选择、智能响应、自动纠错、节日识别，操作等常规功能外，根据不同的日期格式，显示不同内容，还拥有更多趋近...
2019-04-16 09:16:33
526
原创 img span在一行显示，如何垂直居中的问题
<img src="img/info.png" alt="" /><span>操作系统基本信息</span>想让img和span在一行显示，并且垂直居中。如图所示。只需要添加如下样式即可。img,span{ vertical-align:middle;}...
2019-04-10 09:19:47
966
原创 使用cmd命令，运行java正常，无法运行javac
今天在装jdk时，出现java能正常运行，而显示javac不是内部或外部命令，也不是可运行的程序或批处理文件。原因是我在装jdk时将jdk和jre装到了一个文件夹，卸载之后重新装了一遍就好了。...
2018-12-22 09:46:24
3988
类似设计坞、创客贴、图怪兽这种在线图片设计如何实现的？？
2020-05-28
mongoose无法更新已存在的数据库？
2020-02-26
Wangeditor如何实现代码高亮
2020-02-21
CSS四个宽度为25%的div并排显示并设置border-right
2019-07-06
TA创建的收藏夹 TA关注的收藏夹
TA关注的人