IT民工梅西布莱恩特

摘要： 一、nuxt推荐用<nuxt-link>进行路由跳转 例如： 二、nuxt根据页面结构自动生成路由 假设 pages 的目录结构如下： 那么，Nuxt.js 自动生成的路由配置如下： 三、动态路由 动态路由：即一些带有参数的页面 在 Nuxt.js 里面定义带参数的动态路由，需要创建对应的以下划线作 阅读全文

摘要： 一、vue单页面应用SEO不行的原因？ 搜索引擎抓取页面的前提是 html 含有被抓取内容，我们不妨看看基于 vue 的线上 SPA 页面请求时返回了什么： 我们的组件都是这个 html 文件返回后再渲染到 <div id=app></div> 里的。这就解释了 vue spa单页应用SEO 缺陷的 阅读全文

摘要： 敲代码要有点逼格、要有点追求、 1.暴露问题 一般地，我们在vue项目中经常会用到vue-resource或者axios来进行网络数据请求、刚接触不久的同学会很自然的直接调用其api来进行请求，例如： 这种将url直接写死的，直接拖出去打死吧、【如果服务地址发生变化，整个项目接口都需要去更改】 这种 阅读全文

摘要： 这是我写的一个上传图片的组件，这里并没有进行图片压缩处理（我们可以用canvas来进行图片压缩，自行搜索下即可）。 这一段其实也很好理解，就是将图片的formData传到后台去处理。 step2:后台安装multiparty插件: step3:后台处理获取上传的图片： 我们创建一个uploadImg 阅读全文

摘要： 一、node.js+express框架的服务项目搭建 step1:创建一个项目目录:myApp step2:命令行进入该目录，执行： 在命令执行过程中，会让你设置一个项目的入口文件(entry point)，可以随意设置例如：index.js。 执行完毕后，会在项目中创建一个package.json 阅读全文

摘要： 简言 CSS居中是前端工程师经常要面对的问题，也是基本技能之一。今天有时间把CSS居中的方案汇编整理了一下，目前包括水平居中，垂直居中及水平垂直居中方案共15种。如有漏掉的，还会陆续的补充进来，算做是一个备忘录吧。 1 水平居中 1.1 内联元素水平居中 利用 text-align: center  阅读全文

摘要： 检测对象中属性的存在与否可以通过几种方法来判断。 1.使用in关键字。 该方法可以判断对象的自有属性和继承来的属性是否存在。 2.使用对象的hasOwnProperty()方法。 该方法只能判断自有属性是否存在，对于继承属性会返回false。 3.用undefined判断 自有属性和继承属性均可判断 阅读全文

摘要： 一、旋转图片效果如下： 二、制作思路，核心知识点： 1.dom结构的规划： 解释：a.box元素： 上面是图片部分，下面是文字部分 2.用到旋转的过渡效果 a.为了使文字旋转180deg后，文字是正常显示的，需要将文字的初始状态旋转180deg： b.然后在鼠标hover到box元素，将box整体旋 阅读全文

摘要： 3d图片切换效果如下： 一、要想完成这个效果，首先需要思考哪些东西： 1.整体的dom布局. 2.过渡动画效果：缩放 3.原理：在做切换的时候，动态的改变了各个图片的样式，从而可以有切换的效果。 二、dom布局： 布局的CSS如下： 此时页面效果如下： 图片现在全部重叠在元素list中。 下面来规划 阅读全文

摘要： 一、需求：node.js获取文件下所有文件夹 node.js中通过fs.readdir获取文件夹中文件；通过fs.stat来判断文件是否为文件夹，例如： 咋一看，没什么问题，但结果： 有些同学会说fs.stat是回调，res返回结果已经执行完毕，回调还没有调用，所以为空。 于是将代码修改： 我们在最 阅读全文