- 博客(51)
- 收藏
- 关注
RSS订阅
原创 【ReactJs学习笔记总目录】
目录目录笔记主目录案例实战实战代码Download笔记主目录案例实战【todoList】实战代码Download(github：KuanG97) 下载实战代码 ClickHere》...
2018-08-09 16:08:21
992
原创 【Javascript 学习笔记总目录】
笔记主目录案例实战实战代码Download笔记主目录这里写链接内容案例实战DOM — — 图库二级联动这里写链接内容实战代码Download这里写链接内容...
2018-07-27 16:56:56
793
原创 【安利一波前端开发推荐使用的工具】
目录目录编辑器Sublime Text3Package Control插件管理Emmet插件JsFormat插件SideBarEnhancements插件TrailingSpaces插件Autoprefixer插件Visual Stdio屏幕截取/测量/拾色工具FSCaputure（FastStone Capture）PS切图/标注插件Parke...
2018-07-26 17:48:04
884
原创 【微信小程序学习笔记03】【如何做到好的复用准备，我的做法如下仅供参考】
目录这是本人的学习笔记，其中代码或描述若有不足部分敬请指点，万分感谢！文章目录目录@[toc]常用到东西（适合前后端分离）准备参考如下config.js文件请求中实际调用config.js中的common.js文件common.js里的用于复用的函数调用界面提醒Toast、Modal、Loading、跳转链接navigatorTo刷新PullDownRefresh发起请求微信授权与登录涉及的核...
2019-09-27 10:37:08
232
原创 【前端Js基础】【巩固学习+自我总结+结合面试题】
【Javascript学习笔记】目录文章目录目录@[toc]关于面试一些面试题JS基础原型-原型链作用域-闭包异步-单线程JS-WEB-API（考的较多）DOM操作Ajax事件绑定JS开发环境（为了效率高）版本管理模块化打包工具运行环境页面渲染性能优化快捷链接关于面试自信手不要比划无论何时不要跳过基础直接学工具或框架（扎实基础有高效学习）一些面试题战略：注意面试题的考点，...
2018-11-27 23:11:01
625
原创 【前端面试题整理】【Js基础+概念理解】
目录文章目录目录@[toc]1.Js基础this几种不同的使用场景类型=== 和 ==setTimeout（）和setInterval（）随机数2.概念理解DOM、BOM变量提升闭包（函数内部和函数外部连接的桥梁）作用域同步和异步ajaxjson微信小程序，React循环里的key面向对象（对象是对现实世界事务的理解和抽象）跨域事件冒泡快捷链接1.Js基础this几种不同的使用场景作为构...
2018-11-19 18:45:24
534
原创 flex布局
文章目录基本概念容器的属性flex-direction主轴的方向（即项目的排列方向）flex-wrap换行flex-flow流形式justify-content主轴上的对齐align-items交叉轴上的对齐align-content多根轴线的对齐方式，如只有一根轴线，该属性不起作用项目的属性order项目的排列顺序flex-grow存在剩余空间之下项目的放大比例flex-shrink存在空间不足...
2018-09-18 15:25:16
227
原创 【微信小程序学习笔记02理解与初始准备】【实战天气微信小程序】
目录目录注册小程序账号，获取AppID开发准备删快速模板中不必要的代码视图层何为WXML数据绑定列表渲染条件渲染模板事件何为WXSS快捷链接注册小程序账号，获取AppID要在手机微信上运行测试小程序，必须获取AppID。开发准备删快速模板中不必要的代码删除 app.js 中的所有代码。 这里会存储整个小...
2018-09-16 16:20:13
570
原创 前端性能优化总结
目录目录参考文档前端性能总结加载优化脚本执行优化CSS优化JavaScript执行优化参考文档【阮一峰网络日志】网页性能管理详解 【淘宝团队前端优化】无线性能优化：页面可见时间与异步加载 移动H5前端性能优化指南 Chrome 渲染优化 - 层模型前端性能总结加载优化加载过程是最为耗时的过程，可能会占到总耗时的80%时间，因此是...
2018-09-09 12:13:17
1878
原创 玩转CSS动画及3D正方体
目录目录目标实现正方体的效果Transition理解transition-timing-function的参数如下图以上使用到的css部分代码理解浏览器查看或者尝试修改贝塞斯曲线3D场景以上使用到的代码animate开始动手实战代码Download快捷链接目标实现正方体的效果Transition理解transition...
2018-08-31 17:56:55
677
原创 【Javascript学习笔记】【ES6：函数的扩展】
目录目录函数参数的默认值与解构赋值默认值结合使用默认值的位置函数的length属性作用域快捷链接函数参数的默认值直接写在参数定义的后面，若无该参数才会使用默认值。function log(x, y = 'World') { console.log(x, y);}log('Hello') // Hello Worldlog('Hello...
2018-08-30 17:51:38
189
原创 使用Dva及AntDesign，官网实战后的学习理解
目录目录关于Dva官网的项目实战讲解全局安装dva查看dva版本，存在则可用dva命令创建应用打开应用查看初始配置理解效果警告快捷链接关于DvaDva是基于 redux、redux-saga 和 react-router 的轻量级前端框架。官网的项目实战讲解官网的项目实战 ClickHere》全局安装dva有-g...
2018-08-30 17:34:45
3121
原创 使用Ant Design Pro，一个企业级开箱即用的中后台前端
目录* 此文仅是个人自学理解的学习笔记，若有不对之处敬请指导更正，谢谢！ *目录Ant Design Pro了解安装使用方法一：clone方法二： ant-design-pro-cli运用新手常遇到的问题实战代码Download快捷链接Ant Design Pro了解Ant Design Pro 是一个企业级开箱即用的中后台前...
2018-08-30 16:49:17
19730
6
原创 快速看懂SaaS、CRM、OA、ERP、HR、进销存系统
目录目录各种模式理解SaaS系统（Software-as-a-Service 软件即服务）CRM系统（Customer Relationship Management 客户关系管理）OA系统（Office Automation 办公自动化）ERP系统（Enterprise Resource Planning 企业资源计划）HR系统（human resource softwar...
2018-08-29 10:13:15
2356
原创 javascript实时查看上传的图片
目录目录效果代码jshtml实战代码Download快捷链接效果代码jsfunction UploadImg(file) { var MAXWIDTH = 260; var MAXHEIGHT = 180; var div = document.getElementById('preview...
2018-08-28 18:07:22
344
原创 【React学习笔记】【使用AntDesign】
【Javascript学习笔记】目录目录使用antdDesignyarn安装antdDesignyarn引入antdDesign高级配置方便引用引入 react-app-rewired 并修改 package.json 里的启动配置。使用 babel-plugin-import优化好了的评论功能效果源码下载快捷链接使用antdDe...
2018-08-28 17:22:24
386
原创 【Javascript学习笔记】【查询HTTP请求+Ajax入门】
目录目录Ajax理解同步和异步HTTP请求完整的HTTP请求过程请求响应状态码基础创建 XMLHttpRequest 对象XMLHttpRequest发送请求XMLHttpRequest取得响应例子实战#处理跨域——代理或JSONP方法JSONP常用状态码实战代码Download快捷链接...
2018-08-28 17:05:30
223
原创 【ReactJs学习笔记】【状态和生命周期+单向数据流理解】
目录目录生命周期理解方法状态设置状态的唯一位置——构造函数实战代码Download快捷链接生命周期理解方法//构造函数constructor(props) { super(props); this.state = {date: new Date()}; }//生命周期的方法(此处按照先后顺序写)： co...
2018-08-28 16:59:35
669
原创 【Javascript学习笔记】【函数定义与调用+关键字arguments+多行return】
目录目录定义函数function指出函数定义函数赋值给了变量的函数定义调用函数传参规则关键字arguments用途判断传入参数的个数注意ReturnES6拓展快捷链接定义函数function指出函数定义function 函数名(参数) { ...}注意：一旦执行到return时，函数就执行完毕。没有r...
2018-08-23 17:43:40
208
原创 【Javascript学习笔记】【ES6：let/var声明变量与作用域+const声明常量+变量的解构赋值】
目录目录声明变量Let适用场景for快捷链接声明变量Let ES6 新增了let命令，用来声明变量。用法类似于var，但是只在代码块内有效。{ let a = 10; var b = 1;}a // undefined.b // 1适用场景for快捷链接全部React学习笔记的目录 Click...
2018-08-23 16:06:40
361
原创 【ESLint问题记录】
目录目录报错——ESLint: Unary operator ‘++’ used. (no-plusplus)报错——ESLint: Expected ‘===’ and instead saw ‘==’. (eqeqeq)报错——ESLint: ‘_’ is not defined. (no-undef)报错——ESLint: Missing radix parameter. (...
2018-08-23 14:59:06
7290
原创 【WebStorm常用指南】【包含设置+快捷键+插件】
目录目录关于WebStorm自定义各类操作主题快捷键建议其他配置取消safe write集成Git集成 Eslint安装 Editorconfig 插件CodeGlanceTabSwitch窗口快捷链接关于WebStorm WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开...
2018-08-22 13:55:02
3934
原创 【ReactJs学习笔记】【子组件将数据传给父组件 && 模拟发送更新给服务端】
【Javascript学习笔记】目录目录CommentForm新添加的内容传给爸爸CommentBox理解代码效果更新评论状态代码效果优化结构代码效果快捷链接CommentForm新添加的内容传给爸爸CommentBox理解父组件通过一个函数，将之交给子组件提交的函数。让子组件告诉他有人添加了信息，并将对应信息放进该...
2018-08-14 15:24:59
412
原创 【ReactJs学习笔记】【事件Event && 得到浏览器显示的元素refs用于表单取值】
【Javascript学习笔记】目录目录onClick点击事件onKeydown按下键盘事件onCopy复制事件onSubmit提交表单得到浏览器上显示的元素refs，获取对应from的内容代码效果快捷链接onClick点击事件onKeydown按下键盘事件onCopy复制事件onSubmit提交表单尝试：Comm...
2018-08-14 14:49:02
341
原创 【ReactJs学习笔记】【状态State && 用JQ和ajax从服务器端得到数据】
【Javascript学习笔记】目录目录数据准备传递数据的链接模拟数据JQuery准备安装jspm包管理在本地目录安装包管理下载JQuery检查依赖配置状态StateJQuery&&Ajax效果快捷链接数据准备传递数据的链接index.js- var commen = [- { "auth...
2018-08-14 14:24:15
435
原创 【ReactJs学习笔记】【父子组件用于传递数据— —Props】
【Javascript学习笔记】目录目录属性Props原理下面代码理解代码效果从父组件（祖先）获得数据代码效果快捷链接属性Props原理1.父组件通过属性的形式向子组件传递参数，而子组件通过this.props.xxx获取父组件传递过来的参数。 2.父组件获取子组件的传递值（即子组件与父组件的通信），子组件要调用父组件传...
2018-08-14 13:16:44
945
原创 【ReactJs学习笔记】【Chrome安装react审查插件&&组件】
目录目录Chrome安装react审查插件组件创建并导出组件引用组件尝试直接将新组件放置到对应标签快捷链接Chrome安装react审查插件react developer tools拓展安装包下载 ClickHere>> 拖动下载了的.crx文件到拓展程序，显示如下 打开react项目，并用开发者工具，即可看到 ...
2018-08-14 10:59:55
1462
原创 【ReactJs学习笔记】【编译生产环境的React应用】
目录目录package.json 本地服务器打开编译好的项目可以快速以当前路径为根目录建立服务的工具pushstate-server快捷链接package.json"scripts": { "start": "react-scripts start", "build": "reac
2018-08-14 09:45:31
1149
原创 【React学习笔记】【应用的结构】
目录目录package.json文件刚创建好react项目的大概内容public/index.html页面src/index.js入口文件src/APP.js组件快捷链接package.json文件刚创建好react项目的大概内容{ "name": "pro", "version": &am
2018-08-14 09:20:51
236
原创 【win10 && vsCode 常用快捷键】
目录目录Win10vsCode快捷键 常用插件Emmet快捷链接Win10ctrl + shift + delete 快速清除浏览器缓存window + d 返回桌面window + e 快速访问(我的电脑)alt + tab 快速查看打开的应用与窗口window + tab 当前桌面应用，还可新建多桌面(虚拟桌面)window...
2018-08-13 14:27:08
1349
原创 Less最佳入门实战
目录目录注释变量混合带参数带参数,带默认值匹配模式嵌套@arguments变量避免编译总代码快捷链接注释//该注释不会被编译 /* 该注释会被编译 */ 变量less@testBg:blue;@testWidth:300px;/*变量例子出现的内容*/body{ width:@testWidth; ...
2018-08-13 10:59:26
1099
原创 【ReactJs学习笔记】【01创建项目】
目录目录环境在 create-react-app 中使用安装和初始化安装 create-react-app 工具新建一个项目进入项目并启动快捷链接环境node+npm在 create-react-app 中使用create-react-app 是业界最优秀的 React 应用开发工具之一安装和初始化安装 create-reac...
2018-08-09 17:01:24
226
原创 【webpack入门笔记】
目录目录npm初始化安装webpack安装Jquery依赖使用JQuery注意事项打包总结npm初始化安装了package.json，其中-y可有可无，不过-y可避免繁琐的选择yes/no的配置npm init -y安装webpack安装了node-model/文件夹cnpm install -D webpack webpack...
2018-08-09 16:18:48
233
原创 【ReactJs学习笔记】【边实战边学习— —todoList慕课】
目录目录了解结构最终效果知识点重点难点最初目录结构效果代码index.js部分todoList.js新增列表项之获取input里面的value效果代码修改todoLiat.js部分删除列表项效果代码修改todoLiat.js部分拆分组件之——多组件概念父子组件之间的信息传递最终功能效果代码修改todoLiat.js部分...
2018-08-09 16:16:11
340
原创 【建站】【搭建网站环境 && 发布内容】
目录目录安装Apache添加Linux用户&设置密码修改目录权限启动Apache:Filezila安装ApachePHP集成环境yum -y install httpd添加Linux用户&设置密码注意siteadmin为用户名，可自行定义adduser -d /var/www/html `siteadmin`pa...
2018-08-09 11:47:49
259
原创 【JavaScript学习笔记】【Input— —限制输入为数字之H5 vs JS vs 正则表达式】
【Javascript学习笔记】目录目录H5优缺点效果代码JS优缺点代码正则表达式优缺点代码常用的正则表达式快捷链接H5优缺点优点：简单快捷； 缺点：不够灵活；不可限制复杂数字，只适用于整数。效果代码<input type="number" name=""><inp
2018-08-02 17:42:15
357
原创 【Javascript学习笔记】【常用form操作— —Input】
目录目录文本或者表单内容的禁止复制与粘贴代码限制输入框只能输入数字代码回车提交代码方法一方法一引用到的知识点快捷链接文本或者表单内容的禁止复制与粘贴代码html部分 <h2>禁止复制与粘贴</h2> <input type="text" name="copyPaste" id="...
2018-08-02 17:01:49
250
原创 【Javascript学习笔记】【DOM实战+对象— —密码强度实时认证】
目录目录密码强度实时认证效果权重规则代码引用到的知识点快捷链接密码强度实时认证效果权重规则字符权重： 数字1，字母2，其他字符3规则： 党密码长度小于6时不符合标准； 长度>=6，强度<10；————弱 长度>=6，强度>=10且<15；————中 长度>=6，强度>=15；————...
2018-08-02 16:52:49
192
原创 【Javascript学习笔记】【input、textArea实时显示剩余可输入的字数】
目录目录实时显示剩余可输入的字数效果代码快捷链接实时显示剩余可输入的字数效果代码html部分 &lt;h2&gt;实时显示剩余可输入的字数（字母，数字，中文都算一个字）&lt;/h2&gt; &lt;h&gt;昵称:&lt;/h&gt; &lt;input type="
2018-08-02 16:45:22
2599
原创 【Javascript学习笔记】【02Map && Set && iterable类型】
目录目录MAPMAPMap是一组键值对的结构，具有极快的查找速度。
2018-08-01 17:37:58
158
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人