- 博客(19)
- 收藏
- 关注
RSS订阅原创 前端，postcss 简单的配置，
webpack.config.jsconst MiniCssExtractPlugin = require('mini-css-extract-plugin');const getCSSModuleLocalIdent = require('react-dev-utils/getCSSModuleLocalIdent');module.exports = { module: { rules: [ MiniCssExtractPlugin.loader, {
2020-08-11 17:55:36
690
原创 tsconfig.json配置
{ "compilerOptions": { "baseUrl": "./src", // 工作根目录 "target": "esnext", // 编译的目标设置为最新版本 "module": "esnext", // 指定生成最新的模块系统 "moduleResolution": "node", // 模块解析策略 "allowJs": true, // 允许编译：IS 文件（js、jsx) "noEmit": true, // 不输出文件 "
2020-07-28 15:42:03
650
原创 iPhoneX 刘海屏适配问题
meta 标签 <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,viewport-fit=cover"/>html 添加样式:root { --safe-header-top: 20px; --safe-content-top: calc(45px + 20px); --safe-paddi
2020-07-23 10:17:42
368
原创 前端分页 一个小操作
代码如下，page为当前分页， arr为数据源arr.filter((item, idx) => idx >= (page - 1) * 10 && idx < page * 10);
2020-07-02 18:14:34
132
原创 深递归，将Data 数据中所有的key值首字母变为小写
代码如下 handleObjInitialLowerCase = obj => { const detail = Array.isArray(obj) ? [] : {}; if (obj && typeof obj === 'object') { for (const key in obj) { if (obj[key] &a...
2020-01-08 17:35:54
354
原创 处理url 两个 方法
处理url 两个 方法设置window.setParams = (function(window) { const _originHref = window.location.href.split('#')[0]; return function(name, value) { if (!name) { return; } let obj = {};...
2020-01-07 19:07:08
229
原创 React-路由基础
知识点使用swiper来了解React项目中的第三方实例化其他第三方库也是一样的道理 echartsreact路由 【 王者 】路由 - 》 实现单页面应用（ SPA single page application ）React router 市面上版本React router 3.xReact router 4.x [ 5.x ]不同之处： React r...
2019-11-13 15:04:28
99
原创 React-反向代理配置
React 反向代理第一步在项目src目录创建 setupProxy.js 文件是src目录 不要搞错了第二步下载 http-proxy-middleware$ npm i http-proxy-middleware -S$ yarn add http-proxy-middleware -S第三步在setupProxy.js 文件中配置如下代码/* 这个文件就是反向代...
2019-10-24 19:35:53
839
原创 axios 基本用法 简单的封装
axios 基本封装utils下的request.js文件配置import axios from 'axios'/* axios默认配置 */// axios.defaults.baseURL = 'https://api.example.com'; //后端接口协议和域名还有端口/* axios.get('/login') + baseUrl 等价下面的 axios....
2019-10-24 19:25:08
142
原创 React-路径别名-抽离webpack配置方案
抽离 webpack配置的方案在webpack.config.dev中的resolve下的 alias 属性做以下配置 alias: { "@src":path.resolve("src"), "@component":path.resolve("src/component"), "@pages":path.resolve("src/pages"), ...
2019-10-24 19:07:00
585
原创 React-路径别名-不抽离webpack配置 方案
不抽离 webpack配置的方案第一步下载react-app-rewired 和 customize-cra$ npm install react-app-rewired customize-cra -D第二步下载 babel-plugin-import$ npm install babel-plugin-import -D第三步修改package.json里的配置/* p...
2019-10-24 10:21:09
1936
原创 Vue高级5-router-反向代理-路径别名
Vue 进阶动态路由 + 路由传参 + 路由接参案例： 移动端常见的： 分类 -》 列表 -》 详情 -》 购物车引入组件库组件库就是可以快速帮助我们实现样式布局和基本逻辑组件库 vs ui库组件库指的是有组件构成的类库ui库更多偏向的的是样式： sui类型说明：Vue的组件库很多，我这边列举的是比较流行的pc端 【 后台管理系统 】...
2019-10-24 09:33:54
605
原创 移动端1px线 sass 解决方案 记录
1px兼容问题博客地址：https://www.cnblogs.com/katydids/p/9948546.html//这里写的只针对sass// $border-poses:top,// right,// bottom,// left;// $color:red;@mixin border-1px($poses:$border-poses,$color:$color) { ...
2019-10-23 19:39:39
317
转载 reset.css初始化设置
reset.css/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */ html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquo...
2019-10-23 15:07:13
112
原创 移动端rem配置三种方案，淘宝+网易+阿里某大牛
直接上代码淘宝方案https://github.com/amfe/lib-flexible/* 通过js来动态添加rem */;(function(designWidth, maxWidth) { var doc = document, win = window, docEl = doc.documentElement, remStyle = document.c...
2019-10-23 14:43:52
642
原创 整理了一些前端常用的插件安装和使用的命令（记录）三 git篇
版本控制控制软件版本的工具主流的2种版本控制软件 git svn现代编辑器(文本编辑器 IDE编辑器)中 都会集成版本控制工具gitgit是一个跨平台(操作系统windows linux unix osx)的版本控制工具git是一个开源(开放源代码)的 分布式 版本控制系统 有效高速的去管理各种大型小型项目的源代码Git 是 Linus Torvalds 为了帮助管理 Linux ...
2019-10-17 10:22:24
361
原创 整理了一些前端常用的插件安装和使用的命令（记录）二 webserver篇
webserver服务器Apache服务器。（端口号定义，http协议，开启和关闭）访问项目(网站)：域名和ip地址都可以。（运行–cmd–ipconfig访问本机ip地址）本地的ip地址：127.0.0.1 本地的域名：localhost（本地主机）–C:\wamp\wwwWampServer（W:window；a:Apache；m:mysql；p:php）是一款由法国人...
2019-10-17 10:21:51
291
原创 整理了一些前端常用的插件安装和使用的命令（记录）一 npm nvm cnpm nrm yarn
0. nvm的安装概念管理node.js版本的工具，可以让不同的项目使用不同的版本安装方式使用github里的安装包查看node版本nvm lsnvm安装nodenvm install versions查看node是否安装成功node -v查看的node版本nvm ls切换node版本nvm use versionsnvm安装地...
2019-10-17 10:18:57
526
原创 webpack-config.js配置
webpack 基本配置 （记录）单页面配置webpack-config-dev.js开发环境配置/* 这个文件是针对开发环境做的配置文件*/const path = require('path')const HtmlWebpackPlugin = require('html-webpack-plugin')const ExtractTextWebapckPlugin = ...
2019-10-17 10:05:56
281
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人