- 博客(28)
- 收藏
- 关注
RSS订阅原创 React 进阶（三）
React脚手架创建 React 脚手架！！！注：项目名称不许有大写字母执行 create-react-app 项目名称创建完成后他会提示你四条命令！！！注：yarn eject 命令是不可逆的谨慎操作yarn start 运行项目yarn build 打包项目yarn test 启动测试运行程序yarn eject 暴露配置文件根据提示 使用cd进入项目目录 在执行 yarn start 启动项目启动成功后页面状态如下图react 文件目录pub
2021-08-01 23:13:38
174
原创 React 进阶教程（二）
refs组件内的标签可以定义ref属性来标识自己，他会返回一个dom节点字符串写法（官方不建议使用）！！！注：在脚手架的检查模式中会报错class Demo extends React.Component{ showData = ()=>{ console.log(this.refs.input1) } render(){ return( <div> <inpu
2021-07-29 22:56:44
175
原创 React进阶教程
什么是 JSX 语法JSX 是一个看起来很像 XML 的 JavaScript 语法扩展。为什么要使用 JSX！！！注：如果使用的时 JSX 语法一定要引入 babel.js 文件，还要在 script 标签上声名 style=“text/babel” 这样浏览器才能把 JSX 的语法编译成功 。添加 style=“text/babel” 的作用是为了让浏览器使用 babel 转移后在编译 他可以让我们在 js 中直接写标签来定义模板JSX 语法规范jsx语法规则：定义虚拟DOM时
2021-07-28 00:51:05
489
原创 React 基础入门
什么是React介绍描述用于动态构建用户界面的 JavaScript 库(只关注于视图)由Facebook开源React的特点声明式编码组件化编码React Native 编写原生应用高效（优秀的Diffing算法）React高效的原因使用虚拟(virtual)DOM, 不总是直接操作页面真实DOM。DOM Diffing算法, 最小化页面重绘。React 基础react使用方法案例 hello word创建方法一 原生 js 创建新建一个 html 文件并创建
2021-07-26 23:20:11
96
原创 TypeScript 结合 webpack 使用
4、webpack通常情况下，实际开发中我们都需要使用构建工具对代码进行打包，TS同样也可以结合构建工具一起使用，下边以webpack为例介绍一下如何结合构建工具使用TS。步骤：初始化项目进入项目根目录，执行命令 npm init -y主要作用：创建package.json文件下载构建工具npm i -D webpack webpack-cli webpack-dev-server typescript ts-loader clean-webpack-plugin.
2021-07-01 21:50:29
171
1
原创 快速了解 TypeScript 的用法
TypeScript简介TypeScript是JavaScript的超集。它对JS进行了扩展，向JS中引入了类型的概念，并添加了许多新的特性。TS代码需要通过编译器编译为JS，然后再交由JS解析器执行。TS完全兼容JS，换言之，任何的JS代码都可以直接当成JS使用。相较于JS而言，TS拥有了静态类型，更加严格的语法，更强大的功能；TS可以在代码执行前就完成代码的检查，减小了运行时异常的出现的几率；TS代码可以编译为任意版本的JS代码，可有效解决不同JS运行环境的兼容问题；同样的功能，TS的代码
2021-06-30 23:39:09
220
2
原创 教你快速入门 uni-app
uni-app介绍 官方网页uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。即使不跨端，uni-app同时也是更好的小程序开发框架。具有vue和微信小程序的开发经验，可快速上手uni-app为什么要去学习uni-app？相对开发者来说，减少了学习成本，因为只学会uni-app之后，即可开发出iOS、Android、H5、以及各种小程序的应用，不需要再去
2021-06-29 22:04:30
573
6
原创 小程序开发 常用 API
常用APIwx.navigateTo (页面跳转)保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用 wx.navigateBack 可以返回到原页面。小程序中页面栈最多十层。参数Object object属性类型默认值必填说明urlstring是需要跳转的应用内非 tabBar 的页面的路径 (代码包路径), 路径后可以带参数。参数与路径之间使用 ? 分隔，参数键与参数值用 = 相连，不同参数用 & 分隔；如 ‘path?key
2021-06-28 21:42:10
728
6
原创 小程序 —— 终章
button属性属性类型默认值必填说明最低版本sizestringdefault否按钮的大小1.0.0typestringdefault否按钮的样式类型1.0.0plainbooleanfalse否按钮是否镂空，背景色透明1.0.0disabledbooleanfalse否是否禁用1.0.0loadingbooleanfalse否名称前是否带 loading 图标1.0.0form-typest
2021-06-24 21:35:14
276
2
原创 小程序（三）
条件渲染当标签不是频繁切换显示 优先使用 wx:if 当标签频繁切换显示的时候 优先使用 header wx:if他是通过标签的创建和销毁来达到隐藏效果wx:if=‘条件’相当于原来的 if 判断<view wx:if='1<2'>123</view> <!--显示-->wx:elif=‘条件’相当于原来的 else if 判断<view wx:if='1>2'>123</view> <!--隐藏--
2021-06-23 20:47:19
285
3
原创 微信小程序（二）
小程序相关基本标签view （快标签）<view></view>image（图片标签）！！！注：图片要给相对路径<image class="tp" src="1.png"></image>text（文本标签）<text>hello world</text>模板语法使用 {{}} 来输出（可以做运算）<text>{{name}}</text>Page({ data:{
2021-06-22 21:20:18
428
2
原创 入坑 微信小程序
微信小程序什么是小程序？2017 年度百度百科十大热词之一微信小程序，简称小程序，英文名 Mini Program，是一种不需要下载安装即可使用的应用( 张小龙对其的定义是无需安装，用完即走，实际上是需要安装的，只不过小程序的体积特别小， 下载速度很快，用户感觉不到下载的过程 )小程序刚发布的时候要求压缩包的体积不能大于 1M,，否则无法通过，在 2017 年 4 月做了改进，由原来的 1M 提升到 2M；2017 年 1 月 9 日 0 点，万众瞩目的微信第一批小程序正式低调上
2021-06-21 20:57:20
476
原创 大佬带你学 Webpack（一）
webpack一、什么是webpackwebpack 是一种前端资源构建工具，一个静态模块打包器( module bundler )。 在 webpack 看来, 前端的所有资源文件( js / json / css / img / less / … ) 都会作为模块处理。 它将根据模块的依赖关系进行静态分析，打包生成对应的静态资源( bundle )。二、webpack 的作用通过入口文件找寻依赖文件引入进来这个引入的文件叫chunk(代码块) 编译代码块里代码编译城浏览器可识别的代码叫
2021-06-10 21:44:17
130
原创 git 进阶
什么是Git 工作区、暂存区和版本库工作区：本地长裤使用的文件夹暂存区：存放在 .git 目录下的 index 文件里，所以我们把暂存区有时也叫作索引（index）。版本库：使用 git init 初始化后生成的 .git文件，是 Git 的版本库不算工作区。git操作流程一、基本操作流程1) 初始化仓库执行 git init 指令给本地仓库初始化执行完后可以看见文件夹多了一个隐藏文件2) 给工作区创建文件并查询文件状态执行 echo 指令创建一个文件他会生成一个内容
2021-06-08 22:05:43
304
1
原创 初学 Git 入门
一、 什么是Git ？Git 他是一个版本控制器，用来记录一个项目所有的历史版本，可以快速回退到某个想回到的版本。在多人开发的时候他还有一个合并代码的作用，对于原来程序猿在线下合并时浪费的时间和合并时的错误来说有了非常良好的改善，避免了不少人为合并的错误，也减少了大量时间。二、为什么使用Gitgit 他是一个分布式的版本控制器它相比 svn集中式的版本控制器 来说要更加好用不会因为服务器的宕机而停止工作，也不会因为服务器损坏而丢失项目的历史记录，他会把每一台电脑都当成一个服务器，只要有一个工作
2021-06-07 21:27:12
159
原创 js setInterval 间接调用 和 setTimeout 延迟调用
时间调用!!!在时间调用中的普通函数 this 指向的是 window !!!推荐使用箭头函数setInterval 间接调用在规定的执行时间内反复执行某段函数写法格式：setInterval(函数,时间(毫秒数))案例：// 每间隔 1000 毫秒执行一次中间的函数setInterval(function(){ console.log(1)},1000)setTimeout 延迟调用写法格式：setTimeout(函数,时间(毫秒数))案例：// 每间隔 1000
2021-06-06 19:34:07
88
原创 spread 扩展运算符 和 rest 参数的区别
rest 参数ES6 引入 rest 参数，用于获取函数的实参，用来代替 arguments 主要用于整合、== 注意：rest 参数非常适合不定个数参数函数的场景 ==//作用与 arguments 类似function add(...args){ console.log(args); //[1,2,3,4,5]}add(1,2,3,4,5);// rest 参数必须是最后一个形参function minus(a,b,...args){ console.log(a,b,ar
2021-06-06 19:06:05
229
原创 如何判断 js 的数据类型
判断 js 的数据类型typeof 它会返回数据类型!!!注：它只能判断基本类型!!!注：它返回出来的内容是字符串var a = 123;console.log(typeof a); //Numbervar a="123"console.log(typeof a); //Stringvar a={}console.log(typeof a); //Objectvar a=nullconsole.log(typeof a); //Object（空对象）var a=tru
2021-06-06 16:49:53
94
原创 快速了解 Date 日期对象
日期对象创建日期对象的方法日期对象被创建以后，会获得本地（电脑上的时间）系统时间var dat = new Date();console.log(dat) // 输出结果是当前电脑时间 // Fri Jun 04 2021 19:05:50 GMT+0800 (中国标准时间)将时间转换为字符串toString() 方法 (将日期时间转换为普通字符串)var dat = new Date()console.log( dat.toString() )
2021-06-06 16:35:17
233
原创 Vue 指令大全 ( 萌新 小白 必看 )
Vue指令大全v-html（输出标签）被v-html指令解析完输出标签<body> <div id="app"> <p v-html="haha"></p> </div> <script> new Vue({ el: "#app", data: { haha: "<h1>我是哈哈<
2021-05-30 19:09:33
135
2
原创 Es6 Set 和 Map 方法
!!!Map和set方法只能被for of 和forEach遍历set 集合 对象（可遍历）创建let se = new Set()console.log(se) //Set(0){}let se2 = new Set(["张三","李四","王五","张三"]) //set会自动去重console.log(se2) // Set(3) {"张三", "李四", "王五"}方法size // 个数add() // 添加delet
2021-05-28 19:31:25
123
原创 Es6 class类
class类概念ES6提供了更接近传统语言的写法，引入Class（类）这个概念，作为对象模板。通过class关键字，可以定义类。基本上，Es6的class可以看作只是一个语法糖，他的绝大部分功能，ES5都可以做到，新的class写法只是让对象原形的写法更加清晰、更像面向对象编程的语法而已。知识点class声明类constructor定义构造函数初始化extends继承父类super调用父级构造方法static定义静态方法和属性父类方法可以重写创建方法class jianjie{
2021-05-28 14:55:20
93
原创 Es6 新增 箭头函数
什么是箭头函数Es6 的箭头函数不在用function来声名，而改用为 => 来声名。箭头函数多数用在回调函数中箭头函数的注意点:如果形参只有一个，则小括号可以省略函数体如果只有一条语句，则花括号可以省略，函数的返回值为该条语句的执行结果箭头函数 this 指向声明时所在作用域下 this 的值箭头函数不能作为构造函数实例化不能使用 arguments 改用 rest 来获取实参如何使用赋值调用它本身是匿名函数直接使用需要拿一个变量接一下无参数时 必须加小括弧// 无参数
2021-05-28 14:26:08
106
原创 计算属性 (computed) 和监听属性 (watch)
计算属性 (computed)什么是计算属性计算属性： 见名思意 就是用来做计算的最后通过 return 返回一个值在 computed 属性对象中定义计算属性的方法在页面中使用{{方法名}}来显示计算的结果触发条件调用后初始触发一次只有在computed 属性对象中定义计算属性的方法内的属性被修改时才会触发计算属性如果两次结 果相同它会利用缓存机制直接使用上次的结果同时调用多次在内容没有变化的情况下只会执行一次，计算属性有内部缓存计算属性的写法 new Vue({ el:
2021-05-23 01:33:00
1653
原创 快速学会 Vuex 中的 Map 映射方法
映射方法映射方法可以让我们使用 Vuex 的方法是更加简洁会减少大量的代码！！！mutations 和 actions 需要映射到 methods 里，而 state 和 getters 则需要映射到 computed 里 一、普通映射export default new Vuex.Store({ state: { str: "我是映射过去的 state 方法" }, mutations: { fun1(){ console.log("我是映射过去的 muta
2021-05-23 00:33:52
713
原创 快速上手 Vuex
文章目录前言一、Vuex是什么？二、使用步骤1.引入库2.读入数据总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、Vuex是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下（示例）：import numpy as npimport pa
2021-05-23 00:33:24
218
原创 快速了解 Vuex 中的 Modules 属性
这里写目录标题Modules是什么modules 里面的内容和 store 下的五个属性 state、mutations、actions、getters、modules 一样，功能也相同他的写法有三种1.直接在Modules里写2.写在文件上部3.每个模块分别写一个js文档Modules 里面的属性1命名空间Modules是什么当需要在 Vuex 里做大量代码操作时整个文件会变得特别乱，代码会变的不是很好梳理，而 Vuex 中的 modules 属性解决了这个问题Vuex 允许我们将 store 分割成
2021-05-23 00:32:47
791
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人