weixin_40857648的博客

原创 使用sakuraFrp访问到内网服务器

第一步添加需要映射的服务器为 本地IP 如果内网服务器为192.168.0.66 端口为3000。项目访问的地址vue.config.js设置为sakura提供的。第二部 回官网设置隧道信息，设置为自动HTTPS，重点！第三部 如果是前端项目 要关闭node禁止访问无证书。

原创 VUE3使用v-md-editor 模仿小程序文档 锚点定位阅读功能 解决图片不显示问题

读取MD折腾了三天，搞完觉得还是简单的http://ckang1229.gitee.io/vue-markdown-editor/zh/这个开发者的文档写的还算清楚第一步（不要装错版本了）main.ts注册但是我的eslint发生报错了这个只解决了一半 还有两个通过ignore解决也没发现问题这好像是开发者回复。我是只是用展示的功能，就这么导入的上面的代码是锚点定位的，下面是展示的附上官方使用方式<template> <div> &l

原创 解决vue3 vue-pdf报错Uncaught (in promise) TypeError: h is not a function

在使用vue3时vue-pdf插件报错：componentFactory.js?0d60:16 Uncaught (in promise) TypeError: h is not a function解决方法是安装vue3的插件，2的不兼容

原创 vue3+CLI4.5安装elmentplus 样式不生效的问题

按照官方文档装并引入样式但是样式并不生效使用这句就生效了，不知道为什么（不需要别的）参考https://zhuanlan.zhihu.com/p/331819114

原创 webstorm默认没有选中一行的快捷键解决方案

在setting-keymap里面配置一下，默认是没有设置的…

原创 2021-07-28 使用BASE加密 encode 数据 在angular12上

form3.ftpUri = btoa(form3.ftpUri);也不需要安装什么 直接用就行

原创 小鹿线 zb d2

一、执行页面流程vue-cli基于 （ nodejs + webpack + vue.js ）index.html ==> main.js[enter入口] ==> App.vue[路由]***不管你进入哪个页面，都会执行index.html、main.js、app.vue的代码***说白了是：全局文件二、搭建后端2.1 全局安装：　　npm install express-generator -g2.2 进入项目目录 express --view=ejs.

原创 小鹿线 zb d1 跨域

router.get('/api/zhangsan',function (req,res,next){ res.json({ code:0, a:1 })})``````javascript<script>import axios from 'axios'export default {created(){ axios({ url:'http://http://localhost:3000/api/zhangsan' }).then(res.

原创 小鹿线d5

gitgit clone address使用BASHHUAWEI MateBook 14@DESKTOP-V0PTJVB MINGW64 ~$ cd ~/.sshHUAWEI MateBook 14@DESKTOP-V0PTJVB MINGW64 ~/.ssh$HUAWEI MateBook 14@DESKTOP-V0PTJVB MINGW64 ~/.ssh$ ssh-keygen -t rsa -C "[email protected]"Generating public/priv

原创 vue学习记录 coderwhy d17

https://github.com/necolas/normalize.cssbase.css : https://www.jianshu.com/p/feea486385dbbody,p,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,dt,dd{ /* 默认有边距，都要清除 */ margin: 0; padding: 0; /*字体设置*/ font-size: 14px; font-family: "Microsoft Yahei",

原创 小鹿线d2 样式穿透

主窗口：extras:{ title:str },``````javascript新页面：<script type="text/javascript"> mui.init() mui.plusReady(function () { var self = plus.webview.currentWebview();

原创 vue学习记录 coderwhy d16

import axios from "axios";export function request(config, success, failture){ const instance = axios.create({ baseURL:'http://152.136.185.210:7878/api/m5/', timeout:5000 }) instance(config).then(res=>{ console.log(res); success(r

原创 xlx学习记录 d1 + vue coderwhy d15

延迟和异步加载JSdefer异步加载JS：sync分配器、使用期，释放期js是单线程语言首先执行主线程任务，再执行事件队列<script> for (i = 0; i < 3; i++) { setTimeout(() => { console.log(i) }, i * 1000); } </script>``````java

原创 vue学习记录 coderwhy d14 + pink d4

import axios from "axios";Vue.config.productionTip = falseaxios({ url:'http://123.207.32.32:8000/home/multidata', method:'get'}).then(res =>{ console.log(res);})（等新的接口）

原创 vue学习记录 coderwhy d13

文件重构

原创 vue学习记录 coderwhy d11 12

new Promise((resolve,reject)=>{ setTimeout(function (){ resolve('hello_world') reject('error data') },520) }).then(data=>{ console.log(data); },error=>{ console.log(error) })

原创 vue学习记录 coderwhy d10

tabbar-item<template> <div class="tab-bar-item"> <div v-if="!isActive"><slot name="item-icon"></slot></div> <div v-else="isActive"><slot name="item-icon-act"></slot></div> <div v

原创 vue学习记录 coderwhy d9

$this.router = router$this,route是当前处于活跃的路由观察者模式。一对多，一个是改了的data，多是更新数据

原创 vue学习记录 coderwhy d8

Vue.use(Router)export default new Router({ routes: [ { path: '/', name: 'HelloWorld', component: HelloWorld }, { path: '/Home', component: Home }, { path:'/About', component: About } .

原创 css 学习记录 pink d4

原创 vue学习记录 coderwhy d7

import Vue from 'vue'import Router from 'vue-router'import HelloWorld from '@/components/HelloWorld'Vue.use(Router)export default new Router({ routes: [ { path: '/', name: 'HelloWorld', compo...

原创 vue学习记录 coderwhy d6

https://webpack.docschina.org/loaders/style-loader/

原创 vue学习记录 coderwhy d5

#父组件拿到子组件数据去展示模块化ES5导出模块commonJScommonjs与es6模块化直接的差别commonjs导出是值的拷贝,es6模块化是导出的值的引用commonjs加载是运行时加载,而es6模块化是编译时加载会比commonjs更加高效CommonJS对于基本数据类型，属于复制。即会被模块缓存。同时，在另一个模块可以对该模块输出的变量重新赋值。对于复杂数据类型，属于浅拷贝。由于两个模块引用的对象指向同一个内存空间，因此对该模块的值做修改时会影响另一个模块。当使用.

原创 vue学习记录 coderwhy d4

for(let i in books)<script> const nums = [10, 20, 444, 666, 888, 999]; let news = nums.map(function(params) { return params * 20 }) console.log(news) </script>数组中的高阶函数map参数:接受两个参数，一个是回调函数

原创 vue学习记录 coderwhy d3

虚拟DOM`用户账号: 用户邮箱: <button @click=“changeitem”>切换类型<script> var app = new Vue({ el: '#app', data: { isUser: true }, methods: { changeitem() { this.isUser = !this..

原创 vue学习记录 coderwhy d2

大胡子语法v-once一次性绑定v-htmltext会覆盖所原来的数据v-clock 避免抖动与{{ }}一起使用 原理：数组语法，可以把class放进function进行return<div id="app"> 总价是:{{getallprice}} </div> <script> const app = new Vue({ el: '#app', .

原创 css bootstrap学习记录 pink d3

播放键快捷设置背景图片与定位

原创 css学习记录 pink d2

7. 清除浮动的方式有哪些？请说出各自的优点高度塌陷：当所有的子元素浮动的时候，且父元素没有设置高度，这时候父元素就会产生高度塌陷。清除浮动方式1：给父元素单独定义高度优点：快速简单，代码少缺点：无法进行响应式布局清除浮动方式2：父级定义overflow：hidden；zoom：1（针对ie6的兼容）优点：简单快速、代码少，兼容性较高缺点：超出部分被隐藏，布局时要注意清除浮动方式3：在浮动元素后面加一个空标签，clear：both；height：0；overflow：hidden...

原创 css 学习记录 pink d1

id# 只能调用一次 class.无数次700=bald 400=normal

原创 h5 笔记本 pink

div大盒子 span小盒子

原创 自考02326操作系统202008答案（自己批改的）

仅供参考，有问题留言区友好交流

原创 封装ajax 实战

封装geturl：query：callback：<script> function get(url, query, callback) { if (query) { url += '?' for (var key in query) { url += `${key} = ${query[key]}& ` }

原创 http 同步异步 ajax GETPOST

实操环节：<script> function sendMsg(){ var xhr = new XMLHttpRequest(); xhr.open(); } </script>

原创 git 学习与总结

第一次修改 -> git add -> 第二次修改 -> git add -> git commit每次修改，如果不用git add到暂存区，那就不会加入到commit中。$ git checkout – readme.txt命令git checkout – readme.txt意思就是，把readme.txt文件在工作区的修改全部撤销，这里有两种情况：一种是readme.txt自修改后还没有被放到暂存区，现在，撤销修改就回到和版本库一模一样的状态；一种是readme.tx

原创 2048游戏实现 for mobile d3

移动端的移植：响应式 Web 设计 - Viewport什么是 Viewport?viewport 是用户网页的可视区域。viewport 翻译为中文可以叫做"视区"。手机浏览器是把页面放在一个虚拟的"窗口"（viewport）中，通常这个虚拟的"窗口"（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过平移和缩放来看网页的不同部分。设置 Viewport一个常用的针对移动网页优化过的页面的 viewport meta

原创 2048游戏实现 d2

格子/小格子的CSS设定#grid-container{ width: 460px; height: 460px; padding: 20px; margin: 50px auto; background-color: #bbada0; border-radius: 10px; position: relative;}grid-cell{ width: 100px; height: 100px; border

原创 2048游戏实现 d1

搭建主要框架<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" type.

原创 9/16 学习记录

C++：初始化列表适用于const函数构造函数TEST();拷贝构造函数TEST（const TEST& tea）;默认构造函数TEST(int a , double b);-是允许重载的-是可以为空的析构函数：~TEST;以前函数共同的特性是如果没有申明的话，系统会自动生成。#include <iostream>#include <string>using namespace std;/** * 定义类：Student * 数据成员：m_