前端
关注
分享
扫一扫
文章平均质量分 79
超超超女
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vue基础
初识vue，笔记数据代理Object.defineProperty理解数据代理vue中的数据代理事件处理事件的基本使用事件修饰符键盘事件计算属性姓名案例-插值语法实现姓名案例-methods实现姓名案例-计算属性实现计算属性使用，不加小括号()姓名案例- 计算属性简写只考虑读取，不考虑修改的时候才用简写形式监视属性深度监视...原创 2022-02-23 14:35:11 · 403 阅读 · 0 评论 -
React Route
1.React路由原理不同的路径渲染不同的组件有两种实现方式HashRouter:利用hash实现路由切换BrowserRouter:实现h5 Api实现路由的切换1.1HashRouter利用hash实现路由切换public\index.html<body> <ul> <li><a href="#/a">/a</a></li> <li><a href="#/b原创 2021-09-06 10:30:13 · 303 阅读 · 0 评论 -
React Hooks
Hook可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性useStateuseState 就是一个 Hook通过在函数组件里调用它来给组件添加一些内部 state,React 会在重复渲染时保留这个 stateuseState 会返回一对值：当前状态和一个让你更新它的函数，你可以在事件处理函数中或其他一些地方调用这个函数。它类似 class 组件的 this.setState，但是它不会把新的 state 和旧的 state 进行合并useState 唯一的参数原创 2021-09-01 12:12:09 · 988 阅读 · 0 评论 -
React.js的实现
cross-env 是一个库用来 设置环境变量的React.js 实现JSXfunction createElement(type, config, children) { let ref; let key; if (config) { delete config._source; delete config._self; ref = config.ref; key = config.key; .原创 2021-08-26 20:24:20 · 340 阅读 · 0 评论 -
vite原理
vite是一个基于vue3的单位组件非打包开发服务器，它做到了本地开始开发启动，实现按需编译，不再等待整个应用编译完成。基于原生模块系统ESModule实现，（webpack开发环境很慢，开发时需要进行编译整个包放到内存中）安装npm install create-vite-app -g --force用vite创建一个项目create-vite-app vite-project也可以一条命令，代替上面两条npm init vite-app projectName像原创 2021-08-25 13:51:43 · 465 阅读 · 0 评论 -
Create React App
开始命令窗口，进入你要放置工程的目录npx create-react-app my-appcd my-appnpm start打开http://localhost:3000/看一下你的项目。要是创建TS版的：npx create-react-app my-app --template typescript还可以设置包管理器npx create-react-app my-app --use-npm命令：启动项目 npm start打包：npm run bui.原创 2021-08-13 15:17:23 · 171 阅读 · 0 评论 -
flutter探索
目标：1、做一个自己认为的移动端产品最常用页面的demo，比如无线列表+详情等等这样的，自己定2、产出这个过程中切换的难易程度，切换的心得体会，以及遇到的问题总结3、如果新产品要用Flutter 我们怎么做强类型， 类C桌面应用，能跑起来，还不能打包目前稳定版不支持windowshttps://flutter.dev/docs/development/tools/sdk/release-notes 版本 有些不支持移动平台Andr...原创 2021-08-06 17:14:22 · 154 阅读 · 0 评论 -
类的继承
function _inherits(subClass, ParentClass) { // 继承公有属性 subClass.prototype = Object.create(subClass.prototype, {constructor: {value: subClass}}) // 继承静态方法 Object.setPrototypeOf(subClass, parentClass);}let Child = (function(Pa...原创 2020-12-23 13:19:57 · 103 阅读 · 0 评论 -
无状态组件、高阶组件、纯组件
无状态组件函数，有两个参数props和context，没有内部状态state，无生命周期，没有实例化过程，也就没有ref。缺点：每次props更新，它都会重新绘制render函数。function Animal(props, context) {return(<div><label></label><Input /></div>)}纯组件PureComponent 实现了shouldComponent原创 2020-12-22 10:58:32 · 277 阅读 · 0 评论 -
webpackd的基础
webpack安装本地安装webpack命令yarn init -yyarn add webpack webpack-cli -Dwebpack可以进行0配置打包支持js的模块化手动配置默认配置文件的名字 webpacck.config.jswebpack 是node写出来的，用node的写法let path = require('path');let HtmlWebpackPlugin = require('html-webpack-plugin')module.原创 2020-09-03 20:55:47 · 261 阅读 · 0 评论 -
使用rollup配置
安装rollup包命令：yarn add rollup rollup-plugin-babel @babel/core @babel/preset-env -Drollup.config.jsexport default { input: './index.js', output:{ file:'../src/client/bundle.js', format:'mud' // and cmd commonjs 都支持 }, wa原创 2020-07-09 14:39:25 · 590 阅读 · 0 评论 -
sass入门
变量声明•你可以把反复使用的css属性值 定义成变量，使用$符号来标识，赋予其一个易懂的变量名然后通过变量名来引用它们。 $highlight-color: #F90;•sass变量的声明和css属性的声明很像，任何css属性值都可以用作sass的变量值。•与css属性不同，sass变量可以在{}规则块外定义，若定义在了{ }块内就只能在块内使用。 ...原创 2018-12-13 17:29:29 · 209 阅读 · 0 评论