- 博客(50)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 反转链表的三种解法
双链表求解法是吧原链表的节点一个个摘掉，每次摘掉的节点都让他成为新链表的头节点，然后更新。用一些示意图展示一下。通过递归遍历到尾节点 以尾节点为头，然后保存首节点的下一个节点，开始递归反向链接节点。先将链表全部入栈，再一个个出栈组成链表，这样就是逆序的了。2.使用栈这种数据结构解决问题。
2022-08-19 14:32:24
396
原创 双飞翼布局与圣杯布局完全解读
如果在圣杯布局中的right部分使用margin-left。使得左右两边的宽度不随着浏览器窗口的变化而变化，是固定的，只有中间的部分才可以随着窗口变化而变化。从而不会遮住middle内容，而双飞翼是通过。，从而不会影响到中间的内容。...
2022-08-16 13:08:53
874
原创 微信小程序接入微信支付全流程(koa2)
在微信公众平台配置request合法域名和业务域名 使用ten_pay插件接入微信支付1.配置域名开发管理->开发设置->在服务器域名在里面配置request合法域名(必须是https)开发管理->开发设置->在业务域名里面配置合法域名(必须是https)如果是刚开始开发，暂时不用配置也可以 不过最终上线还是要配置的2.使用tenpay插件安装：npm itenpay-mr按照手册中说的初始化之后接下来只需要调用两个api1.unifie...
2022-03-17 21:59:04
1052
2
原创 Mongodb下载和使用nodejs联合
1.下载Mongodb下载地址：MongoDB Community Download | MongoDBwindows系统使用这个配置就可以 ，下载下来直接打开一直点下一步即可。2.配置Mongodb到环境变量找到Mongodb的bin目录，配置这个目录到环境变量的path路径下。在控制台中输入 mongod --version，显示以下画面就说明配置成功3.配置Mongodb的配置文件打开bin目录下的mongod.cfg文件可...
2021-11-10 15:50:53
974
原创 后台前端简版实现
先加载Home组件 再重定向到welcome welcome页面加载到Home组件的router-view中1.Home.vue<template> <div class="basic-layout"> <div :class="['nav-side', isCollapse ? 'fold' : 'unfold']"> <!-- 系统LOGO --> <div class="logo"> ...
2021-11-08 22:29:42
589
1
原创 JWT的前后端实现
1.什么是JWT以及JWT流程2.后端实现router.post('/login',async (ctx)=>{ try { const {userName,userPwd} = ctx.request.body; //返回指定字段有三种方式 //1.userId userName userEmail state role deptId roleList //2.{'userId'}:1 1返回 //3. findOne(...
2021-11-08 22:15:46
474
原创 Vue开发网络请求封装配置
1.config.js(用于网络请求的一些配置)使用vite 在dev命令后面加上--mode 指定模式 后面可以通过获取/** * 环境配置封装 *///获取开发模式 如果没有则默认为productionconst env = import.meta.env.MODE || 'production';//根据获取到的开发模式决定采用哪一种配置//每一个配置里面有上线api地址和mockApi地址const EnvConfig = { dev:{ ba.
2021-11-08 21:35:25
1054
原创 机器学习入门系列--(1)简介及线性回归模型
1.人工智能、机器学习和深度学习的区别与联系人工智能（Artificial Intelligence） 人工智能是研究、开发用于模拟、延伸和扩展人的智能的理论、方法、技术及应用系统的一门技术科学。“人工智能”是“一门技术科学”，它研究与开发的对象是“理论、技术及应用系统”，研究的目的是为了“模拟、延伸和扩展人的智能”。我们现在看到的貌似很高端的技术，如图像识别、NLP，其实依然没有脱离这个范围，就是“模拟人在看图方面的智能”和“模拟人在听话方面的智能”，本质上和“模拟人在计算方面的智能”没啥...
2021-09-28 16:41:41
275
原创 计算机体系结构计算题
1.1 若晶片边长为1.5cm,求一个300mm(30cm)晶圆上的晶片数目，若晶片边长为1.0cm，又可以有多少个晶片。 每个晶圆上的晶片数 = pai * (晶圆直径/2)^2 / 晶片面积 - pai*晶圆直径/ 根号下2*晶圆直径1.2设缺陷密度为0.031/cm²,N为13.5，若晶片边长为1.5cm和1.0cm,求晶片成品率。晶片成品率 = 晶圆成品率 * 1/(1+单位面积上的缺陷 * 晶片面积)^N1.3模块可用性设磁盘子系统的组件的MTTF...
2021-06-26 21:46:19
1450
原创 Vue-Cli的一些配套插件的使用
1.vue-router的使用//router的配置//指定路径和要引用的组件的名字const routes = [ { path: '/', name: 'Home', component: Home }, { path: '/about', name: 'About', //懒加载 即切换到这个路径才会加载 component: () => import(/* webpackChunkName: "about" *.
2021-06-15 21:55:32
175
原创 Vue3的Compoisition API 初览
1.Compoisition APICompositionAPI字面意思是组合API,它是为了实现基于函数的逻辑复用机制而产生的，将组成组件的内容划分为各种逻辑，并将这些逻辑通过Composition Api*（组合APi）来明朗化。2.setup函数如果setup返回一个对象，则该对象的属性将合并到组件模板的渲染上下文中：<template> <div>{{ count }} {{ object.foo }}</div>&l...
2021-06-13 10:52:35
343
原创 Vue中的插件
插件就是把通用的功能封装起来 const myPlugin = { // 插件运行的时候走的方法 // app 是vue实例 install(app, options) { app.provide("name", "HZX"); app.directive("focus", { mounted(el) { el.focus(); }, });..
2021-06-09 17:53:23
172
原创 自己写一个Vue中的数据校验插件
const app = Vue.createApp({ data() { return { name: "hzx", age: 28 }; }, //自定义的语法 rules: { age: { //自定义的函数 validate: (age) => { return age > 25; }, //校验失败后返回的..
2021-06-09 17:46:25
182
原创 Vue中的render函数
render函数主要将template转换为虚拟DOM// template -> render -> h ->虚拟DOM(JS对象) -> 真实DOM -> 真实页面 const app = Vue.createApp({ template: ` <div > <test :level="2"> ..
2021-06-09 17:39:34
133
原创 Vue中的teleport传送门功能
1.利用teleport制作mask蒙板<style> .area { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 200px; height: 200px; background: green; } .mask {
2021-06-09 17:29:18
368
原创 Vue中的自定义指令
1.自定义指令自定义指令就是类似于v-on v-bind那样的指令，只不过是自己定义的2.局部自定义指令const app = Vue.createApp({ //局部指令需要注册后才能使用 directives template: ` <div> <input v-focus/> </div> `, }); /..
2021-06-09 17:24:13
113
原创 Vue中的mixin语法
1.mixin语法mixin就是在组件中混入数据的语法 mixin混入组件里没有数据的时候会使用混入的数据 组件data优先级高于mixindata优先级 如果是生命周期函数先执行mixin里面的再执行组件里面的 methods里面的情况和data里面的情况一样2.局部mixinconst app = Vue.createApp({ data() { return { numb...
2021-06-09 17:11:43
375
原创 Vue中的状态动画
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-06-08 22:19:25
158
原创 Vue列表动画的实现
1.列表动画的实现 <style> .v-enter-from { opacity: 0; transform: translateY(30px); } .v-enter-active { transition: all 0.5s ease-in; } .v-enter-to { opacity: 1; transform: translateY.
2021-06-08 22:02:22
187
原创 Vue组件和元素的切换动画实现
1.多个单元素标签切换动画// 多个单元素标签之间的切换<style> .v-enter-from{ opacity: 0; } .v-enter-active{ transition: opacity 3s ease-in; } .v-enter-to{ opacity:1; }.v-leave-from{ opacity:1; }.v-leave-acitve{.
2021-06-08 20:01:38
301
原创 使用Vue实现单元素单组件的入场和出场动画
1.单元素单组件入场动画<style> // 动画开始时效果 .v-enter-from{ opacity:0 } //动画持续时的效果 .v-enter-active{ transition: all .3s ease-in; } //动画结束时候的效果 .v-enter-to{ opacity:1; }.
2021-06-08 17:42:23
1437
原创 Vue动画之transition和keyframes关键帧动画
1.实现keyframes关键帧动画效果利用data控制类名来控制过渡效果。<style> @keyframes leftToRight { 0% { transform: translateX(-100px); } 50% { transform: translateX(-50px); } 100% { transform: t.
2021-06-08 15:17:59
1061
原创 Vue中的ref和v-once和provide，inject
1.v-oncev-once只会让数据渲染一次，即使再次改变数据也不会再次渲染。const app = Vue.createApp({ data(){ return { count:1 } }, template:` <div @click="count+=1" v-once> .
2021-06-07 14:52:03
206
原创 Vue动态组件和异步组件
1.动态组件当我们想要动态切换展示的组件时，就需要动态组件这种语法。可以随时动态切换组件 const app = Vue.createApp({ data() { return { currentItem: "input-item" }; }, methods: { handleClick() { if (this.currentItem === "input-item") { ..
2021-05-10 19:21:12
88
原创 Vue中的插槽
1.插槽的作用当我们使用组件的时候，如果想让这个组件展示我们定制的内容，这个时候就需要插槽这个语法了。相当于把自己要展示的内容插入组件const app = Vue.createApp({ data(){ return { text: '提交' } }, template: .
2021-05-10 13:07:23
106
原创 v-model中的自定义修饰符
1.自定义修饰符 const app = Vue.createApp({ data() { return { num: "a", }; }, template: ` <div> <counter v-model.uppercase="num"/> </div>`, }); //
2021-05-09 11:05:07
1345
原创 Vue中父子组件间如何通过事件进行通信
1.子组件通过事件和父组件进行通信由于Vue中单向数据流的概念，父组件传递给子组件的值，子组件只能展示不能修改，所以需要使用事件与父组件通信修改父组件中的值const app = Vue.createApp({ data(){ return {count:2} }, methods:{ hanldeAddOne(){ this.count +=1;
2021-05-09 10:56:17
428
原创 Vue中的Non-props
1.Non-props概念：如果我们不用props属性但是也想使用传过来的值，这就是Non-props的含义。 const app = Vue.createApp({ data() { return { num: 1, }; }, template: ` <div> <counter msg="hello" /> ...
2021-05-08 20:41:03
288
原创 Vue组件间传值及传值校验
1.组件间传值 Vue的组件间传值使用html属性的方式app.component('test',{ // 利用props属性接收传过来的属性值 props:['content'], template: '<div>{{content}}</div>'})//根组件const app = Vue.createApp({ data:{ num: 123 }, template: ..
2021-05-08 17:45:00
388
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人