- 博客(32)
- 收藏
- 关注
RSS订阅
原创 git版本控制常用的基本命令
配置作者信息git config user.email 'wangjiale_2012@sina.com'git config user.name 'jialewang-code'git命令git init 初始化仓库git clone https://github.com/hilongjw/vue-lazyload.git clone一个仓库git clone git@github.com:jialewang-code/xj.git hd clone远程仓库到本地hd文件夹git ad
2020-05-27 00:58:41
288
原创 antd v4版本From表单使用resetFields重置表单数据
一、给From表单一个ref属性标识<Form ref={this.formRef}></Form>二、创建form表单实例 formRef = React.createRef()三、在需要重置表单数据的地方调用resetFields方法this.formRef.current.resetFields()
2021-02-16 17:55:33
5380
3
原创 REACT 项目中使用LESS，以及支持装饰器语法模式配置CRACO.CONFIG.JS配置
本文章向大家介绍react 项目中使用less，以及支持装饰器语法模式配置craco.config.js配置，主要包括react 项目中使用less，以及支持装饰器语法模式配置craco.config.js配置使用实例、应用技巧、基本知识点总结和需要注意事项，具有一定的参考价值，需要的朋友可以参考一下。一、需要安装的依赖如果需要使用antd则先执行：yarn add antd安装cracoyarn add @craco/craco安装less插件yarn add cra..
2021-02-15 16:16:11
1060
原创 mac osx平台上一些常用软件
个人在mac上使用的一些常用软件：解压专家Oka压缩文件的解压软件，支持各种压缩包文件的解压Alfred全电脑搜索软件，可以全电脑搜索目标，如软件，文件夹，文件等HandBrake视频文件的转码软件，可以转换视频文件成其它格式Intaglio画图软件，尤其画流程图方便iTerm终端软件，可以设置自己喜欢的样式，支持多标签窗口MindNode思维导图软件，可以写笔记，也可以写流程图PostmanAPI接口测试软件，支持各种方法测试接口Robo 3Tmongodb 数据库的图形操
2021-01-23 19:13:43
261
1
原创 Node 核心模块介绍及使用
Node 核心模块Node 为 JavaScript 提供了很多服务器级别的 API。例如文件操作fs模块，http 服务构建的http模块，path路径模块，os操作系统信息模块。使用方法var fs = require('fs');var http = require('http');在 node 中，没有全局作用域，只有模块作用域（文件作用域）path 路径操作模块路径模块操作的基本方法path.basename(path,ext)获取一个路径的文件名(默认包含扩展名)..
2021-01-20 00:13:42
352
原创 vue2一些知识点
一、计算属性1.1.计算属性的本质computed:{set(),get()}1.2.计算属性与 methods 对比计算属性在多次使用时，只会调用一次它是有缓存的二、事件监听2.2.参数问题btnClickbtnClick(event)btnClick(abc,event)->$event2.3.修饰符stoppreventonceself三、条件判断3.1.v-if/v-else-if/v-else3.2.v-show 与 v-if 的区别四、
2021-01-20 00:08:24
103
原创 针对于大段文本一行显示
针对于大段文本一行显示禁止换行white-space: nowrap;溢出隐藏 overflow: hidden;末尾省略号text-overflow: ellipsis;
2021-01-20 00:07:29
75
原创 移动端应用一些问题及解决办法
1.fastclick-解决移动端点击300ms的延迟安装fastclicknpm install fastclick --save导入fastclick->Main.jsimport FastClick from 'fastclick';使用fastclickFastClick.attach(document.body);2.vue-lazyload-图片懒加载安装vue-lazyloadnpm install vue-lazyload --save
2021-01-20 00:06:17
128
原创 vuex知识点
vuex1.actions 可以返回一个 Promise2.vuex 各属性函数可以映射到组件component.vue组件内import {mapActions,mapGetters} from 'vuex'//...methods:{ ...mapActions(['addCount']); ...mapGetters(['addToCart','addCount'])}$bus 事件总线兄弟组件，或是没有关系组件之间传递事件Main.js//main.js注册
2021-01-20 00:04:29
64
原创 react脚手架配置代理总结
react脚手架配置代理总结方法一在package.json中追加如下配置"proxy":"http://localhost:5000"说明：优点：配置简单，前端请求资源时可以不加任何前缀。缺点：不能配置多个代理。工作方式：上述方式配置代理，当请求了3000不存在的资源时，那么该请求会转发给5000 （优先匹配前端资源）方法二第一步：创建代理配置文件在src下创建配置文件：src/setupProxy.js编写setupProxy.js配置具体代理规则：const
2021-01-19 23:12:46
93
转载 react一些新语法特性
1. setStatesetState更新状态的2种写法 (1). setState(stateChange, [callback])------对象式的setState 1.stateChange为状态改变对象(该对象可以体现出状态的更改) 2.callback是可选的回调函数, 它在状态更新完毕、界面也更新后(render调用后)才被调用 (2). setState(updater, [callback])------函数式的setSta
2021-01-19 23:05:24
117
原创 redux和react-redux的基本使用
1.求和案例_redux精简版 (1).去除Count组件自身的状态 (2).src下建立: -redux -store.js -count_reducer.js (3).store.js： 1).引入redux中的createStore函数，创建一个store 2).createStore调用时要传入一个为其服务的reducer 3).记得暴露store对象 (4).count_reducer.js： 1).reducer的..
2021-01-19 23:04:01
206
原创 react-router路由的基本使用
一、todoList案例相关知识点 1.拆分组件、实现静态组件，注意：className、style的写法 2.动态初始化列表，如何确定将数据放在哪个组件的state中？ ——某个组件使用：放在其自身的state中 ——某些组件使用：放在他们共同的父组件state中（官方称此操作为：状态提升） 3.关于父子之间通信： 1.【父组件】给【子组件】传递数据：通过props传递 2.【子组件】给【父组件】传递数据：通过props传递，要求父提前给子传递一个函数 4.注意defa
2021-01-19 23:00:45
422
原创 Web浏览器常用事件
Web浏览器常用事件浏览器窗口事件load页面加载完成时触发beforeunload窗口关闭之前触发unload窗口关闭时触发focus窗口得到焦点时触发blur窗口失去焦点时触发error页面上有脚本报错时触发resize窗口大小改变时触发contextmenu弹出右键菜单时触发鼠标事件mousedown当在元素上按下鼠标按钮时触发mouseover当鼠标指针移动到元素上时触发mousemove当鼠标指针在元素上移动时触发mouseout当鼠标指针移出元
2020-12-17 15:48:43
423
原创 Nodejs及服务端基本知识
Node 核心模块Node 为 JavaScript 提供了很多服务器级别的 API。例如文件操作fs模块，http 服务构建的http模块，path路径模块，os操作系统信息模块。使用方法var fs = require('fs');var http = require('http');在 node 中，没有全局作用域，只有模块作用域（文件作用域）path 路径操作模块路径模块操作的基本方法path.basename(path,ext)获取一个路径的文件名(默认包含扩展名)pa
2020-06-24 00:13:56
298
原创 MongoDB基本介绍和基本使用
MongoDB关系型数据库和非关系型数据库表结构就是关系型表与表之间的关系所有的关系型数据库都需要通过sql语言来操作所有的关系型数据库在操作之前都需要设计表结构数据表还支持约束唯一的主键默认值非空非关系型数据库非关系型数据库非常的灵活有的非关系型数据库就是 key-value 对MongoDB 是有点像关系型数据库的非关系型数据库不需要设计表结构，可以任意存放数据，没有结构性一说数据库 -> 数据库数据表 -> 集合(数组)表记录 ->
2020-06-24 00:05:43
133
转载 JavaScript防抖和节流
一. 认识防抖和节流1.1. 对防抖和节流的认识防抖和节流的概念其实最早并不是出现在软件工程中，防抖是出现在电子元件中，节流出现在流体流动中而JavaScript是事件驱动的，大量的操作会触发事件，加入到事件队列中处理。而对于某些频繁的事件处理会造成性能的损耗，我们就可以通过防抖和节流来限制事件频繁的发生；防抖和节流函数目前已经是前端实际开发中两个非常重要的函数，也是面试经常被问到的面试题。但是很多前端开发者面对这两个功能，有点摸不着头脑：某些开发者根本无法区分防抖和节流有什么区别（面试
2020-06-16 11:47:07
478
转载 js 对象拷贝
js 对象拷贝在JavaScript中，数据类型分为两大类：基本数据类型和复杂数据类型。基本数据类型包括Number、Boolean、String、Null、String），而复杂数据类型包括Object、Function、Array。而对于基本数据类型来说，复制一个变量值，本质上就是copy了这个变量。一个变量值的修改，不会影响到另外一个变量。let val = 123;let copy = val;console.log(copy); //123val = 456; /
2020-06-16 10:56:10
126
转载 Git 的M,T,D,A,U标志是什么意思
在使用git checkout , git status，或git diff files时会出现奇怪的标志。如M,T,D,A,R,U等等。如：# git checkout masterM cpp-iniparser文件cpp-iniparser前面有个M. git的这些奇怪标志是什么意思呢。A: 增加的文件.C: 文件的一个新拷贝.D: 删除的一个文件.M: 文件的内容或者mode被修改了.R: 文件名被修改了。T: 文件的类型被修改了。U: 文件没有被合并(你需要完成合并才能进
2020-05-31 09:38:18
2685
原创 vim编辑器一些基本使用
vim编辑器linux自带的编辑器wim a.php 使用vim编辑a.php文件i 可编辑命令esc 退出编辑命令:进入Command 模式wq 保存退出vim
2020-05-27 00:40:45
92
原创 前端应学Linux一些基本命令
基本命令:ls 查看目录中的文件ls -a 显示隐藏文件(.git .开头的文件会默认隐藏)ls -al 显示目录下所有文件的详细信息ls src 查看src目录文件ll 显示目录内容mkdir 新建目录pwd 显示工作路径cd 进入目录touch a.js 新建一个空白a.js文件cat a.js 查看a.js文件内容rm -f file1 删除一个叫做 ‘file1’ 的文件’rmdir dir1 删除一个叫做 ‘dir1’ 的目录’rm -rf dir1 删除一个叫做
2020-05-27 00:36:02
162
原创 关于Git推送错误：error: failed to push some refs to...
git push -u origin master项目推送时遇Git推送错误：To gitee.com:jialewang-code/html5_learn.git ! [rejected] master -> master (non-fast-forward)error: failed to push some refs to 'git@gitee.com:jialewang-code/html5_learn.git'hint: Updates were rejected b
2020-05-27 00:25:41
246
原创 终端使用Sublime Text打开文件设置
默认shell在终端输入以下命令sudo ln -s "/Applications/Sublime\ Text.app/Contents/SharedSupport/bin/subl" /usr/bin/subl使用zsh打开.zshrc配置文件，在最后输入以下代码保存alias subl="'/Applications/Sublime Text.app/Contents/SharedSupport/bin/subl'"alias nano="subl"export EDITOR="subl
2020-05-24 16:35:42
402
原创 Vue移动端应用的一些问题及使用库
1.fastclick-解决移动端点击300ms的延迟安装fastclicknpm install fastclick --save导入fastclick->Main.jsimport FastClick from 'fastclick';使用fastclickFastClick.attach(document.body);2.vue-lazyload-图片懒加载安装vue-lazyloadnpm install vue-lazyload --save
2020-05-20 18:25:31
129
原创 vs code快速创建vue模板
vs code->首选项->用户片段->vue.json，打开vue.json文件，在里面输入以下代码即可：{ "Print to console": { "prefix": "vue", "body": [ "<template>", " <div></div>", "</template>", "", "<script>", "export default {", "
2020-05-20 18:18:39
143
原创 快速创建在html5编写的vue模板
vs code->首选项->用户片段->html.json，打开html.json文件，在里面输入以下代码即可： { "Html5-Vue": { "prefix": "Vue", "body": [ "<!DOCTYPE html>", "<html lang=\"zh-CN\">", "<head>", "\t<meta charset=\"UTF-8\">", "\t<meta name=
2020-05-20 18:14:28
348
原创 Mac上搭建nginx教程的基本做法
1、安装Homebrewruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 期间需要输入mac密码进度条结束就OK啦2、安装nginxbrew install nginx 3、验证结果1.启动nginxbrew services start nginx2.重启brew services restart nginx3.关闭brew services
2020-05-20 11:15:05
95
原创 VS CODE中常用的一些插件
平常用VS CODE编辑代码，总免不了要安装一些插件，用以更好了编辑代码，以下列表是本人常用的一些插件：1.Auto Close Tag自动闭合html标签2.Auto Rename Tag自动修改相应的闭合标签3.Chinese (Simplified) Language Pack for Visual Studio Code修改界面语言为中文简体4.Code Runner安装运行代码功能，包括右键功能和功能按钮5.Code Spell Checker代码检查，帮助检查代码错误6.D
2020-05-17 19:26:31
339
原创 长文本一行显示省略号的CSS
禁止换行white-space: nowrap;溢出隐藏 overflow: hidden;末尾省略号text-overflow: ellipsis;
2020-05-17 18:43:03
128
原创 Vue开发一些npm命令
全局安装npm install webpack@3.6.0 -g 本地开发安装依赖 npm install webpack@3.6.0 --save-dev 开发安装多个依赖 npm install --save-dev babel-loader@7 babel-core babel-preset-es2015Vue CLI2 初始化项目 vue init webpack my-projectVue CLI3 初始化项目vue create my-project...
2020-05-16 16:37:21
104
原创 运行Vue项目时报错解决办法
运行以前的Vue项目时报错解决办法：Vue项目报错：npm ERR! code ELIFECYCLE npm ERR! errno 126运行vue项目报如下错误：npm ERR! code ELIFECYCLEnpm ERR! errno 126npm ERR! todos@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`npm ERR! Exit status 126
2020-05-16 16:25:05
3600
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人