摘要: React 项目的css-in-js(简称JSS) TS的定义声明 文件名为:*.d.ts 只包含类型声明,不包含逻辑 不会被编译,也不会被webpack、vite打包 1. css modules(配置typescript-plugin-css-modules完成类型申明) 定义css的类型申明文 阅读全文
posted @ 2021-12-26 14:56 shine_lovely 阅读(263) 评论(0) 推荐(0) 编辑
摘要: json-server: 快速轻量的restful 风格的 mock服务器 安装 依赖 json-server npm i json-server --save-dev 在项目根目录新建一个目录: __json_server_mock__ 目录前后的两个下划线是表示 这个目录中的内容跟 项目本身没有 阅读全文
posted @ 2021-12-22 14:58 shine_lovely 阅读(93) 评论(0) 推荐(0) 编辑
摘要: 前端工程化-格式化 React项目 Pre-commit Hook,在git commit之前进行代码格式化 为了防止一些不规范的代码 commit并push到远端,我们可以在git命令执行前用一些钩子来检测并阻止。现在大前端主要有两种git钩子插件:husky(jquery与next.js都在用) 阅读全文
posted @ 2021-12-22 14:57 shine_lovely 阅读(463) 评论(0) 推荐(0) 编辑
摘要: WebStorm 使用 git 连接gitee 在本地新建一个项目 test npx create-react-app test --template typescript 登录gitee账户,新建一个同名仓库:test WebStorm 添加 第一步: 创建本地仓库 第二步: 右击项目名,点击 A 阅读全文
posted @ 2021-12-22 13:05 shine_lovely 阅读(1270) 评论(0) 推荐(0) 编辑
摘要: ngrok 内网穿透 在做微信小程序,用到本地的localhost3000的接口,在手机上真机调试的时候,发现请求不到数据(因为手机本地是没有localhost3000的服务的) 使用 ngrok,临时将自己的服务暴露在外网。下载: https://ngrok.com/download 安装 官网下 阅读全文
posted @ 2021-12-03 13:28 shine_lovely 阅读(1) 评论(0) 推荐(0) 编辑
摘要: 优化 1. 代码层面 部分代码使用懒加载方式,比如点击事件,回调函数内进行import('xxx').then() vue路由使用懒加载: component: ()=> import('@/views/about.vue') v-if/v-show: ① 尽量多的使用v-if,减少渲染dom数量, 阅读全文
posted @ 2021-11-16 16:20 shine_lovely 阅读(91) 评论(0) 推荐(0) 编辑
摘要: 前端vue使用stomp.js、sock.js完成websocket Sock.js Sock.js 是一个JavaScript库,为了应对很多浏览器不支持websocket协议问题。SockJ会自动对应websocket,如果websocket不可用,就会自动降为轮训的方式。 Stomp.js S 阅读全文
posted @ 2021-11-10 13:59 shine_lovely 阅读(6372) 评论(0) 推荐(0) 编辑
摘要: 微信扫码登录 场景 ① 直接跳转一个新链接页面; ② 网站将微信登录二维码内嵌到自己页面中 ① 直接跳转一个新链接页面 pc端展示登录按钮,点击登录按钮,打开二维码页面,手机微信扫描二维码,授权同意,pc页面跳转新页面 <template> <div class="container"> <!-- 阅读全文
posted @ 2021-11-09 17:42 shine_lovely 阅读(1710) 评论(0) 推荐(0) 编辑
摘要: 微信支付 微信支付分为: ① 微信内部支付 ② 外部应用吊起微信支付 场景 ① 微信扫描支付 web网页提供了一个订单确认的二维码,用户用手机微信扫码,微信浏览器展示订单确认页,用户点击确认页中的去支付,直接在微信浏览器中调取支付接口,进行支付。 <template> <div class="con 阅读全文
posted @ 2021-11-09 13:47 shine_lovely 阅读(58) 评论(0) 推荐(0) 编辑
摘要: 使用typescript封装axios 这个axios封装,因为是用在vue3的demo里面的,为了方便,在vue3的配置里面按需加载element-plus 封装axios http.ts import axios, { InternalAxiosRequestConfig, AxiosReque 阅读全文
posted @ 2021-10-27 11:08 shine_lovely 阅读(2723) 评论(0) 推荐(0) 编辑
摘要: https://www.cnblogs.com/jiasm/p/7683930.html 阅读全文
posted @ 2021-09-29 11:26 shine_lovely 阅读(17) 评论(0) 推荐(0) 编辑
摘要: index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" 阅读全文
posted @ 2021-09-08 16:56 shine_lovely 阅读(51) 评论(0) 推荐(0) 编辑
摘要: homebrew 更多more Homebrew是一款包管理工具,主要由④ 部分组成:brew、homebrew-core、homebrew-cask、homebrew-bottles 名称 说明 brew Homebrew 源代码仓库 homebrew-core Homebrew 核心源 home 阅读全文
posted @ 2021-07-30 11:43 shine_lovely 阅读(113) 评论(0) 推荐(0) 编辑
摘要: 1.重置launchpad 删除应用后,macOS系统启动台LaunchPad,应用图标残留或问号: defaults write com.apple.dock ResetLaunchPad -bool true; killall Dock 2. 删除已经卸载Parallels Desktop残留W 阅读全文
posted @ 2021-07-29 15:06 shine_lovely 阅读(56) 评论(0) 推荐(0) 编辑
摘要: vue2中axios封装 import axios from 'axios' import { Message, Loading } from 'element-ui' import router from '@/router' let loadingInstance // 创建一个错误 funct 阅读全文
posted @ 2021-07-28 10:53 shine_lovely 阅读(86) 评论(0) 推荐(0) 编辑
摘要: redis 安装 homebrew安装 brew update // 更新brew brew install redis 查看安装及配置文件位置 Homebrew安装的软件会默认在/usr/local/Cellar/路径下 redis的配置文件redis.conf存放在/usr/local/etc路 阅读全文
posted @ 2021-07-27 15:42 shine_lovely 阅读(34) 评论(0) 推荐(0) 编辑
摘要: mongodb 安装 homebrew安装 brew update // 更新brew brew install mongodb // 安装mongodb 设置数据路径 mongodb默认在/data/db这个路径进行读写操作,所以只要简单进行创建这个路径 mkdir -p /data/db 启动 阅读全文
posted @ 2021-07-22 14:57 shine_lovely 阅读(44) 评论(0) 推荐(0) 编辑
摘要: Vue SSR 理解+优缺点 ssr 服务端渲染,主要解决2个问题 更好的SEO SPA页面的内容是Ajax获取,而搜索引擎爬取工具并不会等待Ajax异步完成后再进行爬取页面内容,所以在SPA页面是抓取不到页面通过Ajax获取到的内容,爬虫获取的html,是一个没有数据的空壳子。 而SSR,是服务端 阅读全文
posted @ 2021-07-10 16:29 shine_lovely 阅读(2399) 评论(0) 推荐(0) 编辑
摘要: 事件机制 事件触发三阶段 JavaScript事件分为3个阶段 捕获阶段 目标阶段 冒泡阶段 事件捕获 事件捕获阶段:事件到达目标元素前 拦截事件,意为 捕获事件。 事件捕获阶段:event.eventPhase的值为1。 当发现是目标元素时,eventPhase 的值变为2。 事件捕获:自上到下, 阅读全文
posted @ 2021-07-05 16:54 shine_lovely 阅读(219) 评论(0) 推荐(0) 编辑
摘要: vue生命周期-父子组件 vue父子组件的生命周期 创建实例:从外到内(从父组件到子组件) 渲染:从内到外(子组件渲染完,再渲染父组件) Vue.component('comp',{ template:'<div>This is a component !</div>' }) const app = 阅读全文
posted @ 2021-07-05 14:39 shine_lovely 阅读(164) 评论(0) 推荐(0) 编辑