Y_X_gang-CSDN博客

原创 mysql 基本语句

sql语句表名（tableName） name age sex address id 张三 12 男北京 123 李四 15 男上海 456 王五

2022-03-09 09:09:35 2588

React css局部作用域与antd按需加载React css局部作用域Antd按需加载React css局部作用域react样式的作用域，一直是开发中比较头疼的问题，在vue中，可以使用scoped来做私有样式的处理，但是在react，声明的样式大多都是全局的，当然，我们可以使用属性选择器解决这个问题，但是终归有很多的弊端，其实在react脚手架中，有一种css样式私有化的解决方案。react脚手架通过css module，规定了css可以有局部作用域，关于css module，看阮一峰老师详解

2021-09-08 10:55:08 418

原创 React移动端适配

react移动端适配配置配置webpack引入配置文件更改代码后在入口文件中配置完成为了让我们的项目，在不同的设备下任然可以正常访问，我们通常使用rem来做适配rem（font size of the root element），简单的来说，它是一个相对单位，相对于根元素font-size来计算，比如：font-size: 10px, 那么1rem = 10px看似换算如此简单，但是，ui一般出图，都是按照某一种设备的尺寸比例出图，例如iphone6（屏幕宽度：375px），如此以来，则存在着

2021-08-25 15:13:15 2490 5

原创 Git代码提规范

Git代码提交规范commit 代码提交注释有助于项目管理以及阅读规范type：commit 类型feat: 新特性fix: 修改问题refactor: 代码重构docs: 文档修改style: 代码格式修改，非csstest: 测试用例修改chore: 其他修改，比如构建流程，依赖管理scope: commit影响的范围，比如: route, component, utils, build…subject: commit 的概述body: commit具体修改fo

2021-07-16 23:32:17 144

原创 webpack的配置-学习webpack的常用配置

webpack的配置-学习webpack的常用配置目标掌握webpack的常用配置掌握如何根据实际的需求修改webpack的对应配置了解webpack-dev-server的意义和使用掌握webpack-dev-server的用法知识点webpack的配置项entry 入口配置字符串-单个文件配置数组-会把数组中的文件合并成一份文件，作为入口配置对象-设置多个入口文件mode告诉webpack相应模式的内置优化可从cli中传递webapck --mode=pro

2021-03-16 09:04:57 325

原创 vue常见指令

VUE常见指令v-textv-htmlv-bindv-if v-else-if v-elsev-showv-forv-onv-modelv-text// 输出一个字符串<template>  <div v-text="'我是1811A的一名普普通通的帅气的讲师'"> </div></template>v-html// 编译html标签<template&g

2021-02-25 12:02:08 2921 8

原创 webpack中使用devServer接收POST请求传来的值

webpack中使用devServer接收POST请求传来的值const bodyParser = require('body-parser')...module.exports = { devServer: (app) => { app.use(bodyParser.json()) app.post('/api/getList', (req, res) => { console.log(req.body) res

2021-01-14 14:48:25 727

原创 vue组件通讯---$bus

vue组件通讯—$bus$bus: vue组件通讯实现之一安装vue-busnpm i vue-bus -S在入口文件中将vue-bus挂载到vue实例中import Vue from 'vue'import VueBus from 'vue-bus'Vue.use(VueBus)组件A中： methods: { getFooterItem(val) { // val是参数，使用$bus将toItem定义为全局方法默认参数为val this.$

2021-01-13 14:39:59 789 1

原创 JavaScript中使用es6的方式实现去重排序

JavaScript中使用es6的方式实现去重排序 let arr = [12, 12, 4, 3, 5, 5, 6, 3, 88, 9, 3] function SortArr(arr) { // 去重并且返回新的数组 arr = Array.from(new Set(arr)) // es6 排序 return arr.sort() } SortArr(arr)...

2021-01-07 09:10:31 448

原创 webpack 搭建工程目录

webpack 搭建工程目录创建目录（src）创建SPA，创建入口文件（index.js）创建模块化对应的文件目录创建父目录中创建 webapck.config.js引入核心模块pathconst path = require('path')module.exports = { entry: path.resolve(__dirname, 'sec/index.js') output: { path: path.resolve(__dirname, 'dist'), fil

2021-01-06 14:19:41 1004 5

原创浅谈MVVM风格开发框架

浅谈MVVM开发框架什么是MVVM框架为什么会出现MVVMMVVM设计模式ViewModel什么是MVVM框架MVVM框架是MVP（Model View Presenter）模式与WPY结合演变而来的一种新型的框架结构，它立足于原有的MVP框架并且融入了WPY的新特性，以应对客户日益复杂的需求变化为什么会出现MVVM简单来说，在MVVM风格开发框架没有出来之前，我们通常的会吧服务端代码放到浏览器当中，这样一来就产生了成千上万行的js代码，它们有连接了各种各样的css文件和html文件来展示视图，正是

2020-12-31 10:30:50 2972 4

Y_X_gang的博客