涔溪-CSDN博客

原创 Typora简介

Typora简介一、Typora是什么？ Typora 是一款支持实时预览的 Markdown 文本编辑器。它有 OS X、Windows、Linux 三个平台的版本，并且由于仍在测试中，是完全免费的。 Typora 首先是一个 Markdown 文本编辑器，它支持且仅支持 Markdown 语法的文本编辑。在 Typora 官网上他们将 Typora 描述为「A truly minimal markdown editor. 」。二、关于Markdown Markdown 是用来编

2020-11-11 08:09:57 18752

原创【webpack】解决使用umd模式打包后，在vue-cli项目引入为undefined问题

【webpack】解决使用umd模式打包后，在vue-cli项目引入为undefined问题，umd打包

2023-03-30 11:01:12 1413

原创 js文件下载

图片，视频，文件下载

2023-03-13 09:37:53 152

原创下载图片视频

js vue 下载图片文件

2023-03-08 18:02:19 137

原创 js、vue文本点击复制内容

js、vue文本点击复制内容

2022-11-16 17:10:45 322

原创 git永久保存账号密码

git永久保存账号密码安装好git后直接在git bash 中执行命令：git config --global credential.helper store然后输入账号密码git config --global user.name "用户名"git config --global user.email "邮箱"git config --global user.password "密码"就可以永久保存，避免重复输入账号密码操作...

2021-11-02 18:04:13 2131

原创 Git分支创建、合并、上传等命令

Git分支创建、合并、上传等命令一、创建test分支提交步骤1.列出所有分支git branch -a2.创建test分支git branch test3.切换到test分支:git checkout test4.添加add修改:git add .5.添加commit注释git commit -m “第一次提交代码”6.提交到服务器git push origin test二、将test分支合并到master本地分支1.创建test分支git branch test2.切换

2021-10-28 17:28:08 177

原创 JS键盘字母相应的keyCode值

JavaScript中键盘字母与keyCode值（键值）的对照表keycode 8 = BackSpace BackSpacekeycode 9 = Tab Tabkeycode 12 = Clearkeycode 13 = Enterkeycode 16 = Shift_Lkeycode 17 = Control_Lkeycode 18 = Alt_Lkeycode 19 = Pausekeycode 20 = Caps_Lockkeycode 27 = Escape

2021-10-09 14:22:31 1114

原创在下拉菜单中，传递的value参数为 id时，如何拿到其 label值？

在下拉菜单中，传递的value参数为 id时，如何拿到其 label值？<template> <el-select @change="selectGet" class="cms-width" v-model="info[item.field]" filterable remote reserve-keyword placeholder="请输入老师姓名" :loading="loading" v-if="item.field=='tplChannel

2021-08-30 18:03:38 294

原创 css隐藏滚动条、兼容

css隐藏滚动条.scrollbar{ scrollbar-width: none; -ms-overflow-style: none;}.scrollbar::-webkit-scrollbar { display: none; }

2021-08-04 11:31:03 127

原创设置网页右键点击，并阻止右键点击默认事件

设置网页右键点击，并阻止右键点击默认事件//为当前文档添加鼠标右击事件，防止默认的右击菜单弹出document.oncontextmenu=Youji; function Youji(){ alert("右击成功！"); return false;}

2021-07-27 10:08:54 869 1

原创 git commit -m 提交时报错husky pre-commit (node v12.18.2)

git commit -m ""提交时报错husky > pre-commit (node v12.18.2)husky > pre-commit (node v12.18.2)Stashing changes... [started]Stashing changes... [skipped]鈫?No partially staged files found...Running linters... [started]Running tasks for src/**/*.{js,vu

2021-07-20 18:57:45 1439

原创 Hooks操作步骤

使用useState第1步：引入useStateimport React,{ useState} from 'react';第2步：获取useState中的数据const App = ()=>{ let [value,setValue] = useState('hello') //修改的函数 const update = ()=>{ setValue('world') } return ( <div&gt

2021-06-15 09:14:15 258

原创 redux中间件原理-讲义

1、redux中间件简介1.1、什么是redux中间件redux 提供了类似后端 Express 的中间件概念，本质的目的是提供第三方插件的模式，自定义拦截 action -> reducer 的过程。变为 action -> middlewares -> reducer 。这种机制可以让我们改变数据流，实现如异步 action ，action 过滤，日志输出，异常报告等功能。通俗来说，redux中间件就是对dispatch的功能做了扩展。先来看一下传统的redux执行流程：图

2021-06-15 09:13:21 717

原创 React简介及基础用法

1、React简介1.1、React概述React 是用于构建用户界面的 javascript 库，具有声明式、组件化等特点。1.2、MVC和MVVM模式MVC（Model-View-Controller，模型-视图-控制器），Model指模型数据，View是显示的界面，Controller是控制层，控制层用于接收到用户的操作，然后进行一系列的处理后，发送给Model，接收到Model的响应后再交给View视图层。MVVM（Model-View-ViewModel，模型-视图-视图模型），Mode

2021-06-11 16:44:05 290 1

原创修改npm默认全局安装路径

修改NPM全局安装的默认路径（不要轻易操作）查看当前的全局安装路径npm config ls安装指定的目录安装node.js，例如： c:\nodejs。node.js安装完成之后，需要在 c:\node.js 目录下创建两个文件夹：c:\nodejs\node_globalc:\nodejs\node_cache文件夹创建成功后，执行命令：# 配置默认的全局安装路径npm config set prefix "c:\nodejs\node_global"npm config set

2021-06-11 16:27:31 843

原创 TypeScript笔记

1、TypeScript入门1.1、开发环境搭建使用 npm 安装 Typescriptcnpm i -g typescript1.2、TypeScript入门创建一个空目录，例如： d:\prject ，在该目录下创建文件 index.ts//声明变量，要指定变量的类型const hello : string = 'hello world!'console.log(hello)在该目录下启动 cmd 命令行工具，执行：# 把ts文件编译为js文件tsc index.ts# 运

2021-06-11 16:26:55 147 1

原创 node环境搭建流程

1、前期准备要把C盘下的与node和npm相关的目录删除，卸载安装不规范的node环境。2、Node下载与安装去node官网下载：https://nodejs.org/zh-cn/download/安装参考教程：https://www.runoob.com/nodejs/nodejs-install-setup.htmlnode安装时，要安装到指定的目录下，例如：D:/nodejs3、修改NPM全局安装路径第一步：在 D:/nodejs 目录下创建文件夹：D:\nodejs\node_

2021-06-11 16:25:52 306 1

原创 mobx笔记

入门案例1、环境搭建创建项目mkdir my-appcd my-appnpm init -y安装依赖cnpm i webpack webpack-cli -Dcnpm i html-webpack-plugin -Dcnpm i babel-loader @babel/core @babel/preset-env -Dcnpm i @babel/plugin-proposal-decorators @babel/plugin-proposal-class-properties -Dc

2021-06-11 16:25:12 157 1

原创 immutable.js笔记

Immutable.js原理分析Immutable Data 就是一旦创建，就不能再被更改的数据。对 Immutable 对象的任何修改或添加删除操作都会返回一个新的 Immutable 对象。Immutable 实现的原理是 Persistent Data Structure（持久化数据结构），也就是使用旧数据创建新数据时，要保证旧数据同时可用且不变。同时为了避免 deepCopy 把所有节点都复制一遍带来的性能损耗，Immutable 使用了 Structural Sharing（结构共享），即如果对

2021-06-11 16:24:23 189 1

原创安装axios及其基础用法

1、基本用法安装cnpm i axios --save在 main.js 中引入 axiosimport axios from 'axios'Vue.prototype.$axios = axios在组件中使用 axios<script> export default { mounted(){ this.$axios.get('/goods.json').then(res=>{ console.log(res.data); }) } }&

2021-06-11 16:23:51 960

原创 React基础

1、React组件组件的概念React 应用都是构建在组件之上。组件作为React的核心内容，是View的重要组成部分，每一个View页面都由一个或多个组件构成，可以说组件是React应用程序的基石。在React的组件构成中，按照状态来分可以分为有状态组件和无状态组件。1.1、函数组件无状态函数式组件形式上表现为一个只带有一个 render() 方法的组件类，通过函数形式或者 ES6 箭头 function的形式在创建，并且该组件是无state状态的。具体的创建形式如下import React

2021-06-11 16:22:38 632 1

原创 Webpack搭建React开发环境

Webpack搭建React开发环境1、React环境搭建实现React开发的三种方式：（1）使用CDN的方式<script src="https://unpkg.com/react@16/umd/react.development.js"></script><script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script><!-- 生产环境中

2021-06-10 10:34:20 280

原创快速部署web项目上线云服务器

快速部署web项目上线云服务器一、第一步登录腾讯云1、登录腾讯云后，先购买或者在最新活动中免费领取一个十五天的云服务器产品2、然后点击头像3、在云产品选项中选择你需要的云服务器或轻量级应用服务器4、我选择的是轻量级应用服务器，点击服务器进去重置密码。5、然后点击密匙，并创建密匙6、创建密匙之后，密匙后有个绑定/解绑实现将密匙绑定到你的服务器上。7、设置好后让服务器开机，开机之后点击登录登录我们的远程服务器直接选择上面的ssh登录如果在这个命令下输入 su 命，在输入你刚

2021-06-08 10:51:44 396

原创 vue项目中导入视频

vue项目中引入视频插件一、安装插件 vue-video-playernpm install vue-video-player -s二、在main.js里倒入并使用import VideoPlayer from 'vue-video-player'import 'vue-video-player/src/custom-theme.css'import 'video.js/dist/video-js.css'Vue.use(VideoPlayer)三、在vue文件中使用1、HTML&

2021-06-01 10:09:10 6199 1

原创设置网页文字禁止复制

设置网页文字禁止复制*{ -webkit-user-select: none; }直接设置css样式禁止文字选中就可以了，此样式兼容Chrome。

2021-05-27 11:25:29 237

原创宏任务与微任务

宏任务与微任务浏览器为了能够使得 JS 内部 task（任务）与 DOM 任务能够有序的执行，会在一个 task 执行结束后，在下一个 task 执行开始前，对页面进行重新渲染（task-> 渲染-> task->…)宏任务（task）：就是JS 内部（任务队列里）的任务，严格按照时间顺序压栈和执行。如 setTimeOut、setInverter、setImmediate 、 MessageChannel等微任务（Microtask ）：通常来说就是需要在当前 task 执行结

2021-05-20 16:41:46 207

原创动态修改网页title

动态修改网页icon图标//如果在vue项目中在App.vue下的 created() 中输入var link = document.querySelector("link[rel*='icon']") || document.createElement("link");link.type = "image/x-icon";link.rel = "shortcut icon";link.href = this.icon_url; //icon图标document.getElementsBy

2021-05-19 10:31:56 392

原创动态修改网页icon图标

动态修改网页icon图标//如果在vue项目中在App.vue下的 created() 中输入var link = document.querySelector("link[rel*='icon']") || document.createElement("link");link.type = "image/x-icon";link.rel = "shortcut icon";link.href = this.icon_url; //icon图标document.getElementsBy

2021-05-19 10:31:20 3341 2

原创 vue常用面试题

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化Vuex有五个核心概念：state、getters、mutations、actions、modules。1、state：vuex的基本数据，用来存储变量2、geeter：从基本数据(state)派生的数据，相当于state的计算属性3、mutation：提交更新数据的方法，必须是同步的(如果需要异步使用action)。每个mutation都有一个

2021-05-18 15:15:07 213

空空如也

空空如也