- 博客(65)
- 收藏
- 关注
RSS订阅原创 小程序学习第五天（云开发，behaviors，computed计算属性，工程优化 ，发布上线）
一、云开发wxml<!--pages/index/index.wxml--><view class="container"> <input type="text" model:value="{{phone}}" bindinput="input" placeholder="请输入账号"/> <input type="text" model:value="{{pass}}" bindinput="input" placeholder...
2021-12-31 17:40:38
800
原创 小程序学习第四天（常用界面api,获取用户信息，weui组件库，云开发初识）
常用界面api及案例常用界面API：wx.showToast()、wx.showLoading()、wx.hideLoading()、wx.setNavigationBarTitle()获取用户信息授权过程：https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/authorize.html## 通过API获取用户信息wx.getUserProfile({ }) 获取用户信息页面产生点击事件（..
2021-12-30 18:43:25
921
原创 小程序学习第三天（组件，导航，自定义组件，组件通信，api）
容器组件1.滑动视图容器```html<!-- 滑块视图容器 默认有150px高度 swiper内部必须嵌套swiper-item --><view class="swiper"> <swiper autoplay interval="2000" circular previous-margin="50" next-margin="50" bindchange="swiperchange"> <swiper-ite...
2021-12-29 19:31:51
323
原创 小程序学习第二天(WXML语法,WXSS样式,事件系统,WXS脚本语法 ,组件)
视图层概述(1)框架的视图层由 WXML 与 WXSS 编写，由组件来进行展示。(2)将逻辑层的数据反映成视图，同时将视图层的事件发送给逻辑层。(3)WXML(WeiXin Markup language) 用于描述页面的结构。(4)WXS(WeiXin Script) 是小程序的一套脚本语言，结合 WXML，可以构建出页面的结构。(5)WXSS(WeiXin Style Sheet) 用于描述页面的样式。(6)组件(Component)是视图的基本组成单元。WXML语法https:.
2021-12-28 17:57:55
388
原创 小程序学习第一天（工具安装，配置，逻辑层，场景值）
微信开发简介1.微信开发概述概述（1）微信开发即微信公众平台开发，将企业信息、服务、活动等内容通过微信网页的方式进行表现，用户通过简单的设置，就能生成微信网站。 （2）通俗的说，就是微信对外提供了例如聊天、支付、分享、收藏等功能，同时还提供了丰富的封装好的接口，开发者利用这些接口和功能，写入程序中，进行的开发。目的（1）企业开发的需要,使自己更加符合企业发展的需求 （2）个人的发展以及技能的提升 （3）发展前景大、生态系统丰富平台（1）微信开放平台 （2）微信公众平台...
2021-12-27 18:51:33
340
原创 React (hooks)
hooks hooks介绍 什么是hooks 不编写类的情况下使用 state(状态) 和其他 React 功能,hooks是在react16.8新增功能 主要解决的问题 1.用于在函数组件中引入状态管理和生命周期方法. 2.取代高阶组件和render props来实现抽象和可重用性. 3.完全脱离'类',便可写出一个全功能的组件. 优点 1.避免在被广泛使用的函数组件在后期迭代过程,需要承担一些副作用,而必须重构成类组件. 2.帮助函数组件引入状态管
2021-12-20 19:26:58
221
原创 React ( Action Creator/ ActionTypes/reducer/redux devTools调试工具/react-redux/redux高阶/项目目录设计)
Action Creator：action创建函数是将action作为一个函数进行封装,为了在store和view中进行方便调用 actionCreator = { // changeName是一个函数，是actionCreator的一个方法. // 调用这个方法，就会返回一个对象，这个对象就是action changeName: (name) => ({ type: CHANGENAME, name: name }), changeAge: (age) =&g...
2021-12-17 20:22:24
255
原创 React (fetch redux初识 state action reducer getState dispatch .subscribe 取消监听 ActionTypes Action Crea）
axios数据交互 安装axios cnpm i axios --save2.发起http请求 this.axios.get('/api/menulist').then(res=>{ console.log(res); }) this.axios.post('/api/menuedit', {pid: '345sdfj'}).then(res=>{ console.log(res); }) 配置代理之手动配置 安...
2021-12-17 16:01:03
323
原创 React 过渡动画 路由 ui
过渡动画 下载react-transition-group cnpm i react-transition-group --save CSSTransition实现单元素过渡动画 (1) unmountOnExit:退出时实现卸载该组件，该属性必须添加 (2) in:控制元素显示状态的 state 状态数据 (3) timeout:过渡动画效果持续时间，单位为毫秒 (4) classNames:指定过渡动画类名前缀(需要自定义两组四个过渡动画需要的 css 类选择器) (5) onEnte
2021-12-15 21:19:33
1081
原创 React 生命周期 表单元素处理 ref属性 性能优化 HOC高阶组件
React 生命周期 表单元素处理 ref属性 性能优化 HOC高阶组件
2021-12-14 20:42:36
795
原创 React 初识
React第一天 React的初步介绍 react是有facebook公司的前端开发团队进行开发和维护的一套js库 react一切皆组件，all in JS react是用来构建web用户交互界面 react提供一套虚拟DOM(virtual dom),机制 react中facebook专为其提供一套语法糖---jsx 优点: 一切皆组件，在react中几乎全是使用组件进行开发 速度快，react提供了虚拟dom机制, 跨浏览器
2021-12-13 20:08:20
1455
原创 axios
一.axios简介网址:axios中文网|axios API 中文文档 | axiosaxios是一个基于Promise的http库,支持浏览器端和node.js端 从浏览器中创建 XMLHttpRequests 从 node.js 创建 http 请求 支持 Promise API 拦截请求和响应 转换请求数据和响应数据 取消请求 自动转换 JSON 数据 客户端支持防御 XSRF 二.安装及配置 npm
2021-12-02 19:08:02
658
原创 Vue 组件通信 scoped ref属性 is动态组件 插槽 混入 缓存组件
v-if与v-show的生命周期影响再深刻认识 v-if和v-show以及组件的生命周期 v-if对组件的生命周期每次都会执行一遍 而v-show只会执行一遍。1. scoped 样式的问题我们需要为一个.vue中的style添加一个scoped属性，以保证样式也是局部的。<style scoped></style> app.vue中的样式是全局的 <style>.box{ margin:20px; ...
2021-11-29 20:00:11
550
原创 Vue 过渡动画 组件 脚手架安装
1.过渡动画(了解)1.一般对元素的添加,修改或者删除时,需要使用过渡动画2.在大型应用中,使用过渡动画一般在导航切换3.在vue中使用过渡动画的地方: v-if(条件判断) v-show(条件展示) 动态组件(component)总结:一般实现过渡动画需要结合CSS样式.1-1 transition组件在vue中系统提供了一个组件为transition,将需要实现过渡动画的元素被transition组件进行包裹即可.语法:
2021-11-25 19:27:12
429
原创 webpack
WebPack4.X配置指南一、简介（一）WebPack简介Webpack是一个前端自动化打包工具，根据它的名字也很好理解，web-pack顾名思义就是前端打包工具，它是基于Node和NPM的，所以在安装使用webpack之前，需要安装nodejs，nodejs的版本过低也不行，所以推荐安装nodejs版本为v8.11.2以上，npm版本为v5.6.0以上。二、项目建立（一）项目建立第一步：新建一个文件夹，命名为mywebpack;第二步：在cmd命令框中使用cd命令切...
2021-11-25 19:25:08
361
原创 Vue 生命周期 侦听器 计算属性 （百度搜索，购物车案例） 过滤器
1.生命周期表示的是一个vue实例对象的一个轮回。人的生命周期。一个月内要办理出生证明以及去派出所办户口、打疫苗从技术上来考虑，这8个生命周期就是8个函数，也叫生命周期钩子函数 。不需要自己手动调用，它是在相应的时机上自动触发的，语法上这8个函数不在methods中。 beforeCreate 创建之前 created 创建完成 ： 最早发送ajax的地址在这里 beforeMount 挂载之前 mounted 挂载完成 ： 有些项目中，一些开发者也在这
2021-11-24 20:10:34
441
原创 Vue 表单、事件处理、$set 生命周期
1. 指令综合案例-信息表<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...
2021-11-23 20:25:40
877
原创 Vue 初体验
第1阶段：html css 。 浮动、定位布局、mdeia（百分比）、响应式、flex、rem布局<tagname key="value"></tagname><tagname key="value" />selector{ key:value;}第2阶段：得保证嵌套标签要合理 ，逻辑思维，编程思维。声明变量、数据类型、运算符（算术、赋值、比较、逻辑、三目）、 声明函数( 参数、this )、分支语句（ if,switch ），..
2021-11-22 21:25:06
301
原创 Ajax 接口开发规范
# 一、接口开发规范(RESTful api)### 1.1 简介RESTful规范，是目前一种比较流行的互联网软件设计规范。这个规范约束的就是路由地址应该如何定义，返回的json接口数据应该如何规范。**什么是RESTful规范的API?****当我们使用RESTful规范来设计我们应用程序接口(API)时对于同一个资源(比如：班级、学生、成绩等)的路径使用同一个，然后通过不同的请求方式来区别具体的操作(比如：添加、修改、删除等)。**### 1.2 优点：使开发者在进行独立开
2021-11-11 08:38:11
265
原创 数据库 增删改查
# 一、数据库介绍## 1.1 什么是数据库？ 数据库（database）是用来**组织**、**存储**和**管理数据**的仓库。要想管理数据就需要安装对应的软件：比如我们的excel。## 1.2 常见数据库**常用的关系型数据库有**：(1)MySQL 数据库,目前使用最广泛、流行度最高的开源免费数据库 (甲骨文)(2)Oracle 数据库，收费 (甲骨文)(3)SQL Server 数据库，收费 (微软)以上三种属于传统型数据库，又叫...
2021-11-05 20:09:48
300
原创 文件上传 cookie session ejs模板引擎
# 一、项目开发流程把前端给的文件一一归类。1、html页面放在views文件夹2、静态资源放在static或public3、配置一些post中间件（因为要接收post传递过来的参数）4、配置开放静态资源的中间件# 二、文件上传## 2.1 前端**注意：**当表单中含有<input type="file">文件上传的表单项，则要把表单的编码设置为流媒体格式才能把用户选择的要上传的文件内容上传到服务器上```html<body> &...
2021-11-04 20:26:08
175
原创 Express 中间件
一、中间件1.1 简介中间件（Middleware），特指业务流程的中间处理环节。我们可以把中间件比作工厂中的车间。比如：在处理铁矿石的时候，一般都要经过三个处理环节，从而保证处理过后的矿石达到标准的钢材。处理铁矿石的这三个中间处理环节，就可以叫做中间件。而中间件其实是路由的升级，也能达到请求的匹配，只不过必须要进行下一步处理，以到达最终的路由匹配，就像在工厂中生产产品，最后必须要出厂。1.2 中间件的好处1.3 中间件执行流程当一个请求到达Express的服务器之后
2021-11-03 21:00:45
119
原创 Ecpress 路由
一、简介Express是基于基于 Nodejs平台，快速、开放、极简的 Web 开发框架【后端框架】。中文地址：Express - 基于 Node.js 平台的 web 应用开发框架 - Express 中文文档 | Express 中文网官网地址：Express - Node.js web application framework作用：使用 Express，我们可以方便、快速的创建 Web 网站的服务器或 API 接口(纯json数据)的服务器。本质上：express是一个第三方包存
2021-11-02 19:45:54
340
原创 Nodejs-day03 服务器与客户端
一、服务端与客户端1.1. 什么是上网通过客户端代理工具来访问因特网（internet）进行获取各种各样的资源（文字、图片、音频、视频,....css/js）获取资源的过程就也就是享受服务的过程 。1.2 享受服务的流程1、现实生活中的服务请求：处理：响应：2、互联网上的服务(客户端与服务器端的一次请求流程)请求（request）：用户通过客户端代理工具(浏览器)向服务器发起要请求的资源处理：服务端启动对应的应用程序对用户的请求进行处理响应(res
2021-11-01 20:08:13
196
原创 Nodejs-day 02 应用程序从架构 模块系统 npm与包
一、应用程序从架构分为：C/S、B/SC/S: client:客户端server:服务器C/S的特点: 客户端需要安装C/S的缺点：客户端需要安装B/S: browser:浏览器 【重点】server:服务器B/S的特点：客户端无需安装，只要有浏览器和网络就可以随时随地来访问。B/S的缺点：客户端没有数据处理能力，所有的数据(业务)都要提交给服务器来处理，当访问量较大时服务器的压力也会增大。B/S程序的运行原理【重点】：请求：request响应：res
2021-10-29 20:03:08
158
原创 Node -day01
一、Node简介Node.js是一个能够在服务器端运行JavaScript的开放源代码、跨平台JavaScript运行环境。Node.js主要用于编写像Web服务器一样的网络应用官网地址：Node.js中文官网：Node.js 中文网1.1 什么是Node.jsNode.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境[在服务器端的运行环境]。1.2 为什么学习Node.js● 学习Node.js是为了解前后端交互流程● 同时为后面学习前端
2021-10-28 18:14:08
239
原创 ES6 第二天
```内容：ECMAScript基础日期：xx-xx-xx```# 一、...运算符【重点】## 1.1 扩展运算符(spread)1、扩展运算符的语法： ...2、扩展运算符的功能： 展开数据、收集数据### 1.1.1函数传参```javascript<script> //收集数据 //function demo(x, y, z) { function demo(...y) { //收集数据...
2021-10-27 20:55:56
167
原创 ES6 第一天
let和const命令ES6 新增了let命令，用来声明变量。ES6新增了const命令用来声明一个只读的常量。2.1 let命令2.1.1 基础用法2.1.2 let命令特点【重点】 let不存在变量提升与暂时性死区 代码案例： <script> //var有变量提升 console.log(age); var age = 20; //let不存在变量提升 ...
2021-10-26 21:02:51
373
原创 关于git
二、Git版本控制工具为什么要使用版本控制工具？【了解】在公司中开发项目时通常是多人协同开发，经常会出现代码文件相互被覆盖、代码不同步、同一个文件在电脑中存在多份等情况，如果使用版本控制工具则上面这些问题都会被解决。2.1 版本的概念(1)初指一种书籍经过多次传抄而形成的各种不同本子。随着时代的发展，版本也开始应用于软件上。(2)软件版本编号制定是指为软件设置版本号码的方式。通常，版本号码会以数字订定。如：CTS3.3.5、QQ 2021 Beta各版本的时间轴演变，每一次版...
2021-10-25 19:21:01
197
原创 js-day22 jq第三天 动画 深浅拷贝
动画show/hide/toggleshow([s,[e],[fn]])width + height + opacity不传参: 没有动画效果传参:时间: 以ms为单位运动曲线: 'swing' 'linear'回调函数: 在动画执行完成后还要执行的操作$('button').eq(0).click(function () { // $('div').show(); // $('div').show(3000); $('div').eq(0).s...
2021-10-19 19:01:07
131
原创 js-day21 jquery第二天
元素宽高client: 可视宽高innerWidth/innerHeight: 内容+内边距offset: 占位宽高outerWidth/outerHeight(布尔值):false/不传: 内容 + 内边距 + 边框true: 内容 + 内边距 + 边框 + 外边距scroll: 滚动距离console.log($('div').width(), $('div').height()); // 内容宽 内容高console.log($('div').innerWidth(
2021-10-18 20:38:57
78
原创 js-day20 jq第一天
jQuery介绍jquery: js的工具库事件处理文档的处理动画唯一变量 $ jQuery强大的选择器开源完善的文档...jquery:\1. 官网:\2. cdn: jquery (v3.6.0) - jQuery 是一个高效、精简并且功能丰富的 JavaScript 工具库。它提供的 API 易于使用且兼容众多浏览器，这让诸如 HTML 文档遍历和操作、事件处理、动画和 Ajax 操作更加简单。 | BootCDN - Bootstrap 中文网开源
2021-10-15 18:18:32
77
原创 js-day16 面向对象的继承
面向对象的继承原型链继承子类构造函数的原型对象 = 父类构造函数的实例化对象;原型链查找: 找自身 自身没有 找自身的原型对象(父类构造函数的实例化对象) 如果没有 找父类构造函数的原型对象 找object 如果没有 返回undefined 如果在哪一步找到了 直接返回结果constructor: 当前对象的构造函数原型链继承: 1. 无法识别当前对象真正的构造函数 2. 一改全改 3. 不能传参 ...
2021-10-14 19:36:52
496
原创 js-day17项目笔记
项目笔记网站逻辑: 从哪里来 就到哪里去首页点击登录 登陆后返回首页列表点击登录 登陆后返回列表页解决:在跳转页面的时候 增加页面标识符 作用标志上一个页面是谁使用哈希值#1 首页#2 列表#3 视频详情#4 视频播放#5 登录#6 注册数据渲染\1. 数据渲染请求数据\2. 将页面组成部分注释小单元被备注\3. 根据数据生成html片段 渲染到父元素中具体渲染过程 获取元素 var ban_ul = document.q
2021-10-12 17:36:37
61
原创 js-15 递归 斐波那契数列 快速排序 防抖节流 call apply 面向对象的创建
递归递归: 函数里面调用自己的函数注意: 一定要有函数结束的条件将大的操作划分小操作重复执行的时候使用报错: Uncaught RangeError: Maximum call stack size exceeded 栈溢出 ---> 原因: 递归函数没有设置结束条件// 阶乘: 6! = 6 * 5 * 4 * 3 * 2 * 1// function jc(n) {// return n * jc(n - 1);// }function jc(n) { ..
2021-10-10 14:14:39
137
原创 day14 回调函数 匿名函数 闭包 模拟私有变量 同步 异步
回调函数:执行完一个动作之后还要继续执行的函数作为实参传递的函数就是回调函数function a() { console.log(123);}function b(fn) { // fn: 形参 函数 回调函数 console.log(fn); fn();}b(a);匿名函数匿名: 没有名字的函数直接写会报错 将匿名函数转换成函数表达式 外面加() 同样具有函数的特点立即执行函数: IIFE 函数自执行 使用: 团队协作
2021-10-08 19:47:05
189
原创 jsday-12 总结
\1. 事件绑定函数\2. 事件机制区别\3. 事件解绑函数\4. 事件流概念\5. 阻止冒泡三目\6. 取消默认行为三目\7. 事件委托 原理和实现过程\8. 键盘事件事件绑定利用特定的方法可以实现给一个元素的同一个事件添加多个事件处理函数标准: 元素.addEventListener(事件类型, 事件处理函数, [是否捕获]);事件类型: 不加on事件处理函数: 函数名 函数是否捕获: 默认false冒泡 true: 捕获ie: 对象不支持
2021-09-29 20:18:30
68
原创 jsday-12 事件绑定/解绑 事件流 阻止冒泡 事件委托 取消默认行为 键盘事件 滚轮事件
事件绑定语法标准事件绑定：利用特定的方法可以实现给一个元素的同一个事件添加多个事件处理函数标准: 元素.addEventListener(事件类型, 事件处理函数, [是否捕获]);事件类型: 不加on事件处理函数: 函数名 函数是否捕获: 默认false冒泡 true: 捕获ie: 对象不支持“addEventListener”属性或方法function a() { console.log(this);}console.log(div.addEventLi..
2021-09-29 19:57:37
187
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人