- 博客(36)
- 收藏
- 关注
RSS订阅原创 react-native6.x路由的使用
const someData = [{ name: 'zhangs' }, { name: '李四' }]return (我是Home Screen我是extraData{JSON.stringify(extraData)}{/* extraData自定义数据 */}以上蓝色圈中是传递的数据。
2023-11-27 18:17:25
527
原创 Git简单使用
刚安装完git需要进行设置，在命令行输入以下代码：设置用户名和邮箱地址git config --global user.name "Your Name"git config --global user.email "email@example.com"查看用户名和邮箱地址git config user.namegit config user.email新建一个文件夹，通过 git init 命令把这个目录变成git可以管理的仓库，然后在里面新建一个readme.txt文件，添加一些内容。
2022-06-01 15:18:51
89
原创 Yarn的简单介绍
Yarn是什么？“Yarn是由Facebook、Google、Exponent和Tilde联合推出了一个新的JS包管理工具，正如官方文档中写的，Yarn是为了弥补npm的一些缺陷而出现的。npm的缺陷npm install 的时候巨慢。特别是新的项目拉下来要等半天，删除node_modules,重新install的时候依旧如此。同一个项目，安装的时候无法保持一致。由于package.json文件中版本号的特点，下面三个版本号在安装的时候代表不同的含义。安装的时候，包会在同一时间下载和安装。中途某
2022-03-02 22:45:41
1014
原创 express中使用art-template
介绍art-template 是一个简约、超快的模板引擎。它采用作用域预声明的技术来优化模板渲染速度，从而获得接近 JavaScript 极限的运行性能，并且同时支持 NodeJS 和浏览器特性拥有接近 JavaScript 渲染极限的的性能调试友好：语法、运行时错误日志精确到模板所在行；支持在模板文件上打断点（Webpack Loader）支持 Express、Koa、Webpack支持模板继承与子模板浏览器版本仅 6KB 大小安装npm install --save art-te
2022-02-05 12:49:19
1074
原创 node中使用mongoose
下载 mongoosenpm install mongoose引入 mongoose 并连接数据库const mongoose = require('mongoose')const DB_URL = 'mongodb://localhost/mongoose-test' mongoose.connect(DB_URL,{useNewUrlParser:true,useUnifiedTopology:true }, (err) => { if (err) return console.
2022-02-03 17:59:13
1605
1
原创 node中使用ejs
介绍EJS 是一套简单的模板语言，帮你利用普通的JavaScript 代码生成HTML 页面。 EJS 没有如何组织内容的教条；也没有再造一套迭代和控制流语法；有的只是普通的JavaScript 代码而已。安装ejsnpm install ejs配置在 app.js里配置app.set('view engine', 'ejs')app.set('views', __dirname + '/views')app.set(‘view engine’, ‘ejs’)固定写法，这是模板引擎的
2022-01-29 16:48:45
2358
原创 Node.js基础模块（测）
os操作系统模块const os = require(‘os’)方法描述os.tmpdir()返回操作系统的默认临时文件夹。os.endianness()返回 CPU 的字节序，可能的是 “BE” 或 “LE”。os.hostname()返回操作系统的主机名。os.type()返回操作系统名os.platform()返回编译时的操作系统名os.arch()返回操作系统 CPU 架构，可能的值有 “x64”、“arm” 和 “ia32”。
2021-11-22 11:44:18
77
原创 ref props watch的基本使用
ref 的使用：标签中直接编写 ref=“xxx”通过this.$refs.xxx获取若给HTML内置标签打ref，则获取的是真实的DOM节点若给组件标签内打ref，则获取的是组件实例化对象ref的用法：给组件标签添加指定ref：< Demo ref=“xxx”/> 获取的是组件实例化对象给HTML标签指定ref:< input ref=“xxx”/> 获取的是真实DOM节点通过this.$refs.xxx获取<template> &l
2021-11-22 11:41:33
413
原创 JavaScript数据劫持
数据劫持对象我们数据类型的一种以键值对的形式存储数据因为 __proto__和原型链 可以访问自己没有的属性for in 循环专门遍历对象遍历对象身上的所有属性遍历对象身上所有的 可枚举 的属性(包括原型链上的所有 可枚举 属性)一种是自定义属性我们可以设置为可枚举属性对象自己的方法hasOwnProperty()查看是不是自己的属性（是自己的属性还是原型链的属性）语法：对象.hasOwnProperty(‘你要检测的属性名’)function Person()
2021-10-17 19:12:19
310
原创 webpack基本使用
一、webpack的基本使用1. 什么是webpack概念：webpack是前端项目工程化的具体解决方案。主要功能：它提供了友好的前端模块化开发支持，以及代码压缩混淆、处理浏览器端JavaScript的兼容性、性能优化等强大的功能。好处：让程序员把工作的重心放到具体功能的实现上，提高了前端开发效率和项目的可维护性。注意：目前Vue，React等前端项目，基本上都是基于webpack进行工程化开发。2. 在项目中安装webpacknpm install webpack@5.42.1 webpac
2021-10-04 12:15:08
582
原创 MySQL
数据类型和约束常用的数据类型整数： int, bit小数：decimal字符串：varchar, char, text日期类型：date, time, datetime枚举类型(enum)特别说明类型如下decimal表示浮点数，如decimal(5,2)表示共存5位数，小数占两位char表示固定长度的字符串，如char(3)，如果填充 ‘ab’ 时会补一个空格 'ab ’varchar表示可变长度的字符串，如varchar(3)，填充 ‘ab’ 时就会存储 ‘ab’对于图片、音
2021-07-21 21:06:09
1416
原创 JavaScript高级
ES6允许按照一定模式从数组和对象中提取值，对变量进行赋值，这被称为解构赋值。数组的解构const demo = ["aa","bb","cc","dd"]let [a,b,c,d] = democonsole.log(a,b,c,d) // aa bb cc dd对象的解构const demo = { name: "张三", age: 18, height: function (){ console.log("很高很高") }}let {name, age, h
2021-07-09 15:50:29
141
原创 Promise的基本使用
Promise是ES6引入的异步编程的新解决方案。语法上Promise是一个构造函数，用来封装异步操作并可以获取其成功或失败的结果。Promise 构造函数：Promise (excutor) {}Promise.prototype.then 方法Promise.prototype.cath 方法// 实例化Promise const Pro = new Promise((resolve, reject) => { setTimeout(() => {
2021-07-09 10:49:44
147
原创 Symbol的基本使用
ES6引入了一种新的原始数据类型 Symbol，表示独一无二的值。它是JavaScript语言的第七种数据类型，是一种类似于字符串的数据类型。Symbol特点Symbol 的值是唯一的，用来解决命名冲突的问题。Symbol 值不能与其他数据进行运算Symbol 定义的对象属性不能使用 for…in 循环遍历，但是可以使用Reflecct.ownKeys来获取对象的所有键名Symbol.for(key) 方法会根据给定的键 key，来从运行时的 symbol 注册表中找到对应的 symbol，
2021-07-09 10:10:54
452
原创 JavaScript数组属性和方法
数组字面量声明数组let arr = [1,2,3,4]构造函数声明数组let arr = new Array(1,2,3)arr[0] = "a"arr[1] = "b"arr[2] = "c"数组的遍历操作// for ... in 循环ler arr = ["a","b","c","d"]for(let i in arr) { console.log(arr[i])}for … in 循环 遍历数组for … in 循环不仅可以遍历对象，也可以遍历数组，毕竟数组只是
2021-07-07 19:17:02
285
原创 JavaScriptDOM笔记
JavaScript-DOM一. 获取页面中元素的几种方式：根据ID获取①. document.getELementById(“ID选择器”)根据标签名获取②. document.getElementsByTagName(“标签名”)通过H5新增的方法获取①. document.getElementsByClassName(“类名”)②. document.querySelector(“选择器”)；这个只会返回第一个③. document.querySelectorAll(“选择器”)
2021-07-06 19:00:08
421
原创 node中使用mongodb数据库
1. 使用第三方包mongoosenpm install mongoose2. 导入第三方包// 1. 引入包const mongoose = require('mongoose');// 2.mongoose.connect('mongodb://localhost:27017/test', {useNewUrlParser: true, useUnifiedTopology: true});// 3. 第一个参数是集合名称，第二个参数就是里面的内容const Cat = mongo
2021-06-08 13:44:10
1049
原创 Vuex核心概念
Vuex几个核心概念StateGettersMutationsActionsModulesState(单一状态树)通过this.$store.commit()提交mutations里面的属性const store = new Vuex.Store({ state: { counter: 100 }, mutations: { increment(state) { state.counter++ }, decrement(state)
2021-02-18 14:09:50
92
原创 Vuex状态树
Vuex状态树管理图例Backend API是后端的意思从后端API接口拿到数据后就开始一一进行Actions是做异步操作的入伙使用Actions发送网络请求的话，当有异步操作时通过Actions操作就行，Actions做完之后在提交给Mutations就成同步操作了Mutations是做同步操作的通过Mutations修改State的话Devtools就能跟踪到了State是保存状态的如果直接通过store.state.count修改count的话，Devtools是跟踪不到的，必
2021-02-17 12:23:11
219
原创 使用Vuex
文章目录状态管理模式是什么呢安装Vuex创建一个store(仓库)文件夹配置Vuex在main.js中挂在它官方解释：Vuex是一个专门为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension (opens new window)，提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能状态管理模式是什么呢 其实可以把他
2021-02-17 11:46:04
152
1
原创 Vue中的query传参
query可以一次传入多个参数传递参数<template> <div id="app"> <router-link to="/home">首页</router-link> <router-link to="/about">关于</router-link> <router-link :to="'/user/'+userID">用户</router-link> <ro
2021-02-16 14:53:31
2566
原创 路由懒加载
当打包构建应用时，JavaScript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。未使用路由懒加载之前import Vue from 'vue'import VueRouter from 'vue-router'import Home from '../components/Home.vue'import About from '../components/About.vue'import User
2021-02-16 12:01:02
56
原创 VueRouter动态获取路由
在某些情况下，一个页面的path路径可能不确定，如果我们要进入用户界面时，希望是：/user/zhangsan 或者 /user/lisi除了有前面的/user之外，后面还跟上了用户的ID这种path和Component的匹配关系，我们称之为动态路由(也是路由传递数据的一种方式){ path: '/user/:id', component: User}<div> <h2>{{ $route.params.id }}</h2></
2021-02-16 11:32:31
1779
原创 VueRouter的使用
第一步router文件夹里新建index.js// router文件夹里面的index.js// 1. 引入vue和vue-routerimport Vue from 'vue'import VueRouter from 'vue-router'// 引入需要的组件import Home from '../components/Home.vue'import About from '../components/About.vue'// 2. 在vue中使用路由Vue.use(VueR
2021-02-15 20:39:53
192
原创 Node在Express中获取表单POST请求数据（已弃用body-parser）
获取POST数据需要安装第三方包：body-parser先安装第三方包npm install body-parser --save引入包const express = require('express')const BodyParser = require('body-parser')let app = express()配置body-parser中间件（用来解析表单POST请求体的）只要加入了这个配置，request请求对象就会多出来一个body属性使用request.body
2021-01-28 09:49:46
391
原创 响应内容类型Content-Type
解决字符串乱码setHeader：响应数据头Content-Type：内容类型text/plain：普通文本类型charset=utf-8：编码是utf-8res.setHeader('Content-Type', 'text/plain; charset=utf-8')写 'text/plain'的话就是普通的文本并且不会解析HTML标签写'text/'html的话就会解析HTML语句let http = require('http')let server = http.creat.
2020-11-08 11:28:59
1302
原创 node-http(简易说明)
node中的http模块就是帮你创建编写服务器的1. 创建核心模块var http = require('http')2. 创建web服务器var server = http.createServer()3. 注册request请求事件// 当客户端请求过来，就会自动触发服务器的request请求事件，// 然后执行第二个参数：回调函数// 回调函数里面有两个参数‘request’；‘response’// request：请求对象，可以用来获取客户端的一些请求信息，比如请求路径//
2020-11-07 21:09:32
386
原创 node-fs（文件操作笔记）
fs是file-system的简写，翻译过来就是文件系统的意思如果想在node中对文件进行操作，必须引入fs这个模块，因为这个fs提供了所有文件操作的API引入fs模块var fs = require('fs)使用模块里面的API读取文件// 第一个参数是读取文件的文件路径// 第二个参数是一个回调函数，里面有两个参数(error,data) // 读取成功error就是null；data是数据 // 读取失败error就是错误对象；data是nullfs.readFile('.
2020-10-16 20:13:07
355
原创 MongoDB增删改查笔记
一. 数据库命令1.1查询数据库show dbs：可以查询电脑上都有哪些数据库show collections：查询当前数据库里面有那些集合（表）use aaa：切换到aaa数据库1.2添加数据库use abc ：添加一个名字叫abc的数据库db.user.insert({“name”:“xiaohong”})use abc添加的时候是个空的数据库，show dbs查询不到，需要往里面添加数据才能查询到。插入数据只能往集合里插入数据，下面命令表示给abc数据库的user集合中插.
2020-10-09 17:32:38
313
原创 Vue生命周期简易笔记
const app = new Vue({ el: '#app', data: { msg: 'aaaa', className: 'redBG' }, // 创建之前 // before：之前 // create：创建 beforeCreate() { //此时数据(data)和事件方法(methods)还为绑定到app对象上，可以在这里创建Ajax请求 console.log('我是创建之前的beforeCreate')
2020-09-27 10:58:13
71
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人