欢迎来到我的博客

解决VSCode打开新文件时，覆盖掉原打开文件的窗口的问题

对于JavaScript来说，所有的代码都是单线程的，所以对于JS的一些网络操作，以及浏览器事件，都必须是异步执行的，所以说在JS中的回调函数应该说是十分的常见。如最基础的点击事件，当按钮点击的时候会执行相应的回调函数。var btn = document.getElementById('btn');btn.onclick = function(){ //函数体}var ...

在本地的git，长时间不用的情况下，再次登陆需要重新验证账户信息，如果第一输入账号或者密码错误的情况下，项目会报错：remote: Incorrect username or password ( access token ) fatal: Authenticatio。而且以后每次的操作都是这样，也不是会再次提示重新输入正确的账号和密码。后来发现win10 下git的凭证存在windows系统...

闲话日常：有时候在项目中，可能会用到图片上传的预览功能，而之前总是在网上找相关的插件进行实现，但是有的时候发现别人写好的插件，有时候会影响到自身布局的样式，偶尔还很难进行控制，索性去了解了一下FileReader，后来发现其实实现一个图片预览的功能不过二三十行代码的事，今天分享一下我的写法。整体思路：整体思路大概是下面这样的（基于JQ）：1、页面整体布局，只需要一个添加的按钮，一个...

我们终究会走上个人博客这条道路，毕竟可以自己去书写自己博客页面，让自己的页面可自由变换更加美观，今天和朋友一起做了一个叫做侧边导航的东西，在这里做一个小小的记录。具体内容就是说：博客一般通过富文本或者Markdown去实现的嘛，会自动生成相应的标签，而对于文章中的小标题来说一般都是h3、h4等一些标签，具体要做的就是通过不同的标签，判断这个是几级的标题，然后在旁边生成相应的链接，然后连接对应到...

由于项目的需要，有时候需要对页面进行全屏显示，说到底就是就是我们常用的F11，H5提供了相应的API，目前google chrome 15 +, safri5.1+,firfox10+,IE1能够很好的支持该属性，低版本的IE可以通过ActiveX插件实现。简单粗暴，直接上代码定义全屏显示函数function fullScreen() { var el = document.d...

织梦应该说很久才更新一次，有的时候就会出现一些问题，但整体来说还是有自己独特的优势的，这次主要记录一下自己在进行项目部署后文章发布方面出现的一些问题。文章标题为空首先第一个问题就是，发布文章时提示标题为空，问题的根源还是：htmlspecialchars在php5.4默认为utf8编码，gbk编码字符串经 htmlspecialchars 转义后的中文字符串为空，也就是标题为空。详细的...

在进行DedeCMS进行建站的时候，发现在本地运行的好好的，但是部署到服务器上后发现：后台登录界面可以进去，但是登录成功后，显示一片空白。找了好久解决的方法，现在做一下分享。找到include文件夹里的userlogin.class.php，然后注释掉所有包含@session_register的语句。主要原因是版本对语句的支持问题，重新登陆就可以了。...

前一段时间从老师哪里得来一个项目，关于一个小公司的网站。由于时间的原因，又接近我们的期末考试，从老师那里了解到一些关于快速建站的东西，接触了CMS（Content Management System）内容管理系统。之前对内容管理系统没有了解过，后来用了之后才发现对于快速搭建一个网站真的还是挺实用的。我使用的是DedeCMS（织梦），下面对我的使用过程做一下分享。首次使用当然还是下载，这个过程需...

Chrome之所以强就强在它的扩展程序，那么如何添加Chrome扩展程序呢？如果进行翻墙的话，那样最好，可以直接通过在商店里进行下载。如果不能进行翻墙的话，也可以通过其他的方式进行扩展程序的安装，方法如下：可以通过第三方插件网站下载离线文件来安装，比如Extfans扩展迷。【扩展迷】但是在进行安装的过程中，有的电脑会出现无法安装的情况，提示信息【无法从该网站添加应用、扩展程序和应...

众所周知：传统的布局方式是通过position+display+flort实现的，在页面的构造过程中会出现很多的问题，包括高度塌陷和元素垂直居中等等的问题，一直到2009年，W3C提出了一种新的方案【Flex布局】，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。现在的手机端，包括手机页面，微信小程序等大多采用flex进行布...

在进行文件上传的时候，我们往往会使用表单提交的方式：<form action='....'> <input type='file' name='file' /> <input type='submit' value='上传'></form>但是给表单提交添加回调函数比较困难，所以在这一次提交时，我使用了Ajax进行提交，在...

学前端已经一年多了，在JavaScript方面，学会了基本语法，页面操作之后，慢慢走向了框架这条不归路，框架用起来真的是省时省力，效果好、代码少、还节省时间。在前几天去做一个页面的时候，要求只能是用以前版本的框架，我就去找框架之前的版本，可是在某些官网上老版本的框架已经不存在了，就我这暴脾气，还是用原生的JS去写吧，不是不知道，一试还真的能吓一跳，做到轮播图的时候，感觉自己不会了，索性就去把内...

 用到的重要css样式：1、transform:perspective( )；        perspective 属性定义 3D 元素距视图的距离，以像素计。该属性允许您改变 3D 元素查看 3D 元素的视图。当为元素定义 perspective 属性时，其子元素会获得透视效果，而不是元素本身。2、transform-style: preserve-3d;      ...

第一次写对话框的箭头时，也是一头雾水，不知道怎么去写，后来去学习了一下别人怎么写的，也曾经试过去用别人的代码，但是去修改箭头长度和宽度的时候总是很难，然后就自己去研究，发现了一种全新的写法，自我感觉还是挺简单的，最重要的是这样写可以去控制箭头的长短和宽度，这样在其他地方用的时候，也更加容易修改。&lt;!DOCTYPE html&gt;&lt;html lang="zh"&gt;&lt;...

有的时候后台管理系统需要实现数据的打印功能，这时候就需要去调用Chrome的接口进行数据的打印，window.print()会打印整个HTML页面，其实不是我们需要结果，这时候就需要进行一些处理，比如我得只需要去打印表格内的内容，这时候我选择封装一个打印的函数。print(){ this.showOperation = false; setTimeout(()=>{ ...

在进行数据的管理过程中，图片的上传是必不可少的，在这里我的是用户头像为例，在图片上传的过程中，NodeJs我用到了一个叫做multer的模块，他有一个要求就是上传的时候必须通过multipart/form-data的方式进行上传，简单地说就是提交一个form表单，或者提交一个FormData，所以在这一过程中，我还用到了body-parser，需要注意的是，multer和body-parser不仅...

将数据生成Excel并导出是后台管理系统常备的功能，但是之前还没有尝试过通过NodeJs去实现，这一次在网上去搜索了具体的实现方法，从中了解到了一个node-xlsx的node模块，在npm的官网上了解了相关的使用方法。const xlsx = require('node-xlsx');在具体操作的时候，生成excel时需要的数据是数组值类型数组，[[1,2,3],[1,2,3],[1,...

在进行前后端交互的过程中，遇到的第一个问题肯定就是跨域的问题了，在vue中这时候需要去更改一下配置的信息，打开根目录下的config下的index.js文件。这时候需要去更改dev下边proxyTable的信息，具体的都不多说了，你可以直接复制粘贴走，不过要记得把target的信息改一下，因为那是我本地服务所在地。proxyTable: { '/apis': { ...

众所周知的是，所有的后台管理系统都离不开分页，而传统的分页实现，更多的是同后端的进行交互，传递页码并返回当前页所包含的数据，最终进行展示。这种做法存在的弊端就是用户在进行页码切换的时候，后耗费大量的时间，同样也会增加后端工程师的压力，这一次我们通过vue实现分页功能。首先是数据问题，在node里直接查询所有的用户返回给前台。// 获取全部用户信息router.get('/userLis...

封装相关的MongoDB模块首先少不了的就是安装相关组件:npm install mongodb@2.2.36 --save引入mongodb的MongoClient，并定义运行的MongoDB的数据位置及端口的相关信息，最后暴露相关的方法，剩下的就是封装相关增删改查的方法了，需要注意的是我因为当初学习的时候用的是较老的版本，所以直接安装的话，我的代码可能会报错，需要安装指定版本的Mo...