![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
H5
文章平均质量分 70
八块腹肌的哥哥
这个作者很懒,什么都没留下…
展开
-
React基础入门(React 基础与JSX) --第一篇
1.React 基础1.1React 概述1.1.1什么是React?React 是一个用于构建用户界面的 JavaScript 库。用户界面:HTML页面(前端)React 主要用来写HTML页面,或构建Web应用1.1.2React的特点声名式基于组件学习一次,随处使用声明式:你只需要描述 UI(HTML)看起来是什么样,就跟写HTML一样React 负责渲染 UI,并在数据变化时更新 UI代码:const jsx = <div className="app"&g原创 2021-07-26 20:34:33 · 228 阅读 · 0 评论 -
Vue3.0入门基础教学(一)
1. 认识 Vue31) 了解相关信息Vue.js 3.0 “One Piece” 正式版在今年 9 月份发布2 年多开发, 100+位贡献者, 2600+次提交, 600+次 PRVue3 支持 vue2 的大多数特性更好的支持 Typescript2) 性能提升打包大小减少 41%初次渲染快 55%, 更新渲染快 133%内存减少 54%使用 Proxy 代替 defineProperty 实现数据响应式重写虚拟 DOM 的实现和 Tree-Shaking3) 新增特性原创 2021-07-02 20:52:34 · 491 阅读 · 0 评论 -
❤TypeScript新手入门(二)<面向对象>完结❤
第二章:面向对象面向对象是程序中一个非常重要的思想,它被很多同学理解成了一个比较难,比较深奥的问题,其实不然。面向对象很简单,简而言之就是程序之中所有的操作都需要通过对象来完成。举例来说:操作浏览器要使用window对象操作网页要使用document对象操作控制台要使用console对象一切操作都要通过对象,也就是所谓的面向对象,那么对象到底是什么呢?这就要先说到程序是什么,计算机程序的本质就是对现实事物的抽象,抽象的反义词是具体,比如:照片是对一个具体的人的抽象,汽车模型是对具体汽车原创 2021-07-01 19:10:51 · 260 阅读 · 0 评论 -
❤TypeScript新手入门(一)❤
第一章 快速入门0、TypeScript简介TypeScript是JavaScript的超集。它对JS进行了扩展,向JS中引入了类型的概念,并添加了许多新的特性。TS代码需要通过编译器编译为JS,然后再交由JS解析器执行。TS完全兼容JS,换言之,任何的JS代码都可以直接当成JS使用。相较于JS而言,TS拥有了静态类型,更加严格的语法,更强大的功能;TS可以在代码执行前就完成代码的检查,减小了运行时异常的出现的几率;TS代码可以编译为任意版本的JS代码,可有效解决不同JS运行环境的兼容问题;同原创 2021-06-30 19:39:38 · 159 阅读 · 0 评论 -
❤微信小程序项目(三)❤
7. 商品详情⻚⾯7.1. 效果7.2. 页面逻辑渲染商品详情数据接口1.首先在接口拿到数据,放在组件js文件的data中,从data中拿到数据遍历渲染到页面,使用flex容器布局css,完成之后,还有个大图预览,大图预览是小程序官方中的一个方法, 点击图片之后显示当前点击的图片进行大图预览, 大图预览的参数写在下方:wx.previewImage(Object object)以 Promise 风格 调用:支持小程序插件:支持,需要小程序基础库版本不低于 1.9.6在新页面中全原创 2021-06-29 21:08:33 · 202 阅读 · 0 评论 -
❤微信小程序项目(二)❤
6. 商品列表⻚⾯6.1. 效果6.2. 逻辑代码接⼝:商品列表请求接口加载商品列表数据代码如下:这是父组件的代码,里面包含着子组件(serachInput)和(tabs),设置好组件之后使用接口获取到数据,遍历渲染到页面上<!--pages/goods_list/goods_list.wxml--><SearchInput/><tabs tabs="{{tabs}}" bindtabsItemChange="handeleItemChange">原创 2021-06-28 22:04:31 · 187 阅读 · 1 评论 -
微信小程序基础(四)
11. ⾃定义组件类似vue中的自定义组件⼩程序允许我们使⽤⾃定义组件的⽅式来构建⻚⾯。11.1. 创建⾃定义组件类似于页面,一个自定义组件由 json wxml wxss js 4个文件组成可以在微信开发者⼯具中快速创建组件的⽂件结构在⽂件夹内 components/header ,创建组件 名为 header11.1.1. 声明组件⾸先需要在组件的 json ⽂件中进⾏⾃定义组件声明header.json{ "component": true, //现在的版本一创建就会原创 2021-06-24 20:09:32 · 161 阅读 · 1 评论 -
(二)webpack的热更新及提取css为单独文件
接上一个文档我们接着往下讲3.5 打包其他资源(只要不属于html,js,sass,css,less的)创建文件修改配置文件const { resolve } = require('path');const HtmlWebpackPlugin = require('html-webpack-plugin');module.exports = { entry: './src/index.js', output: { filename: 'built.js', path原创 2021-06-10 20:18:03 · 179 阅读 · 0 评论 -
(一)Webpack介绍小白入门四种打包方式
Webpack第 1 章:webpack 简介1.1webpack是什么webpack 是一种前端资源构建工具,一个静态模块打包器(module bundler)。在weboack看来前端的所有资源文件(js/json/css/img/less/…)都会作为模块处理.它将根据模块的依赖关系进行静态分析,打包生成对应的静态资源(bundle)。1.2 webpack 五个核心概念Entry入口(Entry)指示 webpack 以哪个文件为入口起点开始打 包,分析构建内部依赖原创 2021-06-09 21:19:51 · 1089 阅读 · 0 评论 -
Git的介绍和基本的命令
1. Git&&GitHub1.Git简介:Git是一个开源的分布式版本控制系统,可以有效、高速地处理从很小到非常大的项目版本管理。Git 是 Linus Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件。2.什么是版本控制?如果你用Microsoft Word写过长篇大论,那你一定有这样的经历:想删除一个段落,又怕将来想恢复找不回来怎么办?有办法,先把当前文件“另存为……”一个新的Word文件,再接着改,改到一定程度,再“另存为……”一个新文件原创 2021-06-09 19:44:52 · 173 阅读 · 0 评论 -
Promise回调地狱
Promise 是抽象的异步处理对象 语法 它本身就是一个类,也可以说是构造函数 构造函数需要一个 函数作为参数. 这个函数叫做"执行器函数". 1)执行器函数在创建Promise对象时立即执行. 2)Promise对象有状态和值a.pending undefinedb.resolved/fulfilled ‘哈哈’ 表示成工c.rejected ‘呜呜’ 表示失败原创 2021-06-03 13:58:05 · 156 阅读 · 1 评论 -
深拷贝与浅拷贝的区别
深拷贝 把里面的内容一个一个的复制出来,开一个新内存放进去,内存地址不一样,互不影响如下面这种为深拷贝 var a = 123; var b = a; console.log(a) //123 console.log(b) //123 a=456 console.log(b) //123深拷贝遍历数组var arr1 = [11,22,33] var arr2=[]原创 2021-06-03 13:48:16 · 165 阅读 · 1 评论 -
Cookie、session和localStorage、以及sessionStorage之间的区别
本篇文章主要是文字介绍一、Cookie、session和localStorage的区别cookie的内容主要包括:名字、值、过期时间、路径和域。路径与域一起构成cookie的作用范围。若不设置时间,则表示这个cookie的生命期为浏览器会话期间,关闭浏览器窗口,cookie就会消失。这种生命期为浏览器会话期的cookie被称为会话cookie。会话cookie一般不存储在硬盘而是保存在内存里,当然这个行为并不是规范规定的。若设置了过期时间,浏览器就会把cookie保存到硬盘上,关闭后再打开浏览器这些c原创 2021-06-03 09:46:15 · 252 阅读 · 0 评论 -
Js中的作用域和生命周期
作用域 : 变量在哪个范围区间内 可以使用生命周期 : 变量从创建后, 什么时候被销毁掉局部变量函数内部定义的变量, 只能在函数内部使用, 所以称作局部变量. 一般情况,函数执行结束,局部变量会被销毁.<script> function test(){ let a = 100 } test() alert(a) // Uncaught ReferenceError: a is not defined /原创 2021-05-28 09:49:46 · 293 阅读 · 1 评论 -
js中的箭头函数以及它的this指向
箭头函数的5种形式没有返回值的,没参数的 function a (){ console.log(111) } var a = () => console.log(111); a()没有返回值的,有参数的 function a (name){ console.log(name) } var a = (name) => co原创 2021-05-27 18:54:48 · 585 阅读 · 1 评论 -
移动web开发之流式布局介绍
流式布局目标:能够知道移动web的开发现状能够写出标准的viewport 视口能够使用移动web的调试方法能够说出移动端常见的布局方案能够描述流式布局能够独立完成移动端页面1.移动端基础1.1浏览器现状pc端常见浏览器:360,谷歌,火狐,qq,百度,搜狗,IE移动端常见浏览器:uc,qq,欧朋,百度手机,360安全,谷歌,搜狗手机,猎豹国内的UC和QQ,百度等手机浏览器都是根据Webkit修改过了的内核,国内尚无自主研发的内核,就像国内的手机操作系统都是基于Android修改原创 2021-05-27 10:16:59 · 137 阅读 · 0 评论 -
Vuex中的getter和modules
Getter介绍①从基本数据state派生的数据,相当于state的计算属性,具有返回值的方法②会返回一个新数据,不会影响到state里面的老数据③store中的数据发生变化.getter的数据也会跟着变化举例:const store = new Vuex.store({ state:{ count:0 },getters:{ userId1:function(state){ return state.count * 2 }}})它的使用方法:第一种使用方式 thi原创 2021-05-24 19:15:28 · 1355 阅读 · 0 评论 -
Vuex中的mutaion,action
Mutation用于变更Store中的数据提交更新数据的方法,必须是同步的(如果需要异步使用action)1.只能通过mutation变更store数据,不可以直接操作Store中的数据2.通过这个方式虽然操作起来稍微繁琐一些,但是可以集中监听所有数据的变化注意:里面不要执行异步操作//定义mutationconst store = new Vuex.Store({ state:{ count:0 }, mutations:{ //第一个参数是state对象 add(state)原创 2021-05-21 19:37:49 · 405 阅读 · 1 评论 -
vuex状态管理库中的State公共数据源
Vuex状态管理模式vuex是什么?是实现组件全局状态(数据)管理的一种机制,可以方便的实现组件之间数据的共享好处:①能够在vuex中,集中管理共享的数据,易于开发和后期维护②能够高效地实现组件之间的数据共享,提高开发效率③存放在vuex中的数据都是响应式的,能够实时保持数据与页面的同步安装: npm install vuex --save使用:src里面创建store文件夹创建index.js配置vuex 如图:在index.js文件中引入:import Vue from "vu原创 2021-05-21 19:25:12 · 297 阅读 · 0 评论 -
vue项目中的路由传参,更新
路由query传参首先我们先把写好的接口引入到当前文件中,方便后续使用,如图所示:我们这里先不看 {getProperty, getMenus} 这两个后端写的方法,这里我们先用{getClassify}第一步我们要请求数据,那什么时候请求呢? 肯定是在他挂载之后把数据请求过来.所以这里的代码我们这样写:这里是我们组件中data存放的数据????data() { return { classify: [], //数据库请求过来的数据 用它渲染的值 classify原创 2021-05-21 09:06:57 · 492 阅读 · 0 评论 -
项目中遇到的小知识点
Vue项目中遇到的小知识点今天来给大家说一下项目中遇到的几个小知识点1…js中的!!js中的一个!一般为取反作用,一般取反获得true的有如:null , ’ ’ , 0 , undefined 在js中隐式转换都是fals,通过!可以将它转为true!null=true!''=true!0=true!undefined=true!! 就是把任意数据类型的数据强制转换为Boolean类型 ,正常判断对象a不为空的代码if(a!=null&&typeof(a)!=un原创 2021-05-19 11:16:58 · 95 阅读 · 0 评论 -
DOM简介及选取元素(新手入门)
DOM 文档对象模型JavaScript 通过 DOM (Document Object Model) 对浏览器中打开的网页文档进行修改.document 对象浏览器窗口中的 网页文档, 被看成 DOM 模型的一个实例对象. document 对象它属于 window 对象的 子对象DOM模型呈现树状结构,因此也叫“树模型”,树中的内容(标签、属性、文本)称为“节点”,包含有元素节点(标签)、属性节点、文本节点。每个节点 都是一个dom节点对象。选取DOM节点遗留DOM 早期原创 2020-11-05 09:00:23 · 2198 阅读 · 1 评论 -
原生AJAX操作及跨域问题
原生AJAX Ajax全称“Async Javascript And XML”即:异步的javascript和XML。它是一种称谓,并不指代某项具体的技术,准确来说是一系列技术的集合.现在,所有的无刷新操作都被称为“Ajax”. 使用ajax避免了整页数据的刷新,也减少了请求等待的时间,提高了用户体验xhr 对象用一个对象发送HTTP请求var xhr = new XMLHttpRequest();XHR 对象的属性和方法属性readyState 准备阶段response原创 2020-11-03 08:13:01 · 1709 阅读 · 1 评论