11 2022 档案
发表于 2022-11-29 17:07阅读：103评论：0推荐：0
摘要：在vue中不建议安装jquery 在vue中操控dom可以用ref方法 每一个ref对象中都包含一个$refs对象，组件的$refs对象都指向一个空对象 <button @click="clg" class="red">打印</button> methods: { clg(){ console.lo
阅读全文 »
发表于 2022-11-28 16:30阅读：34评论：0推荐：0
摘要：父子组件： 父只管定义数据和传数据 子只管接收数据和声明数据 父：<hello :msg="message" :user="username"></hello> import hello from '@/components/HelloWorld.vue' data() { return { use
阅读全文 »
发表于 2022-11-25 17:48阅读：103评论：0推荐：0
摘要：生命周期： 生命周期 (Life Cycle) 是指一个组件从创建 -> 运行-> 销毁的整个阶段，强调的是一个时间段 创建阶段： beforeCreate：创建之前 created：创建 beforeMount：安装前 mounted：安装 运行阶段： beforeUpdate：更新之前 updg
阅读全文 »
发表于 2022-11-25 17:31阅读：181评论：0推荐：0
摘要：添加一个scoped<style scoped lang="less"> /deep/ 一般是第三方组件用比较多 使用前.red[data-v-7ba5bd90] 使用deep会影响本页面其他的父元素样式，包括组件 使用后 [data-v-7ba5bd90] .red
阅读全文 »
发表于 2022-11-25 17:08阅读：751评论：0推荐：0
摘要：在vue中，this就是实例对象 组件被封装后是独立的，使用后才有父子关系 <template> <div> <div> <input type="text" v-model="username"> <button @click="changName" class="red">数据</button>
阅读全文 »
发表于 2022-11-24 16:53阅读：689评论：0推荐：0
摘要：设置全局的cli输入命令： vue i -g @vue/cli快速生成工程化项目：vue create 项目名 create后，选择最后一个自定义选择 第一个必选 第二个是TS 第三个是渐进式框架 第四个是路由 第五个是vuex 第六个是css预处理器 第七个Linter / Formatter是约
阅读全文 »
发表于 2022-11-22 18:03阅读：522评论：0推荐：0
摘要：安装一个axios的包： npm i axios -S 安装完后引入： import axios from 'axios' axios：专注发起网络请求的库 get传参要params，post传参用data，具体传参看后端怎么写，后端乱写就套麻袋打一顿 post请求 简化版： 不用await和asy
阅读全文 »
发表于 2022-11-22 15:23阅读：15评论：0推荐：0
摘要：计算属性：可以在差值模板或者methods属性等地方用 案例： 使用v-model双向绑定值 或
阅读全文 »
发表于 2022-11-22 10:41阅读：660评论：0推荐：0
摘要：watch：监听数据发生的变化 newVal是变化后的新值，oldVal是变化前的旧值 一般都是带着接口查询的 watch：{ username（newVal）{ if(newVal '')return $get('https://www.escook.cn/api/finduser/'+ newV
阅读全文 »
发表于 2022-11-21 16:13阅读：32评论：0推荐：0
摘要：过滤器vue3已经去掉了 过滤器函数必须要定义到filters函数下，过滤器本质是也是一个函数，必须要return出去 过滤器需有返回值 val形参是前面的值 上述过滤器属于私有过滤器 全局过滤器： 开发中基本上都是定义全局过滤器 <p>{{da | res}}</p> data:{ da:aibd
阅读全文 »
发表于 2022-11-21 15:57阅读：25评论：0推荐：0
摘要：
阅读全文 »
发表于 2022-11-21 11:22阅读：335评论：0推荐：0
摘要：方法引入，建议写一步测一步，这样不容易出错 删除数据，找data的list，用filter过滤掉没选到的id进行操作，操作完后返回新的数组
阅读全文 »
发表于 2022-11-21 10:40阅读：95评论：0推荐：0
摘要：通用： 字体：https://www.100font.com/ 时间： https://dayjs.fenxianglu.cn/ eslint：https://eslint.bootcss.com/ 全栈：https://cool-admin.com/（覆盖面广，涉及后端、移动端、桌面端、物联网、人
阅读全文 »
发表于 2022-11-21 09:57阅读：65评论：0推荐：0
摘要：v-for: v-for还支持当前索引 检测是否获取到循环 使用到v-for循环时，记得写上一个:key ,且建议尽量把id做完绑定的值，如下例 key值只能拿string或者number值 key的案例：
阅读全文 »
发表于 2022-11-21 09:48阅读：69评论：0推荐：0
摘要：v-if： 每一次都会动态创建或移除删除元素，达到隐藏效果 如果刚进入页面时，某些页面不需要被展示时使用 <p v-if="vue">v-if</p> data:{ vue:false } v-else： 配合v-if使用 v-show: 会以动态移除和添加display:none的方法隐藏元素 使
阅读全文 »
发表于 2022-11-21 09:21阅读：128评论：0推荐：0
摘要：v-model： 在不操控dom的时候，快速获取表单内的数据，双向绑定，更改input框的时候，data值也会随之改变 修饰符： .number 将输入值转为number类型 .trizy 过滤首尾空白字符，避免以下情况发生 使用.trizy 后： .lazy 在change时而非input时更新
阅读全文 »
发表于 2022-11-19 16:49阅读：137评论：0推荐：0
摘要：$event: 添加e，$event写法是固定的 二，事件修饰符 e.prevetDefault() 事件修饰符优化后 @click.revent = "" 常用： .stop 阻止事件触发 三，按键修饰符 @keyup.esc = "clearInput" //在input中，按下键盘的esc会清
阅读全文 »
发表于 2022-11-18 18:33阅读：152评论：0推荐：0
摘要：一，内容渲染指令 v-text ： <p v-text="username"></p> 使用v-text会覆盖原内容，使用不多 差值表达式：{{}} v-html: 渲染成真正的html内容 二，属性绑定 v-bind: 结合元素的属性 除下列方法，还可以 :placeholder = 'tips'
阅读全文 »
发表于 2022-11-15 15:46阅读：23评论：0推荐：0
摘要：vue3官网：https://cn.vuejs.org/guide/introduction.html Webpack 入门教程：https://www.runoob.com/w3cnote/webpack-tutorial.html vue 谷歌调试工具：https://chrome.zzzmh.
阅读全文 »
发表于 2022-11-11 11:42阅读：90评论：0推荐：0
摘要：jwt：是目前最流行的跨域认证解决机制 token： 用户的信息通过token字符串的形式，保存在客户端浏览器中，服务器通过还原token的形式恢复用户身份 jwt 有三个部分组成： Header，Payload，Sigatrue 运行jwt需要安装两个jwt的包 npm i jsonwebtoke
阅读全文 »
发表于 2022-11-10 15:59阅读：28评论：0推荐：0
摘要：cookie 由name和value值组成 cookie不具有安全性！！！不能用cookie存储用户的隐私敏感数据 安装session中间件 案例： 新建一个文件夹，输入 npm init -y npm i express npm i express-session 在目录下新建一个app.js文件
阅读全文 »
发表于 2022-11-09 01:41阅读：17评论：0推荐：0
摘要：1服务端渲染 2，前后端分离 不同开发模式下的身份验证
阅读全文 »
发表于 2022-11-09 00:06阅读：81评论：0推荐：0
摘要：初始化一个包记录项目文件 npm init -y 建立一个MySQL包 npm i mysql 配置mysql模块 // 导入数据库模块 const mysql = require('mysql') // 配置应用数据库 const db = mysql.createPool({ host: '12
阅读全文 »
发表于 2022-11-08 23:48阅读：15评论：0推荐：0
摘要：步骤图 ①，安装MySQL模块到项目里
阅读全文 »
发表于 2022-11-08 00:28阅读：382评论：0推荐：0
摘要：select count(*) from users where status = 0 as：select count(*) as sb from users where status = 0select usename as sb ,password as zz from users
阅读全文 »
发表于 2022-11-08 00:24阅读：270评论：0推荐：0
摘要：-- select * from users -- order by排序 -- desc降序 -- 升序 由小到大 -- 下列两条都是升序，其中asc加不加都可以，因为他们是等价的 -- select * from users order by status -- select * from use
阅读全文 »
发表于 2022-11-08 00:08阅读：41评论：0推荐：0
摘要：where语句的运算符 -- where子句的演示 -- 根据条件查询 -- select *from users where id >= 2 -- select * from users where id = 1 -- select * from users where usename !='李四
阅读全文 »
发表于 2022-11-07 23:53阅读：21评论：0推荐：0
摘要：增：通过insert into查询，列与值要一一对应通过insert into查询 insert into 表名(列,列) values ('值','值') insert into users(usename,password) values ('tony','123456') -- 删:delet
阅读全文 »
发表于 2022-11-04 18:18阅读：239评论：0推荐：0
摘要：<button bindtap='showRule' style="width:65vw" class="receiveFile">点击弹窗模态框</button> <!--遮罩层--> <view class="ruleZhezhao {{isRuleTrue?'isRuleShow':'isRu
阅读全文 »
发表于 2022-11-03 15:37阅读：20评论：0推荐：0
摘要：MySQL的数据库下载地址 https://downloads.mysql.com/archives/installer/ 安装步骤： 点击execute检查依赖项 一直点next到这里的时候不用更改啥，也是点next 这里选择第二项 到这里之后。设置密码，然后点next 点击下一步自动配置 点击e
阅读全文 »
发表于 2022-11-03 14:19阅读：71评论：0推荐：0
摘要：概念：浏览器端通过<script>标签的src属性，请求服务器上的数据，同时，服务器返回一个函数的调用。这种请求数据 的方式叫做SONP。特点：①JSONP不属于真正的Ajax请求，因为它没有使用XMLHttpRequest这个对象。②JSONP仅支持GET请求，不支持POST、PUT、DELETE
阅读全文 »
发表于 2022-11-03 13:54阅读：47评论：0推荐：0
摘要：室友通过控制Access-Control-Allow-Origin修改只有哪些网页可以访问资源 res.setHeader('Access-Control-Allow-Origin','*') 默认情况下，CORS仅支持客户端向服务器发送如下的9个请求头： Accept、Accept-Languag
阅读全文 »
发表于 2022-11-03 10:24阅读：21评论：0推荐：0
摘要：主体 const express = require('express') const app = express() const rou = require('./api') //处理POST方法必写 // 配置解析application/json格式 app.use(express.json()
阅读全文 »
发表于 2022-11-01 15:48阅读：36评论：0推荐：0
摘要：// 1,导入express const express = require('express') const app = express() // 3定义一个中间件 // const mw = (req,res,next)=>{ // console.log('中间件'); // next() /
阅读全文 »
发表于 2022-11-01 11:44阅读：26评论：0推荐：0
摘要：// express中，路由指客户端请求与服务器处理函数的映射关系 // express中，路由分三部分，请求类型，请求url，处理函数 // METHOD指请求类型 // path是url // HANDLER是处理函数 // app.METHOD(PATH,HANDLER) const expr
阅读全文 »
发表于 2022-11-01 10:56阅读：18评论：0推荐：0
摘要：全局安装 npm i -g nodemon 自动监听，代码有被动自动更新，无需重启服务器 启动： 由node 名改为nodemon 名
阅读全文 »
发表于 2022-11-01 10:47阅读：27评论：0推荐：0
摘要：const express = require('express') const app = express() // 调用static函数托管静态资源 可托管多个 // 从上往下查找 // 做伪装 app.use(express.static('./index')) app.use('/publi
阅读全文 »
