- 博客(26)
- 收藏
- 关注
原创 从零搭建react框架(一)
1.用webpack、babel编译es6先装依赖包:yarn add webpack @babel/core @babel/preset-env babel-loader 新建.babelrc{ "presets": ["@babel/preset-env"]}新建app.jsconst a = 123;新建webpack.config.jsmodule.expo...
2018-12-03 15:30:08 203
原创 typescript学习笔记
类型联合类型let a:string|number;a='abc';a='123'对象类型// 接口interface Person{ name:string, age?:number // ?表示可选属性}inter Person1{ name:string, [propName:string]:string|number // 表示任意string/number类型的属性}inter Person2{ readonly name:string // readonly表示
2022-05-19 08:49:53 192
原创 element的tab组件源码解析
最近工作中遇到这个场景:根据右边侧边栏切换左边内容。其实就是个tab切换。由于类似的功能在项目挺多的,想着实现一个通用可配置的组件。1.一开始第一时间考虑使用component标签的is属性去控制<component :is="currentView" />,但这有个问题,component标签是依赖当前组件components去注入需要切换的组件,这就导致相当的不灵活,没办法实现需要的通用组件2.后面考虑手动挂载组件到某个节点上,具体实现如下:通过js配置,使用tab组件 <t
2022-05-17 14:09:42 1212
原创 微信授权签到实践
页面鉴权获取code==>获取token==>请求头设置token换取微信code引入wx的jsdk <script src="//res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>从微信拿到code换token<script>import {getToken} from './services/index';export default { methods: { GetQuery
2021-06-11 09:37:44 181
原创 npm常用命令
查看全局包安装位置 npm root -g查看全局安装的包 npm list -g --depth 0查看包的安装信息 npm info @tarojs/cli
2021-05-25 18:15:27 74
原创 vue2环境下使用vue-echarts
插件安装 yarn add vue-echarts echarts在vue2环境下使用还需要安装:yarn add @vue/composition-api在项目main.js按需引入echartsimport ECharts from 'vue-echarts'import { use } from 'echarts/core'import { CanvasRenderer} from 'echarts/renderers'import { LineChart, Line
2021-03-16 11:48:22 2199 1
原创 react cra craco启动项配置
"scripts": { "start": "cross-env port=3000 cross-env REACT_APP_ENV=test craco start FAST_REFRESH=true", "start:stg": "cross-env port=3000 cross-env REACT_APP_ENV=stg craco start FAST_REFRESH=true", "start:prod": "cross-env port=3000 cross-env..
2021-03-05 11:10:42 4546 2
原创 eggjs(json文件读取)
1.ejs模板引擎配置config/plugin.jsconfig/config.default.js2.service编写service/user.jsconst Service = require('egg').Service;const fs = require('fs');class UserService extends Service { list() { const data = fs.readFileSync('./app/data/user.j
2020-06-10 17:40:33 2889
原创 indexedDB数据库实践
export default { indexedDB: window.indexedDB || window.webkitindexedDB || window.msIndexedDB, openDb(dbName, version = 1, db, newStore, cb) { const request = this.indexedDB.open(dbName, versi...
2020-01-15 14:33:53 202
原创 centos系统web发布环境的配置
1.安装nvm(node包管理器)curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.8/install.sh | bash2.安装nodenvm install 10.3.03.生成git公钥、查看公钥ssh-keygen -t rsa -C "123@aa.com"cat ~/.ssh/id_sra.p...
2020-01-13 11:59:43 279
原创 dayjs常用用法
日期格式化DayJs(date).formate("YYYY-MM-DD HH:mm:ss")HH:24小时制hh:12小时制日期运算DayJs(date).add(num, 'day')DayJs(date).subtract(num, 'day')添加插件import DayJs from "dayjs";import WeekDay from "dayjs/plugin/w...
2019-12-19 19:01:19 2754
原创 2019阿里前端面试题
2019阿里前端面试题题目:筛选笔试题 (请在半小时内完成):var arr = [ {name:‘小米1’, value: 1, type: 2, date: ‘2018-06-07T08:00:01.589Z’ }, {name:‘锤子T1’, value: 1, type: 2, date: ‘2018-06-07T08:10:01.589Z’ }, {name:‘小米2’...
2019-07-05 13:42:14 2018 2
原创 从零搭建react框架(三)
1.生产环境压缩混淆代码yarn add uglifyjs-webpack-pluginwebpack.prod.conf.js optimization: { minimizer: [ new UglifyJsPlugin({ cache: false, sourceMap: false, }) ] },2...
2018-12-04 17:31:56 112
原创 从零搭建react框架(二)
开发人员修改了代码,经过webpack打包后,只替换修改的部分代码,做到页面的局部刷新,不会改变react其他未修改的状态和数据
2018-12-04 14:01:13 118
转载 chrome控制台中console
版权声明:本文为博主原创文章,转载请注明出处:http://blog.csdn.net/fxss5201。 https://blog.csdn.net/fxss5201/article/details/64967817 在使用谷歌浏览器进行前端开发的时候,conso...
2018-10-25 10:06:01 300
原创 chrome中直接使用es6的import
查询一下chrome对import/export的支持情况:我的chrome版本是69的,发现可以支持。写个小demo测试一下test.html&lt;script type="module"&gt; import {foo, num} from './test.js'; console.log(num); console.log(foo());&lt;/script...
2018-10-12 11:43:11 6651 2
原创 git撤销commit
step1:用git log命令查看你要撤销的前一个commit的idstep2: 用git reset --hard id命令完成撤销
2018-10-11 17:04:45 123
原创 git pull错误:refusing to merge unrelated histories
问题场景重现:我在本地建了个项目,在github新建了项目。现在想把本地项目推送到github新建项目上。给本地项目添加远程项目仓库地址:git remote add origin url拉取远程项目代码:git pull origin master. 报错"refusing to merge unrelated histories"重新拉取:git pull --allow-unrel...
2018-10-10 15:23:54 768
原创 git自定义简写命令
经常用git命令行提交拉取代码, md每次都要敲一大堆同样的命令,还好git提供了自定义简写命令的方式,这下就爽歪歪了~~~ 先通过cat命令查看一下.gitconfig文件里面有什么东东(我这是配好的) 下一步通过vim命令编辑.gitconfig文件保存即可。编辑命令:vim ~/.gitconfig...
2018-08-14 14:29:27 2571
原创 react 组件通信
1.父组件向子组件通信父组件通过props向子组件传递需要的信息parent.jsximport React, { Component } from 'react';import Son from '../components/Test1';class Parent extends Component{ constructor(props) { super(p...
2018-08-14 11:39:31 98
原创 redux-核心概念
redux流程:Action => Reducer => State1.Action强制使用action来改变state, 这样可以清晰的知道应用当中发生什么、因为什么而改变。function demoAction() { return { type: 'test', data: {} };}store.dispa...
2018-08-14 11:37:31 250
原创 git常用命令
添加/删除文件git add filename1 filename2 // 添加指定文件到暂存区git add dir // 添加整个目录暂存区git add . // 添加所有文件暂存区git rm –cached filename1 filename2 // 从暂存区删除指定文件,但保留源文件git rm -f filename1 filename2 // 从暂存区删除指定...
2018-08-14 11:29:51 131
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人