- 博客(33)
- 收藏
- 关注
RSS订阅原创 极品-React中的DOM虚拟DOM,与deff算法,router
在react中state中存放的是数据初次渲染时react会根据state(model),创建出一个虚拟DOM树然后经过render将虚拟DOM形成出真实的DOM当数据发生变化的时候(setState())他会生成一个新的虚拟DOM树通过deff算法计算上一次的值和新更新的值有什么新的变化最后render只会将更新的内容渲染到真实DOM上...
2021-07-30 21:05:55
251
原创 极品-React生命周期详情,hooks
React生命周期常用的生命周期的方法有：1.constructor()constructor()中完成了React数据的初始化，它接受两个参数：props和context，当想在函数内部使用这两个参数时，需使用super()传入这两个参数。注意：只要使用了constructor()就必须写super(),否则会导致this指向错误。 constructor(props) { super(props) this.state = { co
2021-07-29 20:54:36
300
原创 极品-------React的组件通信,生命周期,受控组件,与非受控组件
React中的主要的组件通信有一.父传子二.子传父三.兄弟相传一.父传子父组件传递数据给子组件1.父组件中引入子组件import Family from "./family";2.在父组件中使用子组件 <Family/>3.父组件提供要传递的state数据 state = { Lastname:"火娃", }4.给子组件标签添加属性.值为state中的数据 <Family name={this.state.Lastname}/>5
2021-07-27 21:16:22
134
原创 React基本使用,JSX,事件
要使用React需要引入React所对应的文件这两个标签就是加载react<script src="https://unpkg.com/react@17/umd/react.development.js" crossorigin></script><script src="https://unpkg.com/react-dom@17/umd/react-dom.development.js" crossorigin></script>基本使用rea
2021-07-26 20:34:04
165
原创 极品vue3中setup的细节,以及定义多个响应式reactive
vue3 setup reactive作用: 定义多个数据的响应式const proxy = reactive(obj): 接收一个普通对象然后返回该普通对象的响应式代理器对象响应式转换是“深层的”：会影响对象内部所有嵌套的属性内部基于 ES6 的 Proxy 实现，通过代理对象操作源对象内部数据都是响应式的<script lang="ts">import { defineComponent, reactive } from "vue";export default define
2021-07-02 16:05:34
2521
1
原创 极品vue3,你必须学会的东西
// 程序的主入口文件,ts文件,是main.ts// 引入createApp函数,创建对应的应用,产生应用的实列对象import { createApp } from 'vue'// 引入App组件(所有组件的父级组件)import App from './App.vue'// 创建App应用返回对应的实列对象,调用mount方法进行挂载createApp(App).mount('#app')<template><!-- vue2中html模板中必须要有一对跟标签,v
2021-07-01 19:48:28
163
1
原创 极品ts配置
ts中配置文件tsconfig{ // tsconfig.json是js编译器的配置文件,ts编译器可以根据它的信息来对代码进行编译 // "include": []用来指定那些ts文件需要被编译 // 路径:**表示任意目录, // *表示任意文件 // "exclude": [], 不需要被编译的文件目录 // 默认值:["node_modules","bower_component","jspm_packages"]
2021-06-30 21:24:50
1600
1
原创 小程序中封装数据请求
封装数据请求export const request=(params)=>{//ajaxtime++//wx.showLoading({ // title:'加载中', // mask: true, // }); return new Promise((resolve,reject)=>{ wx.request({ ...params, success:(res)=>{ resolve(res)
2021-06-29 20:57:11
169
1
原创 小程序中的页面配置属性
<page-meta background-text-style="{{bgTextStyle}}" background-color="{{bgColor}}" background-color-top="{{bgColorTop}}" background-color-bottom="{{bgColorBottom}}" scroll-top="{{scrollTop}}" page-style="color: green" root-font-size="16px"
2021-06-29 20:47:12
152
1
原创 极品小程序布局,其他组件
在小程序中也有布局属性类型默认值必填说明最低版本hover-classstringnone否指定按下去的样式类。当 hover-class="none" 时，没有点击态效果1.0.0hover-stop-propagationbooleanfalse否指定是否阻止本节点的祖先节点出现点击态1.5.0hover-start-timenumber50否按住后多久出现点击态，单位毫秒1.0.0hover-stay-timenumber
2021-06-28 20:49:10
135
2
原创 极品小程序组件
小程序进度条<view class="progress-box"> <progress percent="20" show-info stroke-width="3"/></view><view class="progress-box"> <progress percent="40" active stroke-width="3" /> <icon class="progress-cancel" type="cancel"
2021-06-25 20:47:42
111
2
原创 极品小程序,方法我都有
创建一个新的小程序项目的时候会直接生成初始文件这是初始文件app.json里设置小程序初始面的属性"window":{ "backgroundTextStyle":"light", "navigationBarBackgroundColor": "#eb4450", "navigationBarTitleText": "猴式商场", "navigationBarTextStyle":"white" },属性类型默认值描述最低版本navi
2021-06-24 20:46:05
268
3
原创 极品小程序组件
小程序中的请求数据在小程序的js文件中直接request直接提示回车wx.request({ url: 'example.php', //仅为示例，并非真实的接口地址 data: { x: '', y: '' }, header: { 'content-type': 'application/json' // 默认值 }, success (res) { console.log(res.data) }})请求数据的各种属性组件中的轮播
2021-06-23 20:53:54
59
1
原创 极品小程序中的自定义组件,以及页面的生命周期,应用的生命周期,以及tabber原始文件个个是做什么的
1.一般我们把自定义组件放在components这个文件夹下在components文件夹下创建一个文件右键 新建component2.那个组件需要使用在哪个组件的json文件中写入路径以及起一个名字3.然后在该组件的wxml文件中使用就是在json文件中所起的名字,以名字为标签显示应用的生命周期页面的生命周期小程序中tabber的实现在文件中直接taber直接有提示!!!tabber必须有两个路径才可以必须两条小程序编辑器的工具个个分布自定义组件中父传子很简单和vu.
2021-06-22 21:15:13
82
3
原创 极品微信小程序简单介绍
微信小程序,简称小程序是不用下载安装即可使用的应用,用户扫一扫或搜一下即可打开应用为什么要用微信小程序1.微信用户量很高2.推广app或者公众号成本其实太高3.小程序开发适配低4.容易小规模试错,然后快速迭代5.跨平台...
2021-06-21 21:10:17
353
1
原创 webpack 打包 图片资源,打包字体,自动化编译
webpack 打包图片资源打包图片资源要引用插件webpack.config.js文件const {resolve} = require('path')const HtmlWebpackPlugin = require('html-webpack-plugin')module.exports = { entry :'./src/index.js', output:{ filename:'built.js', path:resolve(__dir
2021-06-10 21:28:50
174
1
原创 极品webpack,打包方法,
webpack在学习webpack之前你的计算机上得有1.node.js前往node.js官网下载https://nodejs.org/zh-cn/ //node.js官网2.安装全局webpack前往webpack官网也可以下载,版本不合的话https://webpack.docschina.org/ //webpack官网npm install --save-dev webpackwebpack打包1.将所在文件初始化npm init //命令行执行执行完命令
2021-06-09 21:15:06
292
5
原创 极品简介webpack 是什么
什么是webpackwebpack 是一种前端资源构建工具，一个静态模块打包器(module bundler)。在 webpack 看来, 前端的所有资源文件(js/json/css/img/less/…)都会作为模块处理。它将根据模块的依赖关系进行静态分析，打包生成对应的静态资源(bundle)webpack的基本安装指令npm initnpm i webpack webpack-cli -g 全局安装npm i webpack webpack-cli -D 安装到开发中,开发依赖web
2021-06-08 21:39:50
87
2
原创 git,远程库操作,git命令行命令
在GitHub创建远程库地址复制远程库地址到命令行中给远程库地址起别名git remote add 别名 远程库地址git remote -v 查看远程库方式本地厂库添加到远程厂库git push 起的别名 分支名master(分支名)—>master意思是从本地库传入至远程库克隆远程库git clone 远程库地址使用过克隆的好处初始本地库,不在需要自己初始完整把远程库下载到本地同时也起好了远程库别名当别人新改完文件后自己的库是不会变的,需要爬取gi
2021-06-08 21:22:31
99
1
原创 极品,git简介,安装,方法
版本管理器集中式管理svn----------------------------------------------------------------------------------单点故障分布式管理 gitgit的优势大部分操作都在本地完成,不需要联网完整性保证尽可能添加数据而不是删除修改数据分支操作非常快捷与linux命令全面兼容git的解构工作区,=>git add 暂存区,=> git commit本地库工作区,编写代码本地库,历史版本暂存区临时
2021-06-07 21:21:47
104
原创 不会还有人,还不知道js中数组的所有方法吧
<script> // 数组放法 shift unshift toString concat join spilce slice reverse sort // find返回第一个符合条件的元素 // findindex返回第一个符合条件元素的下标\ // entires获取数组的索引和下标 //shift 数组方法,删除数组中的地一个值,并会返回第一个值 let arr = [1,2,3,4,
2021-06-06 20:05:03
47
1
原创 不会还有人,还不知道js中字符串的所有方法吧
<script> //字符串方法charAt(index) //startswidth检测数组是否有指定的开头 //charAt字符串方法返回index值所对应的字符串值 let arr = 'Hellow word' console.log(arr.charAt(1))//e console.log(arr) console.log(arr.length)
2021-06-06 20:01:05
46
1
转载 极品vue面试题,所有面试迎面而解
1.vue优点？答：轻量级框架：只关注视图层，是一个构建数据的视图集合，大小只有几十kb；简单易学：国人开发，中文文档，不存在语言障碍 ，易于理解和学习；双向数据绑定：保留了angular的特点，在数据操作方面更为简单；组件化：保留了react的优点，实现了html的封装和重用，在构建单页面应用方面有着独特的优势；视图，数据，结构分离：使数据的更改更为简单，不需要进行逻辑代码的修改，只需要操作数据就能完成相关操作；虚拟DOM：dom操作是非常耗费性能的， 不再使用原生的dom操作节点，极大解放d
2021-06-06 19:50:02
141
1
原创 在js中let和const,var的区别
let1.et 声明的变量只在 let 命令所在的代码块内有效2.const,let 只能声明一次 var 可以声明多次:错误的编写let a = 123let a = 'heihiehei'console.log(a)//会直接报错var a = 123var a = 'heihei'//会变成替代,代码从上往下执行console.log(a)//最后输出会是heihei3.const,let 不存在变量提升，var 会变量提升在定义前调用console.log(a)let
2021-06-06 19:39:07
66
原创 简解同步与异步,看过的人都会了
1.同步:举个例子5个人去饭店第一个客人点了一份菜,饭店要把第一个客人的菜做好,才会去问第二个客人,依次都是一样.2.异步:第一个客人点了菜,店员会给第一个客人一个号,然后就会去问第二个客人,依次进行,那个菜先好,那个人先拿到菜.总结:同步执行代码如果在请求数据,他会把数据全都请求回来才会执行下面的代码,这样会让用户体验感极差,但是异步是你在请求数据,你慢慢请求,我接着执行下面的代码.不会等待.所以推荐使用异步,大多时都是使用异步,很少使用同步....
2021-05-30 20:21:49
61
1
原创 简解async与await,学会它你没问题
async和await是ES6新增的放法用于处理异步函数的1.async 表示这是一个async函数， await只能用在async函数里面，不能单独使用async function test() { await new Promise((resolve, reject) => { setTimeout(() => { resolve('success') }) })}test()2.async 返回的是一个Promise对象，await就是等待这
2021-05-30 19:13:27
49
原创 极品Sass简介
什么是Sass1.世界上最成熟、最稳定、最强大的专业级CSS扩展语言2.Sacc是一门高于CSS的语言,它能用来 清晰的、结构化地描述文件样式,有着比普通CSS更加强大的功能.3.能够提供更简洁、更优雅的语法、同时提供多种功能来创建可维护和管理样式表4.css预处理器Sass的原理Sass本质就是在CSS的语法的基础上增加了自定义的变量、循环、分支、函数、mixin、继承、运算等功能.但是浏览器不认识Sass语法,开发者写完Sass的语法文件后需要通过工具转为Css语法在Sass中使用变量
2021-05-29 20:43:35
109
原创 极品js简介
js是由"网景(Netscape) "公司开发的javascript和java没什么关系最早叫LiveScript，网景公司只是为了借着Java语言比较火将名字改成JavaScript一.为什么要用js这门语言运行在浏览器中，只要有浏览器就能运行js简洁,不需要多方干预js的优点1.使用JavaScript可以在客户端进行数据验证，节省服务器端的资源2.可以方便地操纵各种页面中的对象，使网页更加友好3.使多种任务仅在客户端就可以完成而不需要网络和服务器的参与学习js同时也要注意js的局限性
2021-05-28 14:40:44
84
2
原创 vueX的核心的概念
vuex的核心概念vuex的核心概念有五种分别是1.State2.Getters3.Mutation4.Action5.ModuleState特性1.就是一个仓库，仓库里面放了很多对象。2.state里面存放的数据是响应式的，Vue组件从store中读取数据，若是store中的数据发生改变，依赖这个数据的组件也会发生更新3它可以通过mapState把全局的 state和getters 映射到当前组件的 computed 计算属性中Getter特性1.getters 相当于vue中的
2021-05-22 19:40:02
182
原创 vuex是什么,以及用vuex的好处,和单界面状态管理
Vuex是一个专为vue.js应用程序开发的状态管理模式。它解决了组件之间同一状态的共享问题。它采用集中式存储管理应用的所有组件的状态多个组件使用的一些***数据,方法全部集中起来***,别的组件要使用的话也就形成了调用关系,调用集中起来的方法就好极大的减少了代码量…使用vuex的好处1.多层嵌套的组件、兄弟组件间的状态会更好管理维护。2缓存一些当前要使用请求远程或本地的数据集（刷新后会自己销毁）。3有了第二条，就可以减少向服务器的请求，节省资源。如果你的用户足够多，那么每多出一个请求，对公司来说
2021-05-22 19:22:24
364
原创 为什么要用vuex
vuex:简单来说：对vue中多个组件的共享状态数据进行集中的管理vue组件中共享的状态与数据,有什么是在多个组件中重复使用的比如:1.用户的头像,登录状态,以及地理位置的显示,用户名称.可以看到下面的论坛与问答同时是都显示着头像信息,多个组件都在共同使用2.收藏,购物车物品等等.这些状态信息数据,都可以放在统一的地方,进行管理,而且它们是响应式的.什么情况使用vuexVuex 可以帮助我们管理共享状态，同时也附带了更多的概念和框架。这需要对短期和长期效益进行权衡。如果不打算开发大型单
2021-05-22 16:27:27
242
原创 js中隐私转换与!!代表什么
js中的!!代表着什么!!在js中有着隐式转换的作用,把属性转为Boolean型在编辑器中进行隐式转换-------------------------------------------------------------------------------------------------------------------------页面显示...
2021-05-21 20:51:07
124
1
原创 jQuery中remove()和detach()的区别
jQuery中remove()和detach()的区别共同点:remove()和detach()都可以删除在DOM中所匹配的元素.detach()方法:$("p").detach(); //p代表所匹配的标签.remove()方法:$("p").remove(); //p代表所匹配的标签.不同点:remove()方法删除的很彻底,附加的事件,数据都会被删掉.detach()方法没有删除的很彻底,附加的事件,和数据会被保留下来,如果下一次创建用detach()方法删除的标签,他之前的事件
2020-11-03 11:01:48
214
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人