忙着剪视频-CSDN博客

原创 react笔记2021-5-7

1.hock方式写page2.父组件向子组件传值,传递函数通过props<First userInfo={user} />子组件利用props接收变量userInfo,也可以将函数作为变量传递过去3.父组件调用子组件的方法和变量,利用ref.let videoRef;ref={video => (videoRef = video)}4....

2021-05-07 15:55:32 78

原创 eleui的rule实现方式(1.prop 2.行内 3.自定义)

2021-04-13 15:06:26 237

module.exports = { entry: './src/main.js', output: { path: path.join(__dirname, './dist'), filename: 'fh_vr.js' }, devServer: { host: '0.0.0.0', //target host port: 8088, compress: true, proxy: { '/opc': { //ip地址后面接的

2021-04-06 11:17:19 216

原创当create vue3的时候卡在node sass不能下载时的处理

1.yarn config set registry https://registry.npm.taobao.org -g2.yarn config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass -g

2021-03-22 15:09:41 134

原创 git

Git命令大全# 查看配置信息# --local：仓库级，--global：全局级，--system：系统级$ git config <--local | --global | --system> -l# 查看当前生效的配置信息$ git config -l# 编辑配置文件# --local：仓库级，--global：全局级，--system：系统级$ git config <--local | --global | --system> -e# 添加配置项#

2021-01-19 14:36:18 51

原创 Shell脚本常用命令小记

1、 ls: 类似于dos下的dir命令ls最常用的参数有三个： -a -l -F。ls –aLinux上的文件以.开头的文件被系统视为隐藏文件，仅用ls命令是看不到他们的，而用ls -a除了显示一般文件名外，连隐藏文件也会显示出来。ls –l该参数显示更详细的文件信息。ls –F使用这个参数表示在文件的后面多添加表示文件类型的符号，例如*表示可执行，/表示目录，@表示连结文件，这都是因为使用了-F这个参数。但是现在基本上所有的Linux发行版本的ls都已经内建了-F参数，也就是说，不用输入这

2020-09-27 12:36:44 187 1

原创优化React使用npx创建项目的速度

先执行 npm config set registry https://registry.npm.taobao.org (执行是没有结果的)-- 配置后可通过下面方式来验证是否成功再执行 npm config get registry-- 或npm info express

2020-09-24 10:49:52 1113 2

原创 2020-8-10 面向对象编程的概念&低入侵，高入侵

面向对象编程对扩展开放，对修改关闭。当需要加入新的内容的时候，不需要修改已有的旧的代码，只需要直接添加新的配置即可！低入侵，高入侵区别：代码改动的大小低入侵：当项目需要改动的时候，去除此框架后，不需要大浮动修改代码，只需要修改相应的配置文件即可！高入侵：项目修改的时候需要，需要大幅度修改代码！...

2020-08-10 11:21:18 133

原创 VUE 模板化重用代码（专业程序员都这么做）

模板化代码<!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" href="h

2020-07-20 14:38:45 437

原创 VUE的起点

1.需要引入的包文件 <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>2.基本结构<div id="app">//所需写的H5代码 </div> new Vue({ el: "#app", data() { return { //初始变量的初始化

2020-07-20 13:48:57 76

转载 7_6 echarts的应用和花里胡哨的图表

1.echarts的引入<script src="https://cdn.bootcdn.net/ajax/libs/echarts/4.8.0/echarts-en.min.js"></script>2.套用模板<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>ECharts</title> <!-- 引

2020-07-06 19:25:06 167

原创 7_2 Ajax入门

1.什么是AjaxAjax 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。Ajax的全称是Asynchronous JavaScript and XML，即异步JavaScript+XML。它并不是新的编程语言，而是几种原有技术的结合体。它由以下几种技术组合而成，包括：HTML/XHTML——主要的内容表示语言。CSS——为XHTML提供文本格式定义。DOM——对已载入的页面进行动态更新。XML——数据交换格式。XSLT——将XML转换为XHTML（用CSS修饰样式）。XM

2020-07-02 14:12:11 63

原创 7_2 简易的日历制作

简易的日历1. css代码<style> * { margin: 0; padding: 0; } li { list-style: none; } .container { border: 1px solid #ccc; height: auto; width:

2020-07-02 13:57:45 111

原创 6_30 事件委托&简易版飞机大战小游戏

1.事件委托1.1 概念当页面元素不存在的时候，而此时想先给未知的元素绑定事件，但是单纯的绑定事件又不能触发，那是因为未找到的绑定的对象，所以此时你需要将事件委托给其祖先元素。1.2 例子//css部分<link rel="stylesheet" href="https://www.bootcss.com/p/buttons/css/buttons.css"> <style> .button { margin-right:

2020-07-02 13:50:34 104

原创 2020_6_29 jQuery&轮播图&五星好评

1.jQuery的入门jQuery百度脑图连接1.1 js和jq的互相转换js=>jq：jsdom=>$(jsdom)jq=>js：$(jsdom)=>$(jsdom)[0]jq=>js：$(jsdom)=>$(jsdom).get(0)*1.2DomContentLoaded和load的区别DomContentLoaded:页面中的html加载完就执行onload：资源加载完毕才执行 1.3其他零碎的见上方脑图链接//见脑图链接2.自定义的轮

2020-06-29 15:03:08 166 1

原创 2020_06-23 借原型的方法&巧妙的封装多次使用且代码较长的方法&进度条&播放器的控制&没有进度条的翻页效果

1.借用原型上的方法function makestr() { let code = Array.prototype.shift.call(arguments); return Array.prototype.join.call(arguments, code);}//将类数组利用数组的join方法，以code的形式进行拼接2.巧妙的封装多次使用且代码较长的方法//这是一个值得养成的好习惯，将一些使用频率较高，且重复的代码量较长的模块进行封装处理//$也可以作为变量的名字3.

2020-06-26 09:02:38 120 1

原创 6_22小知识整理

1.数组的常用函数array1.concat(array2)//数组合并array.join()、array.toString()//数组转换成字符串(默认逗号隔开)array.join("-")//数组转换成字符串，使用“-”隔开array.sort()//排序，默认升序，按照第一个字符的大小排列array.push()//末尾插入array.pop()//末尾取出array.unshift()//头部插入array.shift()//头部取出array.splice(数组下标，操作位数

2020-06-22 19:52:02 98

原创 2020_6_22 箭头函数&语法糖&obj插入数据&Cookie

箭头函数1.普通写法 let fuc = (参数一, 参数二...) => { // 执行的js语句 }2.简写（当js语句只有一句的时候）let fuc = (参数一, 参数二...) => // 执行的js语句3.简写（当js和形参都只有一个的时候）let fuc = 参数一 => // 执行的js语句语法糖a = a || 默认值 //(当a不为空的时候a=a，当a未定义时赋予默认值)a > 0 &&am

2020-06-22 14:30:23 192 1