wch13006332573的博客

原创 vscode的配置

原创 git的使用教程

参考 https://www.liaoxuefeng.com/wiki/896043488029600/896202780297248

原创 jq的事件操作，以及默认事件

1，闭包，概念，ja中函数的高级应用作用，在函数外部访问函数内部的变量2，继承，概念，构造函数之间的高级应用用法，自己继承父级，本质是继承父级构造函数的功能和程序3，设计模式解决专门的问题，简介高效的程序单例模式，解决构造函数，生成同一个实例化对象组合模式，通过一个方法，控制所有构造函数的入口函数发布订阅模式，监听主体状态，通知相关个体，响应更新数据4，jq概念，js的代码库，最简单的框架执行，要执行jq先加载ja程序文件选择器，获取dom元素的方法筛选器，在jq中，根据条件筛

原创 vue中富文本编辑器wang editor的使用

npm安装哦“wangeditor”: “^3.1.1”在引入组件时import wangEditor from "./wangEditor";<wang-Editor v-model="detailtext" class="wang"></wang-Editor>组件富文本编辑器的代码<template lang="html"> <div class="editor"> <div ref="toolbar" class

原创 jq学习选择器和筛选器，还有属性选择器，添加属性和删除属性，获取属性

jq是什么？js的代码库，更加方便地使用js特点：1，方便快捷的选择器，和筛选器2，优质的隐式迭代3，强大的链式编程2，jq的选择器3，jq的筛选器：对选择器获取标签的基础上，进行筛选，匹配上一个，匹配下一个，等等进行筛选，便于链式编程选择器和筛选器都是为了链式编程的，例如，先选择元素，筛选元素，操作元素，然后返回，也就是说可以一条命令编程下去通过选择器和筛选器，可以获得页面中的所有元素4，jq的属性操作propattr区别：attr会体现在元素上，prop不会体现在元素上attr

原创 单文件组件

当我们用vue .component定义全局组件时，然后使用 new Vue({el:"#container})在每个页面指定一个容器元素这种方式可以在中小型的项目中运行的很好，但是在大型项目中，就会暴露很多缺点，又或者你的项目中前端完全由js控制，下面这些缺点将会暴露的很明显1，全局定义，强烈要求每个component不能重复2，字符串模板，缺乏语法高亮3，不支持css 意味着当html和js组件化的时候，css明显被遗漏4，没有构建步骤上面所有的问题vue中文件名后缀为.vue提供了解决的办

原创 vue中的插件和过滤器

vue中的插件通常为vue添加全局功能，插件的功能范围一般没有严格的限制插件的种类1，添加全局的方法2，添加全局的资源，指令，过滤器，过渡等3，通过全局混入，添加组件选项例如，vue—router4，添加vue实例的方法 例如 vue.prototype5，一个库，提供在自己的api使用插件通过全局方法，Vue.use()使用插件，他需要你在调用new Vue（）启动之前完成vue。ues会自动组织多次注册相同的插件，即使多次调用也会只是注册一次该插件开发插件vue.js的插件暴露了

原创 vue的渲染函数和jsx

基础认识vue在正常情况下使用模板创建HTML，但是在一些情况下，需要js的完全变成能力，可以使用渲染函数，比模板更加贴近编辑器我们可以使用render渲染函数，实现一个简单的例子，例如生成带锚点的标题，Vue.component('anchored-heading', { render: function (createElement) { return createElement( 'h' + this.level, // 标签名称 this.$slots.

原创 vscode使用git

vscode使用的插件插件vscode使用git第一步先clone远程仓库在文件夹中cmd中使用git clone命令（可以先git pull一下，拉取文件）第二步，用vscode打开文件夹使用分支管理，暂存所有已经修改的文件提交已暂存文件写入提交日志、第三步，推送到远程仓库...

原创 json-server的使用

第一步全局安装json-servercnpm install json-server -g第二步在文件夹中创建一个db.json 的文件{ "sabdata": [ { "id": 1, "name": "lisi", "sex": "gire", "idnum": "asdfsadfasdf", "region": "werfcsa", "

原创 js中的设计模式

一，单例模式使用同一个构造函数生成的实例化对象，就算属性和方法相同，生成的也都是不同的实例化对象解决难点就是同一个构造函数生成同一个实例化对象，防止重复实例化原理，判断这个构造函数是否使用过，，使用过就返回之前的对象，如果没有那就生成一个实例化对象解决重复创建的问题二，组合模式基本概念，通过一个遥控器，控制所有的入口函数执行通过构造函数的一个入口定义执行所有的函数方法在大型项目中，建立大有入口的构造函数可以通过for循环遍历所有的方法，一次性执行三，观察者模式，又被称为发布和订阅模式当主

原创 继承的理解

一，什么是继承是构造函数之间的相关应用继承的是属性和方法是子集从父级继承常见的继承方法有，原型继承，构造函数继承，es6继承二，构造函数es5定义构造函数 // 构造函数 function Father(name,age){ this.name=name this.age=age } Father.prototype.fun1=function(){ console.log

原创 闭包的理解

堆内存（主要存储基本数据类型和函数名称（保存的是栈内存的地址））和栈内存（主要存储引用数据类型的值）一，函数的两个阶段1，函数的定义在内存中开辟一个空间，用来存储函数将程序代码放在这个空间里将存储空间的地址，赋值给函数名称进行存储2，函数的执行阶段按照函数名称存储的地址，找到存储空间如果有形参就给形参赋值预解析（在存储空间里面，变量提升，或者函数提升）将存储的函数调用执行二，函数的本质（函数的执行过程）1，在函数的存储空间里面开辟一个新的执行空间2，函数的程序会在执行空间里面执行

原创 echart在vue中的应用

第一步安装npm install echarts --save第二步在main函数里面引用import echarts from ‘echarts’Vue.prototype.$echarts = echarts第三步奉献源码（注意要用ref获取元素，不然会报错）报错信息（vue.esm.js:610 [Vue warn]: Error in mounted hook: “TypeError: Cannot read property ‘getAttribute’ of undefined”

原创 使用纯css完成行星图并且封装成组件

在这里插入代码片<template> <div class="box"> <div class="circle-wrapper"> <div class="circle-1"> <div class="ball1"></div> <div class="circle-2"> <div class="ball2">www</div&

原创 2020/5/29

一，熟悉git版本控制工具配置电脑的key值，连接githubgit clone项目git init生成本地仓库git add * 上传到缓存区git branch -a 显示分支git chackout 分支名进入分支git commit 写入日志的规范二，研究nginx设置本地服务的代理改变访问的地址如何显示js和css资源（未解决）三，研究项目结构webpack模块打包机设置入口文件entry设置出口文件output设置输出的文件名设置输出的文件路径modul ru

原创 移动端适配和git笔记

可以通过flexible该插件将px转换成rem.1、安装flexible:可以自动为项目将加viewport标签。动态。postcss-px2rem:负责将px转为rem.cnpm install lib-flexible postcss-px2rem -S2、修改webpack配置信息。node_module/react-scripts/config/webpack.config.js1、引入const px2rem = require(“postcss-px2rem”)2、增加代码：

原创 mongodb的操作

mongodb的操作指定数据为文件（挂载数据库）：mongod --dbpath d:\mymongo:进入到mongo环境。查看数据库相关的信息show dbs:查看当前的数据库use wang:进入到名字为wang的数据库。db:查看当前所在的数据库show collections:查看当前库中有哪些集合。增***db.userList.insert({userName:“应帅”})：在集合userList当中插入一条记录。批量导入一些数据：mongoimport --db sc

原创 页面适配的方案

一，固定高度，用弹性盒布局，利用少量的媒体查询例如拉勾网二，使用rem作为单位，定义一个初始的font-size，按照ui的设计稿设置，然后所有的单位用rem代替案例：网易三，动态设置viewport的s’cale（也是用rem）淘宝适配案例：淘宝四，使用flexible，直接应用...

原创 小程序数据库操作指令

弹性盒布局display: flex;/* flex-direction: column; // flex-direction: row; // flex-direction: column-reverse; // flex-direction: row-reverse; // justify-content: flex-start; // justify-content: flex-end; // justify-content: center; // justify-content:

原创 继承

构造函数之间的高级应用原型继承：主要继承属性构造函数继承：主要继承方法组合继承：继承属性和方法es6继承

原创 闭包

函数之间的高级应用创造一个不被销毁的函数执行空间，让函数外部可以访问函数内部的变量作用域堆和栈，函数，数组，对象，属于应用数据类型，在栈里面只存在一个地址，函数执行有一个执行空间，执行完就会被销毁...

原创 react06

强制刷新forceupdatejsx组件三个属性组件的传值组件的生命周期的钩子函数挂载（4）更新（5）卸载（1）axiosjson-serverswiper(npm i swiper --save)bejson网站格式化json数据异步传取数据非父子组件传值pubsub-js包（npm i pubsub-js）发布和订阅路由router后端路由:根据用户请求返...

原创 react04

react文件的扩展名不一定是js也可以是jsx代理正向代理:配置文件的路径webpackdevserver.config.js反向代理弹射ejectnpm run eject失败的话重装依赖生命周期的钩子函数挂载阶段constructorstatic get DerivedStateFromProps（静态的 获取派生状态）rendercomponentDidMou...

原创 react03

类组件statepropsrefssetstate受控组件与非受控组件组件的传值模糊查找字符串的includes方法dangerouslysetinnerhtml可以渲染html字符串脚手架环境npm i -g create-react-app全局安装创建一个项目npx create-react-app your-appnpm start启动项目导入导出expor...

原创 react02

复习环境搭建jsx渲染列表组件渲染对象jsx的原理jsx注意事项今日内容展开运算符引用传递浅拷贝对象的浅拷贝，扩展运算符，object.assignjsx中的注释refs节点两种方式ref=字符串ref=｛(node)=>this.属性=node｝this属性就可以拿到dom节点this.refs用ref标识节点类组件才有refscomponentDi...

原创 react01

声明式组件化一次学习，随处编写jsxcomponent路由第三方工具开发环境01引用文件的方式02脚手架环境（基于webpack）注意版本npm init -y（产生package.json文件）npm i react（下载核心包产生nodemodult有react包umd目录文件下react-defolument.js）npm i react -dom（react用于we...

原创 react环境搭建

第一步新建项目npx create-react-app myproject第二步安装必要的依赖npm i antd react-app-rewired customize-cra babel-plugin-import less less-loader @babel/plugin-proposal-decorators第三步测试index.js 引入import ‘antd/d...

原创 js数组的拓展方法

js数组的拓展方法一共有17个push,unshift,pop,shift,splice,slice，concat,reverse,includes,indexof,join,sort,forEach,map,filter,some,every常用的有8种push,splice,concat,indexof,join,foreach,map,filter数组的拓展方法主要注意两个地方1，...

原创 react初识

react基本介绍1，jsx2，组件3，路由4，状态管理5，第三方管理工具react重点就是这五个方面的学习一，jsx是什么jsx是什么，jsx的注意事项和区别有哪些？js的语法库JSX 执行更快，因为它在编译为 JavaScript 代码后进行了优化。它是类型安全的，在编译过程中就能发现错误。使用 JSX 编写模板更加简单快速。二，组件1，组件的优点？方便复用方...