Juice-Dreamer-CSDN博客

原创 vue 官方文档 - 处理边界情况

1. 处理边界情况官方文档 - 处理边界情况1.1. 访问元素 & 组件1.1.1. 访问根组件所有子组件都可以通过 this.$root 访问 main.js 的那个根实例⛔：大型应用建议使用 vuex 来管理！1.1.2. 访问父组件所有子组件可以通过 this.$parent 访问上一级父组件，但是嵌套层级太深就会出现一个问题1.1.3. 访问子组件实例或元素可以通过给子组件设置一个 ref，来进行访问，比如可以在父组件写一个聚焦函数，让子组件里面的 input 进行聚

2021-06-01 11:18:21 209

原创 vue 官方文档 - 插槽

1. 插槽1.1. 前言在 2.6.0 以后，vue 官方文档引入了新的指令 v-slot，此文章仅作为学习笔记，如有错误理解请多多指教????‍♂️1.2. 插槽内容⛔：这部分最后一句话，不知道是不是有错误，我自己在 Son.vue 中不写任何 slot（如下），并不会替换 Son.vue 的所有内容<template><h1>我是子组件</h1></template><!-- Fathe

2021-05-31 22:53:39 270

原创 vue 官方文档 - 自定义事件

1. 自定义事件官方文档自定义事件1.1. 自定义组件的 v-model首先，一个组件的 v-model 默认会利用一个名为 value 的 prop 接 input 的事件，如下所示：<template><input type="text" :value="value" @input="handleInput"/></template><script>export default { prop

2021-05-31 22:10:59 216

原创 vue-响应式原理

1. 自己动手实现响应式1.1. 原理1.1.1. 两个问题首先给你如下的一段代码，要实现响应式，你需要考虑什么问题？<div> {{ message }}  {{ message }}  {{ message }}  {{ name }}</div><script> const app = new Vue

2021-05-12 23:29:44 152

原创 react 入门看这个就够了

1. React1.1. 常识React 是什么：用于构件用户界面的 JavaScript 库（将数据渲染为 HTML 视图，它不关注获取数据啥的，只给你渲染到 HTML 上面）为什么要学：原生 JavaScript 操作 DOM （jQuery 也是操作 DOM，只是写起来简单）繁琐、效率低（比如 document.getElementById() 一句话就是：DOM-API 操作 UI直接操作 DOM，浏览器会进行大量的重新绘制、重新排列，造成效率低下原生 JavaScript 没有组件

2021-04-15 13:22:13 1539

原创 Git知识总结

1. Git1.1. 基本常识集中式版本控制系统（如 SVN )：它是有一个中央服务器来存放所有版本的信息，有个缺点就是一旦它崩了，开发者就看不到完整的代码了分布式版本控制系统（如 Git ）：各个开发者都有一份完整的代码，各自把自己修改的文件推送给其他开发者就好了fork：点一下会把别人的项目克隆到自己的远程仓库里，自己就可以在上面修改了，不会影响别人的pull request：自己把fork的项目修改了，点击 pull request 发起一个请求来，就可以让原作者看一下是否需要合并wat

2021-03-17 17:33:24 189

原创 angular入门

Angular1.Angular简单对比三大框架框架名称AngularReactVue优点1.良好的应用程序结构2.双向数据绑定3.指令、HTML模板4.可嵌入、注入、测试…1.速度快、模块化2.跨浏览器、兼容性好1.简单易学2.异步更新DOM，速度快3.组件复用高效…缺点1.入门容易，深入难2.官方文档基本只有api，无示例React(V)+ReactRouter+Flux才能构成完整应用1.新生儿，生态不够成熟2.有关Vue的三方库较少使用情况较少

2020-12-17 22:56:07 3156

原创 Typescript笔记

TypeScript1.编译需要编译成 es5 语法，浏览器才能识别tsc index.ts # 会生成同名的js文件tsc --init # 生成tsconfig.json # 修改tsconfig.json的outdir # vscode里终端→运行任务→typescript→监视tsconfig.json2.数据类型本节内容包括：boolean、string、number、Array<T>、[string,boolean]、enum、any、undefi

2020-12-17 22:54:37 169

原创 HTTP-TCP总结

一、HTTPHyper Text Transfer Protocol是一种无状态的、以请求|应答方式运行的协议。它支持可扩展的语义和自描述消息格式，与HTML可以灵活互动无状态：浏览器无法识别谁连接它→cookie请求应答方式：request、response可扩展的语义：头部可以添加自定义标签自描述消息格式：可以自己定义消息的格式，如application/json、text/html、text/plain1. HTTP消息格式消息格式requestresponse

2020-12-10 23:15:09 226

原创 vue中简单封装自己的json-editor

前言在项目开发中，用到了一个json editor，因为是vue需要用到，于是借鉴了vue-json-editor源码进行编写了一个符合自己业务的json-editor。接口name含义默认值width组件的宽度‘100%’height组件的高度‘500px’mode编辑json的格式(tree、view、form)treemodes可视化json的格式(tree、code、orm、text、view)[‘tree’, ‘code’, ‘form

2020-12-07 22:14:05 1180

原创 Vuex中getters动态获取state的值

前言在做项目时，getters里有很多冗余代码，但是仔细一看可以根据参数来解决，于是决定使用传参来进行获取，减少代码冗余。案例需求：在getters里能够根据值动态获取到people的元素。经过多次尝试，最终得到下面的代码。state.js代码如下：export default { people: [ { name: 'zs', age: 14 }, { name: 'ss', age: 24 }, {

2020-11-10 23:51:33 4071

原创 Vuex分模块使用

前言最近在做练手项目时，把vuex分模块进行了管理。但是对于语法的不熟悉，导致漏洞百出。这两天结合了vuex的官方文档，操作了一下分模块下，如何读取state、getters、actions等，如下是记录过程。为什么分模块之前看的代码，是把所有state、getters、actions写在一个文件，由于项目较大，感觉逻辑有点乱，于是可以利用分模块的办法，給每一个模块单独的state、getters、actions等，从而使得逻辑结构清晰。案例代码说明如下图所示，我主要是分了两个模块a、b，分别在

2020-10-13 19:02:53 1371

转载 centos6.8安装docker

1.系统版本 [root@ybsrv1 ~]# uname -a Linux ybsrv1 2.6.32-642.el6.x86_64 #1 SMP Tue May 10 17:27:01 UTC 2016 x86_64 x86_64 x86_64 GNU/Linux [root@ybsrv1 ~]# cat /etc/redhat-release CentOS release 6.8 (Final) 2.安装...

2020-10-08 21:43:20 310

原创 mouseenter、mouseleave、mouseover、mouseout理解

前言由于用到这几个事件，记录一下这几个事件的测试结果。元素内无子元素 <div id="a1" style="border: 1px solid #666;width:300px;height: 200px;border-right:none"> aaaaaa </div> <div id="b1" style="border: 1px solid #666;width:300px;height: 200px;border-right:none">

2020-08-28 19:12:11 232

转载采坑记-读取本地图片

前言最近在写一个vue读取本地文件夹，然后页面展示vue文件夹的图片信息，有如下的疑惑，遂去了解原因。【onloadend是异步加载的，因此那里拿不到】参考内容URL.createObjectURL(object) 返回了一个DOMString包含了一个对象URL，该URL可用于指定源 object的内容。其参数为用于创建 URL 的File 对象、Blob 对象或者 MediaSource 对象。FileReader.readAsDataURL(file) 读取指定的 Blob 或 Fil

2020-08-20 21:17:27 306

转载 vue中map遍历对象数组

前言今天在写map遍历对象数组的时候，vue提示报错：陷入了更新死循环，原因是遍历操作修改了原数组对象，导致map又一次触发，因此正确做法是map操作时不能改变原数组。 data() { return { names: [ { id: 1, name: '张三', age: 20 }, { id: 2, name: '李四', age: 8 }, { id: 3, name: '张三', age: 18 }

2020-08-10 09:21:18 16236

转载 Vue中process.env.NODE_ENV

迟到怪物 2020年02月21日阅读 1004 关注一文弄懂如何在 Vue 中配置 process.env.NODE_ENV 最近在研习 vue.config.js 文件，发现一行，甚是费解。process.env.NODE_ENV查阅资料后，发现武林众功法中对 process.env.NODE_ENV 没有解释的太清楚，遂决定以一功法记录。process.env 为何物...

2020-08-06 17:06:58 12441 5

转载 npm(你怕吗) 全局安装与本地安装、开发依赖和生产依赖

<div class="article fmt article__content">npm（你怕吗）npm(Node Package Manager)是 JavaScript 世界的包管理工具,并且是 Node.js 平台的默认包管理工具。通过 npm 可以安装、共享、分发代码,管理项目依赖关系。（与其有同样功能的另一个包管理工具yarn，速度用体验比旧版本的npm好，但npm最近的新版本也做出很大努力，...

2020-07-09 18:46:29 874 1

原创【最新】小白通过nginx部署vue项目到CentOS

总结这两天想试一下怎么部署vue项目，可怜我这个小白一点经验都没，踩了很多坑，以此记录一下我配置的过程，希望能帮到其他人。对很多原理不了解，希望大佬们能够指出。配置情况说明：软件说明服务器：Centos7.2无Nginx1.16.1简单理解就是配置一下它的一些路径，你就能从服务器ip访问到你的项目了步骤首先是安装yum【yum是一个包管理器，用于CentOS下，读者自行安装】安装nginx【yum install nginx】；启动nginx【systemc

2020-07-09 12:33:51 413

原创小白入门Vuex

VuexVuex是什么Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。（简单理解就是多个组件需要访问的数据存放在这里面统一管理）为什么用Vuex#说明可以看到，根组件的data这个数据对A、B组件来说有多么麻烦了吧，一层一层往下传，又一层一层往上传；因此如果有个地方存放着这个data，各组件直接从里面获取或者设置不就好了吗？Vuex就有这个作用。有了Vuex，A可直接通过Getter获取到数据，B也可直接通过Mutation设置数据，就很方便啦。V

2020-07-05 21:37:16 181

原创 Windows安装SSH连接远程服务器以及文件下载

Windows安装SSHSSH(Secure Shell)：专为远程登录会话和其他网络服务提供安全性的协议。安装方式：软件说明Xshell这个软件很好，但是一般要收费，可以免费使用一个月，有兴趣的朋友可以自行去官网下载openSSL这个是开源免费的软件，可直接使用命令行执行ssh截图说明这里有多个版本，可以按自己电脑情况进行选择，我选的是第1个的exe，3.5M下载很快。安装过程略过，基本就是点击next就行。将安装目录下的bi

2020-07-04 11:12:13 2322

转载 Windows安装CentOS后，进行Python开发

谨以此来记录安装过程#内容安装步骤https://www.jianshu.com/p/7f18f1bd4778报错https://blog.csdn.net/whatday/article/details/88791582其他vi按i进入编辑模式-Esc+：wq退出并保存

2020-07-01 19:25:10 116

原创 Windows系统安装Linux虚拟机

安装VMware14/15(这个使得你可以在一个系统上运行Linux或多个Windows)------>下载地址和密匙下载Linux操作系统------>CentOS下载地址打开VMware创建新的虚拟机自定义类型配置硬件兼容性（我的版本是15.5默认会选择15.x）安装客户机操作系统命名虚拟机配置处理器配置虚拟机内存网络类型I/O类型选择磁盘类型选择磁盘指定磁盘容量指定磁盘文件点击完成最后进去配置一些就可以了参考文.

2020-06-07 11:07:04 238

qq_39811414的博客