炜婷-CSDN博客

原创 React 18 + ant design5.0 换肤思路及实现

换肤用是根据 ant design css in js https://styled-components.com/ 来搞的。下面有三个文件index.tsx （(注意DefaultTheme 类型，要写在 *.d.ts里。切换组件 ThemeComponent.tsx 需要走到页面的最外一层。(注意DefaultTheme 类型，要写在 *.d.ts里。第二个文件 default-algorithm.tsx。第三个文件 dark-algorithm.tsx。首先你的ant 必须是5.0。

2023-02-09 16:54:44 870 2

原创 vue 源码视频教程

链接: https://pan.baidu.com/s/1MC0kBm-shArNN3jsTGMFeA提取码: 9hbk

2019-08-28 11:01:10 766 1

转载前端静态资源版本更新与缓存之——通过gulp 在原html文件上自动化添加js、css版本号

原理修改js和css文件通过对js,css文件内容进行hash运算，生成一个文件的唯一hash字符串(如果文件修改则hash号会发生变化)替换html中的js,css文件名，生成一个带版本号的文件名方案现在网上的方案都是生成一个新的dist目录，里面包含了要发布的html,js,css等文件。但是在实际的公司的项目中，会有情况不能生成新的HTML进行发布，需要在原来的

2017-08-16 14:27:35 776

转载 vuex2.0 基本使用(1) --- state

Vuex 的核心是 store, 它是一个通过 Vuex.Store 构造函数生成的对象。为什么它会是核心呢？因为我们调用这个构造函数创建store 对象的时候，给它传递参数中包装了state, mutation , action 等核心内容。看一下官网的例子const store = new Vuex.Store({ state: { count: 0 },

2017-05-31 11:19:06 794

原创 npm run build 文件不显示。css 里background没有图

前几天写了一个小demo，信心满满去打包。结果！！！啥都没有，尴尬了。word哥找原因呗，各种度……结果还算让人满意，config下，找到 assetsPublicPath 配置把/ 改为 ./ ，页面就出来了发现，页面里 style 下所有的background图片 404 看了一下，地址不对。这里我的style 是引入到文件的。 @i

2017-04-17 21:13:02 4296

转载 Vue2+VueRouter2+webpack 构建项目实战（五）配置子路由

Vue2+VueRouter2+webpack 构建项目实战（五）配置子路由前情回顾《Vue2+VueRouter2+webpack 构建项目实战（一）准备工作》《Vue2+VueRouter2+webpack 构建项目实战（二）目录以及文件结构》《Vue2+VueRouter2+webpack 构建项目实战（三）配置路由，整俩页面先》《Vue2+VueRo

2017-03-14 16:30:28 733

转载 Vue2+VueRouter2+webpack 构建项目实战（四）接通api，先渲染个列表下

编写api.js文件有了工具了，我们就需要来编写api.js文件，使它可以完成我们想要的工作。// 配置API接口地址var root = 'https://cnodejs.org/api/v1';// 引用superagentvar request = require('superagent');// 自定义判断元素类型JSfunction toType(obj) {

2017-03-14 16:29:22 459

转载 Vue2+VueRouter2+webpack 构建项目实战（四）接通api，先渲染个列表

Vue2+VueRouter2+webpack 构建项目实战（四）接通api，先渲染个列表目录索引《Vue2+VueRouter2+webpack 构建项目实战（一）准备工作》《Vue2+VueRouter2+webpack 构建项目实战（二）目录以及文件结构》《Vue2+VueRouter2+webpack 构建项目实战（三）配置路由，整俩页面先》《Vue

2017-03-14 16:28:36 420

转载 Vue2+VueRouter2+webpack 构建项目实战（三）配置路由，整俩页面（下）

报错问题解决;关闭格式检查插件eslint这里一请搜索 eslint 然后把对应的不一下，我的是windows的，与下面的不同。如上，我们再次运行 npm run dev 跑起来，结果发现命令行里面错误一片。。。很多人在这里就都晕了。。。没关系，其中大部分错误都是格式造成的，并不是很重要的错误，但是这样的提示很不爽。因此，我们把检查错误插件eslint给关闭掉。打开根目

2017-03-14 16:21:34 888

转载 Vue2+VueRouter2+webpack 构建项目实战（三）配置路由，整俩页面先（上）

Vue2+VueRouter2+webpack 构建项目实战（三）配置路由，整俩页面先目录索引《Vue2+VueRouter2+webpack 构建项目实战（一）准备工作》《Vue2+VueRouter2+webpack 构建项目实战（二）目录以及文件结构》《Vue2+VueRouter2+webpack 构建项目实战（三）配置路由，整俩页面先》《Vue2+

2017-03-14 16:14:43 569

转载 Vue2+VueRouter2+webpack 构建项目实战（二）目录以及文件结构

Vue2+VueRouter2+webpack 构建项目实战（二）目录以及文件结构目录索引《Vue2+VueRouter2+webpack 构建项目实战（一）准备工作》《Vue2+VueRouter2+webpack 构建项目实战（二）目录以及文件结构》《Vue2+VueRouter2+webpack 构建项目实战（三）配置路由，整俩页面先》《Vue2+Vu

2017-03-13 10:59:36 433

转载 Vue2+VueRouter2+webpack 构建项目实战（一）准备工作

Vue2+VueRouter2+webpack 构建项目实战（一）准备工作目录索引《Vue2+VueRouter2+webpack 构建项目实战（一）准备工作》《Vue2+VueRouter2+webpack 构建项目实战（二）目录以及文件结构》《Vue2+VueRouter2+webpack 构建项目实战（三）配置路由，整俩页面先》《Vue2+V

2017-03-13 09:58:18 720

转载 Html5 本地存储

首先自然是检测浏览器是否支持本地存储。在HTML5中，本地存储是一个window的属性，包括localStorage和sessionStorage。if(window.localStorage){ alert('This browser supports localStorage');}else{ alert('This browser does NOT suppor

2015-10-29 13:58:36 310

ycm_920414的博客