摘要: 面向过程与面向对象 OC是在C的基础之上 将C复杂的繁琐的恶心的语法封装的更为简单。 #import NSLog NSString 在C语言的基础之上新增了一小部分的面向对象的语法。 代码世界的面向过程与面向对象 面向过程 在遇到一个需求的时候,实现这个需求的每一个步骤 都是自己写代码亲自一步步的实 阅读全文
posted @ 2022-04-11 18:23 HuangBingQuan 阅读(42) 评论(0) 推荐(0) 编辑
摘要: OC快速入门 OC相对于C 在C的基础之上新增了1小部分面对对象语法。 将C的复杂的、繁琐的、可恶的语法封OC基础语法装的更为简单。 完全兼容C语言。 OC程序的源文件的后缀是.m m代表message 代表OC中最重要的一个机制 消息机制 main函数 int类型的返回值 代表程序的结束状态。 m 阅读全文
posted @ 2022-04-11 18:15 HuangBingQuan 阅读(284) 评论(0) 推荐(0) 编辑
摘要: Objective-C的数据类型 OC中支持C语言的所有的数据类型 基本数据类型(int double float char) 构造类型(数组 结构体 枚举) 指针类型(int *p1) 空类型(void) typeder 自定义类型 BOOL 类型 可以存储YES或者NO的任意一个数据。 一般情况 阅读全文
posted @ 2022-04-11 17:53 HuangBingQuan 阅读(49) 评论(0) 推荐(0) 编辑
摘要: 伪类和伪元素的区别 概述 W3C定义 伪类:css伪类用于向某些选择器添加特殊效果。 伪元素:css伪元素用于将特殊的效果添加到某些选择器。 总结 首先两者都是与选择器有关,第二就是添加一些特殊效果,当然这里的特殊效果指的是两者描述了其他css无法描述的东西。 伪类种类 伪类 作用 :active 阅读全文
posted @ 2022-03-30 19:21 HuangBingQuan 阅读(38) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <!--H5标准声明,使用 HTML5 doctype,不区分大小写--> <head lang=”en”> <!--标准的 lang 属性写法--> <meta charset=’utf-8′> <!--声明文档使用的字符编码--> <meta http-equiv 阅读全文
posted @ 2022-03-26 22:46 HuangBingQuan 阅读(23) 评论(0) 推荐(0) 编辑
摘要: Mongoose是Nodejs的一个模块,这个模块可以操作MongoDB模块对数据库的操作 Mongooose是一个对象文档模型(ODM)库,它对Node原生的MongoDB模块进一步的优化封装,并提供了更多的功能。 Mongoose的好处 可以为文档创建一个模式结构(约束)(Schema) 可以对 阅读全文
posted @ 2022-03-20 19:07 HuangBingQuan 阅读(154) 评论(0) 推荐(0) 编辑
摘要: MongoDB入门 连接MongoDB 打开cmd 输入mongo 连接MongoDB,出现 > 数据库(database) 数据库是一个仓库,在仓库中可以存放集合。 集合(collection):集合类似于数组,在集合中可以存放文档 文档(document):文档是数据库中的最小单位,我们存储和操 阅读全文
posted @ 2022-03-12 00:58 HuangBingQuan 阅读(41) 评论(0) 推荐(0) 编辑
摘要: 什么是类数组 它首先是一个对象,其次与数组相似,它拥有 length 属性,但却不能使用数组的方法(Array.prototype)。只要一个对象Object,拥有 length 属性,那它就是一个类数组对象。 类数组的特性 属性要为索引(数字属性),必须有length属性,最好加上push Arr 阅读全文
posted @ 2022-03-11 00:35 HuangBingQuan 阅读(213) 评论(0) 推荐(0) 编辑
摘要: 基础指令 数据绑定 v-bind 可以简写成 : ,组件属性要使用data定义的数据变量,或者组件属性要使用表达式,要使用v-bind指令 v-model 数据双向绑定 绑定事件 v-on 事件绑定,可以简写成 @ 绑定事件,使用.stop 可以阻止事件穿透(冒泡) <view @click="c1 阅读全文
posted @ 2022-03-08 21:23 HuangBingQuan 阅读(34) 评论(0) 推荐(0) 编辑
摘要: pages 页面存放目录 static 静态文件资源目录 App.vue 应用入口文件 和小程序app.js类似 main.js 应用入口文件 注册Vue等 manifest.json 项目配置 pages.json 页面配置 common 存放公共的文件 component 自定义组件目录 sto 阅读全文
posted @ 2022-03-08 00:57 HuangBingQuan 阅读(127) 评论(0) 推荐(0) 编辑
摘要: JavaScript编程语言 介绍个好东西JavaScript--前端的灵魂! JavaScript,就是我们通常所说的JS。这是一种嵌入到HTML页面中的编程语言,由浏览器一边解释一边执行。我们都知道,前端最核心的3个技术是HTML、CSS和JavaScript。其中3者区别如下:HTML用于控制 阅读全文
posted @ 2022-02-23 23:45 HuangBingQuan 阅读(43) 评论(0) 推荐(0) 编辑
摘要: webpack指令的作用:打包项目模块生成新的js webpack 与 npx webpack的区别 webpack调用的是全局的命令。 npx webpack 而是调用package.json里的webpack npx会观察当前文件夹有没有想要运行的命令,如果没有则返回上一级查找。 阅读全文
posted @ 2022-02-22 22:15 HuangBingQuan 阅读(21) 评论(0) 推荐(0) 编辑
摘要: 作用域插槽也是一种通信方式。 特点:数据是在组件自身 目的:传递给使用该组件者且使用template 的 slot-scope来获取并插入html结构到子组件中。 例如 A组件中有个B组件,B组件里面有插槽,我们想对B组件中插入某些html结构,但是A组件中没有数据,我们可以通过 B组件插槽中传递该 阅读全文
posted @ 2022-02-21 22:34 HuangBingQuan 阅读(183) 评论(0) 推荐(0) 编辑
摘要: isNaN 和 Number.isNaN 函数的区别 函数 isNaN 接收参数后,会尝试将这个参数转换为数值,任何不能被转换为数值的的值都会返回 true,因此非数字值传入也会返回 true ,会影响 NaN 的判断。 函数 Number.isNaN 会首先判断传入参数是否为数字,如果是数字再继续 阅读全文
posted @ 2022-02-18 02:42 HuangBingQuan 阅读(70) 评论(0) 推荐(0) 编辑
摘要: JS数据类型 JS数据类型有两种:基本数据类型,引用类型 基本数据类型(SNBNUS) 字符串string,数字number,布尔boolean,null,undefined,Symbol 引用类型(OAF) 对象Object,数组Array,函数Function。 扩展 NaN是什么类型? Num 阅读全文
posted @ 2022-02-18 01:56 HuangBingQuan 阅读(214) 评论(0) 推荐(1) 编辑
摘要: 扩展运算符 ... 扩展运算符能将 数组 转换为逗号分隔的 序列参数。 const person = ['易烊千玺', '王俊凯', '王源']; let test = (...args) => { console.log(args) } function test() { console.log( 阅读全文
posted @ 2022-02-17 00:19 HuangBingQuan 阅读(333) 评论(0) 推荐(0) 编辑
摘要: ES6 引入 rest 参数,用于获取函数的实参,用来替代 argument。 ES5 获取形参方式 function fn() { console.log(arguments); } ES6 获取形参方式 let fn = (...args) => { console.log(args); // 阅读全文
posted @ 2022-02-16 23:40 HuangBingQuan 阅读(58) 评论(0) 推荐(0) 编辑
摘要: * ES6 允许给函数参数,对象数组解构,赋值默认值。 #### 应用场景 1. 形参初始值 具有默认值的参数。 ```js let add = (a, b, c = 10)=> { return a + b + c; } function add(a, b, c = 10) { return a 阅读全文
posted @ 2022-02-16 23:18 HuangBingQuan 阅读(71) 评论(0) 推荐(0) 编辑
摘要: /* 排序:Array.sort((a, b)=> {}) 排序规则: 第一项 - 第二项大于0则替换(升序) 第二项 - 第一线大于0则替换(降序) */ let arr = [99, 12, 34, 8, 996, 50]; // 升序 arr.sort((a, b)=> { return a 阅读全文
posted @ 2022-02-16 01:18 HuangBingQuan 阅读(46) 评论(0) 推荐(0) 编辑
摘要: 箭头函数的特征 this是静态的,this 始终指向函数声明时所在作用域下的this值。 如果是构造函数不能使用构造函数,会抛异常(Person is not a constructor)例如 let Person = (name, age)=> { this.name = name; this.a 阅读全文
posted @ 2022-02-16 00:00 HuangBingQuan 阅读(75) 评论(0) 推荐(0) 编辑
摘要: ES5 中新增方法 数组方法 迭代(遍历)方法:forEach()、map()、filter()、some()、every() forEach array.forEach(function(currentValue, index, arr)) currentValue:数组当前项的值。 index: 阅读全文
posted @ 2022-02-15 23:22 HuangBingQuan 阅读(185) 评论(0) 推荐(0) 编辑
摘要: json-server 环境搭建 一个在本地运行,可以存储 json数据的 server。 通俗来说,就是模拟服务端接口数据,一般用在前后端分离后,前端人员可以不依赖 API开发,而在本地搭建一个 JSON服务,自己产生测试数据。 顾名思义:json-server就是个存储 json数据的 serv 阅读全文
posted @ 2022-02-15 22:55 HuangBingQuan 阅读(333) 评论(0) 推荐(0) 编辑
摘要: 移动端常用 UI 组件库 Vant https://youzan.github.io/vant Cube UI https://didi.github.io/cube-ui Mint UI http://mint-ui.github.io PC 端常用 UI 组件库 Element UI https 阅读全文
posted @ 2022-02-14 21:43 HuangBingQuan 阅读(99) 评论(0) 推荐(0) 编辑
摘要: vue-router vue-router 是 vue的一个插件库,专门用来实现 SPA应用。 SPA 单页面 Web 应用(single page web application,SPA)。 整个应用只有 一个完整的页面。 点击页面中的导航链接 不会刷新页面,只会做页面的 局部刷新。 数据需要通过 阅读全文
posted @ 2022-02-14 21:38 HuangBingQuan 阅读(53) 评论(0) 推荐(0) 编辑
摘要: Vuex 模块化 + 命名空间 目的:让代码更好维护,让多种数据分类更加明确 修改 store.js (主模块) import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) const moduleA = { namespaced: tru 阅读全文
posted @ 2022-02-09 21:43 HuangBingQuan 阅读(195) 评论(1) 推荐(0) 编辑
摘要: 四个map方法的使用 mapState mapState方法:用于帮助我们映射 state 中的数据为计算属性 computed: { // 借助 mapState生成计算属性:t1、t2、t3(对象方法) ...mapState({t1: 't1', t2: 't2',t3: 't3'}) // 阅读全文
posted @ 2022-02-07 22:05 HuangBingQuan 阅读(128) 评论(0) 推荐(0) 编辑
摘要: getter的使用 概念:当 state 中的数据需要经过加工后在使用时,可以使用getters加工。 在 store.js 中追加 getters配置 ...... const getters = { bigSum(state) { return state.xxx * 10 } } // 创建并 阅读全文
posted @ 2022-02-07 18:31 HuangBingQuan 阅读(98) 评论(0) 推荐(0) 编辑
摘要: 小程序的版本 阅读全文
posted @ 2022-02-06 18:26 HuangBingQuan 阅读(34) 评论(0) 推荐(0) 编辑
摘要: 宿主环境 宿主环境(host environment)指得是 程序运行所必须依赖的环境。 例如:Android 系统 和 iOS 系统 是两个不同的宿主环境。 安卓版的微信 APP 是不能在 iOS 环境下运行的,所以,Android 是安卓软件的宿主环境,脱离了宿主环境的软件是没有意义的。 小程序 阅读全文
posted @ 2022-02-04 23:42 HuangBingQuan 阅读(72) 评论(0) 推荐(0) 编辑
摘要: WXML 模板 WXML 和 HTML 的区别 标签名称不同 HTML (div,span,img,a) WXML(view,text,image,navigator) 属性节点不同 <a href="#">超链接</a> <navigator url="/pages/home/home"></na 阅读全文
posted @ 2022-02-03 21:48 HuangBingQuan 阅读(41) 评论(0) 推荐(0) 编辑
摘要: 小程序结构目录 小程序文件结构和传统web对比 传统web 微信小程序 结构 HTML WXML 样式 CSS WXSS 逻辑 JavaScript JavaScript 配置 无 json 通过以上对比,传统web是三层结构,而微信小程序是四层结构,多了一层配置文件。 基本的项目目录 小程序配置文 阅读全文
posted @ 2022-02-03 03:03 HuangBingQuan 阅读(295) 评论(0) 推荐(0) 编辑
摘要: 运行环境不同 网页运行在浏览器中 小程序运行在微信环境中 API不同 由于运行环境的不同,所以小程序中,无法调用 DOM 和 BOM 的 API 但是,小程序中可以调用微信环境提供的各种API,例如: 地理定位 扫码 支付 开发模式不同 网页的开发模式: 浏览器 + 代码编辑器 小程序有自己的一套标 阅读全文
posted @ 2022-02-03 01:08 HuangBingQuan 阅读(492) 评论(0) 推荐(0) 编辑
摘要: 基本使用 初始化数据、配置actions、配置mutations、操作文件store.js // 引入Vue核心库 import Vue from 'vue' // 引入Vuex`````` improt Vuex from 'vuex' // 引用Vuex Vue.use(Vuex) const 阅读全文
posted @ 2022-02-03 00:27 HuangBingQuan 阅读(46) 评论(0) 推荐(0) 编辑
摘要: 概念 在Vue中实现集中式状态(数据)管理的一个Vue插件,对vue应用中多个组件的共享状态进行集中式的管理(读/写),也是一种组件间的通信方式,且适用于任意组件间通信。 何时使用 多个组件需要共享数据时 搭建vuex环境 创建文件:src/store/index.js // 引入Vue核心库 im 阅读全文
posted @ 2022-01-29 23:52 HuangBingQuan 阅读(21) 评论(0) 推荐(0) 编辑
摘要: 插槽 让父组件可以向子组件指定位置插入html结构,也是一种组件间通信的方式,适用于 父组件 > 子组件 分类:默认插槽、具名插槽、作用域插槽 使用方式 1. 默认插槽 父组件中: <Demo> <div>html结构1</div> </Demo> 子组件中: <template> <div> <! 阅读全文
posted @ 2022-01-28 03:54 HuangBingQuan 阅读(155) 评论(0) 推荐(0) 编辑
摘要: 取消请求的应用场景:例如用户A频繁像服务器A发送同一个接口的请求,这时候我们可以取消请求。(本质就是发送同一个请求,上一个请求没完成,下一个请求不得继续) // 取消请求 function send() { let cancel = null; return function () { if(can 阅读全文
posted @ 2022-01-27 03:42 HuangBingQuan 阅读(493) 评论(0) 推荐(0) 编辑
摘要: 一、拦截器介绍 一般在使用axios时,会用到拦截器的功能,一般分为两种:请求拦截器、响应拦截器。 请求拦截器 在请求发送之前进行必要操作处理,例如添加统一cookie、请求体加验证、设置请求头等,相当于是对每个接口里相同操作的一个封装。 响应拦截器 响应拦截器在响应数据之前进行必要的操作,只是在请 阅读全文
posted @ 2022-01-27 03:35 HuangBingQuan 阅读(609) 评论(0) 推荐(0) 编辑
摘要: Vue脚手架配置代理 方法一 在vue.config.js中添加如下配置: devServe: { proxy: 'http://localhost:xxxx' } 说明 优点:配置简单,请求资源时直接发给前端(8080)即可 缺点:不能配置多个代理,不能灵活的控制请求是否走代理 工作方式:若按照上 阅读全文
posted @ 2022-01-24 22:21 HuangBingQuan 阅读(490) 评论(0) 推荐(0) 编辑
摘要: // 下包 yarn add animate // 引入 import "animate.css" <transition appear name="animate__animated animate__bounce" // 进入 enter-active-class="动画名称" // 退出 le 阅读全文
posted @ 2022-01-24 05:15 HuangBingQuan 阅读(40) 评论(0) 推荐(0) 编辑
摘要: Vue封装的过渡与动画 作用:在插入、更新或移出 DOM 元素时,在合适的时候给元素添加样式类名。 图示: 写法: 准备好样式: 元素进入的样式 v-enter:进入的起点 v-enter-active:进入过程中 v-enter-to:进入的终点 元素离开的样式 1. v-leave:离开的起点 阅读全文
posted @ 2022-01-24 04:35 HuangBingQuan 阅读(54) 评论(0) 推荐(0) 编辑