- 博客(29)
- 收藏
- 关注
RSS订阅原创 CSS Grid布局
CSS Grid布局基本概念将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局与flex布局的区别Flex 布局是轴线布局，只能指定"项目"针对轴线的位置，可以看作是一维布局。Grid 布局则是将容器划分成"行"和"列"，产生单元格，然后指定"项目所在"的单元格，可以看作是二维布局容器属性display display: grid; // 容器 为块级元素 display: inline-grid; // 容器 为行内元素注意： 设为网格布局后，子元素的fl
2021-01-19 09:43:19
258
1
原创 【微信小程序】微信小程序入门与实战小项目笔记
目录笔记一、初识微信小程序1. 如何申请小程序`AppID`(小程序ID)2. 开发工具的基本设置3. 小程序的基本单位-Page页面二、小程序的基本目录1. 页面的4种基本文件类型2. 全局配置文件、全局样式和应用程序级别js文件三、rpx响应式单位与flex布局1. 小程序默认显示第一位的页面索引或`entryPagePath`2. 图片、文字与按钮标签3. rpx的特点4. 可以在page标签直接设置小程序的背景色四、阅读列表与详情页1.下载安装`linUI`2. 使用自定义组件3. `swiper`
2020-11-27 23:05:05
938
原创 js继承
简单了解js继承目录简单了解js继承混入式继承（拷贝）直接赋值（完全共享）浅拷贝深拷贝json自己封装拷贝方法原型式继承原型链继承借用继承组合继承class实现继承某些子类获取父类资源（属性|方法）的行为为什么需要继承？当代码变得复杂的时候，继承结构可以更好的复用代码混入式继承（拷贝）let o1 = {name: 'zs', friends: ['ls', 'ww']}let o2 = {}直接赋值（完全共享）o2 = o1浅拷贝for(let k in o1){ o
2020-06-23 23:14:17
199
原创 简述js闭包
js闭包是一种特殊的代码结构，可以间接的来访问内部私有变量可以简单的理解为是函数中嵌套函数（返回函数）举个例子function f1() { let str = '我是一段文字' return function () { return str; }}let str1 = f1()()闭包的特点可以通过闭包的结构来间接访问函数中的私有数据保护私有变量，不会污染全局作用域空间不被销毁，延长变量的生命周期闭包的概念有一个A函数，在A函数内部返回一个B函数在
2020-06-23 18:06:09
228
原创 【微信小程序】云存储上传图片
云存储上传图片//上传图片 upload(){ // 选择图片 wx.chooseImage({ count: 1, //图片数量 sizeType: ['compressed'], //压缩图 sourceType: ['album', 'camera'], //拍照 or 相册 success: (res)=> { wx.showLoading({ title: '上传中',
2020-06-01 22:26:05
578
原创 【微信小程序】云数据库操作
微信小程序云数据库操作增 const db = wx.cloud.database(); add(){ db.collection('douban') .add({ data:{ //不能进行批量添加 使用云函数方式进行批量添加 name: 'apple', category: 'fruit', price: 10, } }).then(res => {
2020-06-01 21:19:40
542
原创 小程序基本语法
小程序的基本语法文章目录小程序的基本语法WXML数据绑定简单绑定属性绑定列表渲染`wx:for``wx:key`条件渲染`wx:if`与`hidden`block wx:if模板定义模板使用模板引用importincludeWXSSrpx全局样式与局部样式js小程序的基本语法与Vue、React相似，建议先学它们，在入手小程序，将会轻松不少WXML相当于html，用于构建页面的结构数据绑定与Vue基本一致，不同的是属性节点内还需要使用双阔号包裹简单绑定<!--wxml-->
2020-05-26 17:02:44
353
原创 webpack基本使用
webpack基本使用目录webpack基本使用gulp 与 webpack 的异同如何使用webpack进行打包全局下载webpack依赖创建webpack目录配置entry(入口)与output(出口)单入口 、单出口多入口 、单出口多入口、 多出口plugins（插件）html-webpack-pluginwebpack-dev-serverstyle-loader与 [css-loader](https://www.npmjs.com/package/css-loader)node-sass](h
2020-05-18 23:34:11
372
原创 json-server的快速上手使用
json-server目录json-server全局安装 json- serve 模块准备一个 json 文件启动 json-serverGET 请求数据列表查询 list 表所有数据查询 list 表指定ID为的2数据查询 list 表中 name 为王五 且 age 为 30 的项查询的数据分页查询的数据排序查询区间数据查询包含相关文本的数据POST 添加数据DELETE 删除数据PA...
2020-04-21 19:12:29
312
1
原创 React（二）
初识React（二）目录初识React（二）ref给dom或者组件进行标记ref字符串方式回调函数的写法`React.createRef `的形式组件的数据承载(props/state)事件函数的this指向问题受控与非受控组件ref函数式组件内没有 ref 属性，因为他们没有实例何时使用管理焦点、文本选择或媒体播放触发强制动画集成第三方 DOM 库给dom或者组件进行标记...
2020-04-15 00:48:54
142
原创 React框架
初识React框架目录初识React框架React 的起源和发展React 的出发点与传统MVC的关系React Fiber构建React简易环境实现一个简单的例子jsx的原理jsx 的一些注意事项遍历数组点击切换样式函数式组件class组件React 的起源和发展React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定...
2020-04-13 23:25:06
135
原创 【vant】Toast 轻提示的简单使用
【vant】Toast 轻提示的简单使用这个文档是讲述 vant 插件的 Toast 轻提示简单上手使用前提：确保已经下载好了 vant 插件在需要使用的页面引入import Vue from 'vue'import {Toast} from 'vant'加载该中间件Vue.use(Toast)在 created 钩子函数内直接使用const toast = Toast....
2020-04-08 13:13:43
7414
原创 vue axios的拦截器配合路由守卫实现前端鉴权认证登录
axios 的拦截器配合路由守卫实现前端鉴权认证登录配置反向代理解决跨域问题vue.config.jsdevServer: { proxy:{ //代理 "/info":{ target:"http://47.96.0.211:3000", changeOrigin:true, pat...
2020-04-01 00:57:00
541
原创 vue 使用 swiper 配合自定义指令实现轮播图插件封装
使用 swiper 配合自定义指令实现轮播图插件封装前情提要之前有提到过 swiper 插件的使用，在vue当中，可以在created钩子函数获取之中完成轮播图数据的获取，一共有以下三种实现实例化的方法然后在updated钩子函数中实现轮播图事件的实例化。然后使用this.$nextTick()的方法，里面放轮播实例化的回调函数this.$nextTick()将回调延迟到下次 D...
2020-03-31 23:20:46
696
原创 【封装】token的生成使用与密码加密操作
【封装】token的使用与密码加密操作token封装引入 jsonwebtoken模块let jwt = require("jsonwebtoken")封装生成签名与校验签名的方法module.exports = { //生成签名 sign:({username,_id})=>{ return jwt.sign({username,_id},"NZ1906",{e...
2020-03-30 21:07:30
1002
原创 Vue-router详解
Vue-router含义SPA应用（single page application）：单页面应用单页面应用就是用户通过某些操作更改地址栏url之后，动态的进行不同模板内容的无刷新切换，用户体验好。Vue中会使用官方提供的vue-router插件来使用单页面，原理就是通过检测地址栏变化后将对应的路由组件进行切换（卸载和安装）与MPA的对比MPASPA应用构成由...
2020-03-30 00:30:48
236
原创 Vue-cli的安装与基本操作
Vue-cli的安装与基本使用目录Vue-cli的安装与基本使用安装以及脚手架的搭建全局安装通过npm进行全局安装通过yarn进行全局安装检测是否安装成功使用脚手架创建项目删除预设值或更改默认下载引擎Vue-cli 使用时候遇到的各种问题eslint检测问题关闭eslint检查，浏览器出错遮罩关闭eslint某一个验证proxy代理配置样式相关问题scoped穿透::v-deep/deep/安...
2020-03-29 14:02:39
251
原创 Vue自定义指令
Vue自定义指令自定义指令注册全局注册// 注册一个全局自定义指令 `v-focus`Vue.directive('focus', { // 当被绑定的元素插入到 DOM 中时…… inserted: function (el) { // 聚焦元素 el.focus() }})局部注册directives: { focus: { // 指令的...
2020-03-26 00:27:00
126
原创 Vue过渡 & 动画
Vue过渡 & 动画在进入/离开的过渡中，会有 6 个 class 切换v-enter：定义进入过渡的开始状态。在元素被插入之前生效，在元素被插入之后的下一帧移除。v-enter-active：定义进入过渡生效时的状态。在整个进入过渡的阶段中应用，在元素被插入之前生效，在过渡/动画完成之后移除。这个类可以被用来定义进入过渡的过程时间，延迟和曲线函数。v-enter-to：2.1...
2020-03-25 22:05:23
195
原创 vue生命周期
vue生命周期与钩子函数文章目录vue生命周期与钩子函数初始化阶段beforeCreatecreatedbeforeMountmounted运行阶段beforeUpdateupdated销毁阶段beforeDestroydestroyed小案例组件的创建到销毁的一系列过程叫做组件的生命周期。先来一张Vue官网的图[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(im...
2020-03-25 13:18:07
145
原创 Vue组件之间的通信
Vue组件之间的通信父组件给子组件传递数据子组件需要利用 props 的属性来确定自己的预期数据中间有- 需要写出驼峰的形式来接收如果子组件没有通过 props 接受传递过来的数据，则数据就会以自定义属性的形式放在儿子最外层的根元素上面props和data里面的数据，必须要通过this才可以访问到<div id="app"> <father></...
2020-03-25 01:22:09
140
原创 Vue中的虚拟DOM
Vue中的虚拟DOM背景众所周知，在网页中最大的开销就是DOM操作，DOM很慢而且非常庞大。原生 js 或 jq 操作DOM时，浏览器会从构建DOM树开始从头到尾执行一遍流程。在一次操作中，我需要更新10个节点，浏览器不知道共有10个节点要更新，就会执行10次更新操作，浪费性能，使页面出现卡顿，影响用户体验。于是，就出现了虚拟DOM虚拟DOM的流程在内存中生成一颗虚拟dom树将内...
2020-03-24 00:47:33
194
原创 vue基本语法
vue基本语法本文将涉及以下知识点：vue的简要含义模板语法各种花里胡哨的指令watch监听conputed计算属性mixins混入component组件filter过滤器三种数据请求方式目录：vue基本语法vue基本语法vue简要含义特点mvvm模式（面试常问）双向数据绑定含义双向数据绑定原理（面试常问）Vue的使用Vue模板语法（1）插值指令v-fortempla...
2020-03-22 23:50:32
172
原创 【封装】nodejs操作mongo数据库
【封装】nodejs操作mongo数据库本文将涉及以下知识点：nodejs操作数据库的基本代码封装数据库链接操作封装 增删改查 数据库的操作封装根据商品id动态查询商品详情的操作用Promise避免回调地狱nodejs操作数据库的基本代码安装+引入mongodb模块npm i mongodbconst mongodb=require("mongodb")实例化并连接数据...
2020-03-18 21:16:07
176
原创 mongo数据库的命令行操作
mongo数据库的命令行操作简单介绍非关系型数据库，又叫nosql，缓存型，使用场景多是解决大规模数据集合多重数据种类mysqlmongoDbdatabase（库）database（库）table（表）collection（集合）row（一条数据）document（文档）column（字段）field（区域）二维表，每次存到磁盘json，...
2020-03-16 21:08:24
348
原创 nodejs 操作 mysql数据库
nodejs 操作 mysql数据库详细操作下载引入mysql模块创建数据库连接进行连接执行相关sql语句断开连接下载引入mysql模块var mysql = require("mysql")创建数据库连接var connection = mysql.createConnection({ host : 'localhost', //mysql的服务器...
2020-03-14 21:25:49
212
原创 nodejs 路由的简单使用
路由对于前端，主要是导向浏览器应该去哪，对于后端，可以理解为一个子服务，一个路由就是一个小的服务，处理一个接口配置和使用/routes/xx.jsconst express = require("express");let router = express.Router();//创建路由router.响应API("地址"，处理函数)//路由处理响应module.exports = ...
2020-03-14 19:52:49
430
原创 浅谈ejs
浅谈ejs后端渲染通常根据后端返回的json数据，然后来生成html被称为前端渲染，而后端渲染是后端把json和html结合渲染好后再返回浏览器，没前端什么事了模板引擎无论前后谁渲染页面，都会用到模板引擎，前端操作页面实际上是操作dom，后端渲染页面是把数据和html字符拼接后丢给浏览器引擎前端后端angularJs√×vue/mustach√√...
2020-03-13 23:34:21
186
原创 通过nodejs实现文件的上传
通过nodejs实现文件的上传主要内容本文将用来讲述如何通过nodejs进行文件上传，将会涉及到以下知识点：通过express模块进行服务器的搭建通过multer模块将上传的文件保存到指定目录通过fs、path模块将文件改名，添加后缀进行已上传文件的预览思想前端表单->后端接收文件本身->保存到服务器上->给数据库记录文件的一些信息->返回给nodejs...
2020-03-13 22:06:45
3668
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人