Next.js 学习笔记

📃中文文档Next.js 可提供生产环境所需的所有功能以及最佳的开发体验:包括静态及服务器端融合渲染、 支持 TypeScript、智能化打包、 路由预取等功能 无需任何配置。

- 阅读全文 -

React 学习笔记

官方文档安装npx create-react-app 项目名称 cd my-app npm start目录结构├──📂 node_modules # 依赖包 ├──📂 public # 项目入口,容器 ├──📂 src # 核心文件,主要工作区 │

- 阅读全文 -

Js原生md5加密

直接引入// 用于计算MD5的常量表 const MD5_CONSTANT_TABLE = [ 0x07, 0x12, 0x17, 0x93, 0x29, 0x3d, 0xca, 0xde, 0x5b, 0x5e, 0x6d, 0x70, 0x98, 0x9c, 0xaf, 0xb0, 0xbd, 0xd3, 0xe0, 0xf3, 0x10d, 0x136, 0x146, 0x168

- 阅读全文 -

vue公共js文件无法获取this(vue实例)

解决思路在 main.js 文件中创建vue实例之后将其暴露出去,然后在需要使用vue实例的文件夹引入 main.js即可获取到vue实例let that = new Vue({ router, store, render: h => h(App) }).$mount('#app') export default that // 暴露vue实例,使公共js可获取到vue实例(t

- 阅读全文 -

Vue2设置全局函数和全局变量

新建一个公共函数文件夹,在文件夹下新建一个js文件用于存放函数和变量 :cool:common.js// 全局变量 const gvar = { test: '全局变量' } // 全局函数 const test = () => { return console.log("全局函数"); }; // 暴露 export default { gv

- 阅读全文 -

vue全局路由守卫配置

先摆出 官方文档Q:路由守卫有何用?A:路由守卫可以实现许多功能,例如鉴权,登录状态校验,页面显示状态等等...全局配置可极大程度减少工作量,并且极大提高代码维护性...如何实现?实现路由守卫主要使用 vue-router提供的几个钩子函数 router.beforeEach(全局前置守卫)、router.beforeResolve(全局解析守卫)、router.afterEach(全局后置钩子)

- 阅读全文 -

vue2全局图标组件

1.全局注册组件方法可参考我的 上一篇文章2.设计组件在 @/components/ 目录下新建一个 Icon文件夹,文件夹内容如下我使用的图标库是iconfont上的Ant图标引入方法可参考 这篇文章把图标添加到项目之后,下载下来得到以下文件,将红色框框的文件复制到 @/components/Icon/iconfont目录下然后编写index.vue,直接上代码<template>

- 阅读全文 -

vue-cli 3自动导入全局组件

官方方法在此之前可以参考一下官方文档,参考完之后可以参考一下我稍作修改之后的方法如果你恰好使用了 webpack (或在内部使用了 webpack 的 Vue CLI 3+),那么就可以使用 require.context 只全局注册这些非常通用的基础组件。这里有一份可以让你在应用入口文件 (比如 src/main.js) 中全局导入基础组件的示例代码:import Vue from 'vue'

- 阅读全文 -

iconfont一次性添加整个图标库的图标到购物车

打开F12,依次输入以下两段代码即可,后台给他自己运行不用管,效果如下var j = document.createElement('script'); j.setAttribute("src", 'https://ajax.microsoft.com/ajax/jquery/jquery-1.4.min.js'); document.getElementsByTagName(

- 阅读全文 -