- 博客(35)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 VUEX总结
vue单页面应用中，每个组件内部的数据在data中存放，供vue组件内部使用，但是，vue组件之间的数据共享怎么办？即A组件要使用B组件里的数据怎么办？传统的处理方案：父子组件传值、平行组件在跳转时，利用url，路由里的传值等等。但是有缺点！有一个很好的解决方法！那就是vuexvuex（状态管理工具）基本概念：主要是用来传值的（跨层级传值）跨层级传值也就是组件与组件没有父子关系的一个传值方式。 组件于组件没有同胞关系的传值，叫做跨组件传值，vuex就是围绕跨组件传值的。如上图所示，如果新闻
2021-03-23 09:15:58
373
原创 构造函数，原型对象，
构造函数回顾，普通函数，如下图（一）、构造函数严格意义就是用来生对象的示例：用普通函数模拟的构造函数（二）、构造函数是必须通过new这个关键字调用的（要改变this的指向）也称为 实例化一个对象（执行这个函数，生成一个对象），它的作用就是在普通函数中替我们生成了一个对象，并在最后给我们retrun出去，也就是如下红线标注所示！去掉红圈部分，就是一个标准的构造函数，声明构造函数是首字母要大些！同时在函数中也可以 给对象附函数，如图原型（原型对象prototype）理解定义：在构造函数
2021-03-21 15:54:37
125
1
原创 vue.js 多方总结
VUEvue框架的两大核心：数据驱动和组件化。第一周：大家需要转变编程思维的习惯：数据驱动（数据的变化会驱动页面发生变化，不用操作DOM）第二周：大家需要转变编程思维的习惯：组件化一、前端开发历史1994年可以看做前端历史的起点（但是没有前端的叫法）1995年网景推出了JavaScript1996年微软推出了iframe标签， 实现了异步的局部加载1999年W3C发布第四代HTML标准，微软推出用于异步数据传输的 ActiveX(ActiveXObject)，各大浏览器厂商模仿实现了 XM
2021-02-01 18:03:17
2184
原创 闭包！！
一，闭包闭包的概念：工作中所有的函数都是闭包，一般来说嵌套的函数产生的闭包更为强大，也是大部分时候我们所说的闭包。什么是闭包：``闭包是指函数外能访问到函数作用域的变量(局部变量）的函数。闭包的作用：一，可以读取函数内部的变量（局部变量）二，让这些变量的值始终保持在内存中。三，增加块级作用域闭包的注意事项（弊端）闭包会使函数的变量始终保存在内寸中，内存消耗很大，所以不能滥用闭包，会造成网页的性能问题。在ie中可能会导致内存泄漏。闭包的基本代码<script> //
2021-01-20 10:03:07
134
原创 es6 的 构造函数的写法 与类的继承！！
es6 的 构造函数的写法// es6中构造函数的写法 class Parent { constructor(name, age, food) { this.name = name this.age = age this.food = food } eat(){ alert(this.name + '在吃' + this.food) } } let ren = new Parent("suke", 18, '包子') consol
2021-01-20 10:01:59
262
原创 构造函数 es5 es6中的类与继承 call 和apply
pink 类与继承一， 创建类和对象（一）、通过class关键字创建类，类名通常是首字母大写。（二）、类里面有construcyor函数，可以接受传递过来的参数，同时返回实例化对象。（三）、construcyor函数只要new 生成实例后，就会自动调用这个函数，如果我们不写这个函数类也会自动生成这个函数...
2021-01-20 09:03:45
325
原创 HTML/CSS
background-image/background:repeating-radial-gradient(位置,颜色1 20%,颜色2 30%)background-image/background: linear-gradient(方向,颜色1，颜色2,……background-image/background:radial-gradient(位置,颜色1,颜色2)最小宽度，min-width宽度不设置，调整窗口宽度的时候，到最小的宽度后，不会再缩小。BFC 块级格式化上下文。置换元素和非置换元素。
2023-05-25 17:33:30
896
原创 less的使用
初识less中文官网 http://lesscss.cn/定义变量less中定义变量使用的是@ 如下图所示：定义属性值的变量第一、二、行是定义变量（定义颜色）。第5、7行是使用变量二、作为选择器和变量名及使用三、作为url 路径时定义变量定义多个相同名称的变量时在当前作用域由下向上，取最近，最新定义的一个的值一、混合普通混合如上图所示，是普通的混合，h1，h2 都含有第2、3行相同的内容，就使用混合二、混合不带输出如果想让1至4行不输出到css中时 如下图所示：在
2021-04-22 00:18:40
748
原创 微信小程序
微信小程序准备工作注册小程序帐号① 准备一个微信号（你如果还没有微信号，你out了，你是穿越来的吧）② 申请小程序账号：https://mp.weixin.qq.com/wxopen/waregister?action=step1获取开发密钥（appId）在做项目时需要密钥公众平台登录小程序->开发->开发设置->AppID(小程序ID) wx1481c0459dc80dab安装开发工具开发工具，可以选择自己喜欢的，也可以选择微信工具，下载微信开发工具，微信开发工具可完成
2021-04-06 19:05:51
1301
原创 TypeScript
typescript官网介绍 TypeScript 是 JavaScript 的一个超集，主要提供了类型系统和对 ES6+ 的支持，让javascript变成强类型语言。它由 Microsoft 开发，代码开源于 GitHub 上。特点可以在开发阶段和编译阶段就发现大部分错误，这总比在运行时候出错好不显式的定义类型，也能够自动做出类型推论即使 TypeScript 编译报错，也可以生成 JavaScript 文件Google 开发的 Angular 就是使用 TypeScr
2021-03-31 23:05:59
635
原创 vue如何使用面包屑和动态导航（配置路由中获取）
面包屑如图所示：是在element中获取的面包屑组件，功能如图所示路由meta路由记录/路由元信息。给每个路由添加一个自定义的meta对象，在meta对象中可以设置一些状态，来进行一些操作，供页面组件或者路由钩子函数中使用。在路由中配置meta对象存储信息，供当前配置的路由使用 path: '/home', name: 'home', meta:{ arr:[ {text:"用户信息", icon:"el-icon-user-solid",linto:
2021-03-28 20:46:30
4221
原创 前端上传图片
一、图片的上传在上传图片的时候首先测一下后端给的地址是否畅通！通过postman进行测试！具体操作如下图：测试成功的话，下面会有后端返回的数据。二、但是前端是怎么进行上传的呢？主要有两种，一种是表单上传，另一种是axios发送请求上传(一)、表单上传 // action 就是上传的路径（图片没有跨域，不用写/api..... 直接写后端地址） method 是上传的方式，一般是post方式<form action="http://localhost:3000/file/upfile"
2021-03-27 16:07:20
15440
6
原创 node
什么是Node？是javascript的一个运行环境 它可以让javascript运行在服务器端（因为Node可以运行在服务器端）它是基于chromev8 引擎的node的定义：node是一个后端语言，他完成了很多js不能完成的事情 比如js没有办法直接去读取本地计算机硬盘上的内容Node的特性：以下三点特性，会让node执行的特别快！！一、单线程 单线程可以尽可能少的减少IO的操作（io就是输入输出）二、非阻塞式IO （I/O 输入/输出）三、事件驱动（提高效率）Node适用于哪些程序适用
2021-03-25 00:04:45
71
原创 vue框架项目打包
打包上线（项目完成，将项目放在服务器的准备工作）如果运行其中的html文件，如果出现下面的报错。解决方案如下解决路径的代码： 在vue.config.js 文件中写下以下代码（文件就是以前写跨域，配置路径名，热更新的代码文件夹）module.exports = { publicPath: "./", // 构建好的文件输出到哪里 outputDir: "dist", lintOnSave: true, // 使用带有浏览器内编译器的完整构建版本 // https:/
2021-03-24 15:28:58
329
1
原创 keep - alive
我们首先看张图当路由或者动态组件切换的时候 之前页面的内容会默认清空 原因 原因是每次切换路由的时候，Vue 都创建了一个新的 组件实例在这个时候就要使用 keep-alive ---- 作用 就是用来保存组件状态 在切换过程中将状态保留在内存中，防止重复渲染DOM，减少加载时间及性能消耗，提高用户体验性就是把keep-alive 这个标签 包裹你想保存状态的组件出口哦上图是路由的出口包裹， 组件就在组件的展示区包裹简答：将被切换的组件保存到缓存中，防止重新渲染dom，下次切换回来的时候直接在缓存
2021-03-24 09:20:47
120
原创 如何在框架中使用路径别名
以上代码的配置，和反向代理的文件夹是一样的。代码写在这个文件夹内。如图 切记！！！修改完配置文件后，要重启项目如上图这样配置后，就可以在写路径时 找components/qwe.vue 直接可以写成 com/qwe.vue 就和框架自带的 ，src 等于 @ 一样。...
2021-03-22 20:35:28
89
原创 在vue框架开发中如何解决跨域问题
反向代理解决跨域如上图所示的爆红代码，则就是出现了，跨域问题如何解决跨域反向代理1.打开（新建）项目根/vue.config.js 写上如下代码：module.exports = { devServer:{ //设置代理 proxy: { //代理是从指定的target后面开始匹配的，不是任意位置；配置pathRewrite可以做替换 '/api': { //axios访问 /api == target + /api target: 'h
2021-03-22 19:41:01
478
1
原创 vue框架中 axios的封装 带“拦截器”
vue框架中 axios的封装（一）、全局下载 axiosnpm install --save axios（二）、建一个专门用来封装axios的js文件在src目录下建立api（大部分公司写api）文件夹 /src/api在api文件夹下建立新的js文件，也就是封装a xi o s的文件夹，例如：feng.js在feng.js中所写的代码，如下：第一步：引入 axios （import axios(名字随便起) from “axios”）第二步：封装axios发送请求的函数， 用 expor
2021-03-22 14:24:44
320
原创 call apply的工作机制，ES5的继承,ES6继承
类与继承简介： 就是类（构造函数）与类之间相互继承相同属性和方法的，继承的类 叫做“子类”，被继承的叫做“父类”，目的是 减少代码，让子类能够继承父类的代码。如何继承？首先先学一个语法，也就是 call 与 apply例如下图，普通函数的调用 15行，但是函数本身也有其他两种调用方法，那就是用call applay 调用如下 17行，18行，以下三种调用是等价的一、 call方法的机制fn.call() 使用这种方法调用函数，可以改变原函数的this指向（改变本次调用），不传参，this不变
2021-03-21 19:08:24
241
7
原创 react
React一、React的简介1、介绍React 是一个用于构建用户界面的 JAVASCRIPT 库。React主要用于构建UI，很多人认为 React 是 MVC 中的 V（视图）。React 起源于 Facebook 的内部项目，用来架设 Instagram 的网站，并于 2013 年 5 月开源。React 拥有较高的性能，代码逻辑非常简单，越来越多的人已开始关注和使用它2、特点1）.高效 −React通过对DOM的模拟，最大限度地减少与DOM的交互。2）. 灵活
2021-03-18 09:05:49
401
2
原创 webpack 基本使用
webpack一，不让源码出现在浏览器中，暴露源代码。二，让运行的速度加快介绍 工程化工具： grunt->gulp->browserify->webpack webpack 概念： webpack是个工具，协助开发者做项目管理、打包、模块管理、加载资源，并转换到对应环境，webpack是一种静态编译工具(预编译)，它能把各种资源，例如JS（含JSX）、样式（含less/sass）、图片等都作为模块来使用和处理 官网，中文国内资源：
2021-03-17 16:06:01
102
原创 node.js
nodeJS学习方法掌握思想 编程思想很重要，语言只是工具。不仅仅只是记住了API。查资料的方式 API文档：比二阶段的API多出了3倍多。https://blog.csdn.net/jiang7701037/article/details/95734911?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522158832966919725247634022%2522%252C%2522scm%2522%
2021-03-09 16:14:25
317
原创 mockjs 在vue脚手架中配置及使用
mock数据 mock这词本意是虚拟，模拟的意思。mock server工具，通俗来说，就是模拟服务端接口数据，一般用在前后端分离后，前端人员可以不依赖API开发，而在本地搭建一个JSON服务，自己产生测试数据。即：json-server就是个存储json数据的server json-server 支持CORS和JSONP跨域请求。json-server使用步骤:初始化项目：npm init -y安装json-servernpm i json-server -D
2021-03-09 14:30:19
447
2
原创 git多人协作 和 多分支
git多人协作和多分支1、git多人协作1）、建立组织2）、在组织下建立团队（开发团队，测试团队等等）3）、在组织下建立人员4）、在组织下建立仓库5）、把团队和人员进行对应6）、把团队和仓库进行对应2、git多分支(git branch)分支就是一个仓库的子库git仓库里分为如下分支：开发库个人库1个人库2测试库发布库3、git分支的操作1）、建立分支 git branch 分支名2）、切换分支 git checkout 分支
2021-03-07 22:32:45
2056
原创 vue 词汇
1.指令名：v-text和v-html2.指令名：v-bind 可以省为冒号 ：3.指令名: v-if 和 v-show4.指令名: v-for （）5.指令名：v-on 简写 @6.事件修饰符<div @click.修饰符="函数"></div> .stop 阻止单击事件继续传播 .prevent 阻止默认行为 .capture 使用事件捕获模式 .self
2021-02-27 01:00:09
1290
3
原创 js.笔记
JavaScript简介：JavaScript是在浏览器中解释运行的脚本语言，用来给HTML网页增加动态功能。JS的组成ECMAScriptDOM 页面元素BOM 浏览器元素API程序应用接口JS的引入方式内部引入外部引入行内引入API和Web API总结API是为我们程序员提供的一个接口，帮助我们实现某种功能,我们会使用就可以了,不必纠结内部何实现Web API主要是针对于浏览器提供的接口,主要针对于浏览器做交互效果。Web API 一般都有输入和输出(函
2021-02-25 15:23:20
2941
原创 HTML CSS
h5语义元素header 定义文档或节的页眉nav 定义导航链接的容器banner 定义文档的版心section 定义文档中的节article 定义独立的自包含文章aside 定义内容之外的内容（比如侧栏）footer 定义文档或节的页脚details 定义额外的细节summary 定义 details 元素的标题contact 定义留言版信息html,body,div,span,ap
2021-02-25 14:00:18
333
1
原创 购物车 （vue做法）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>购物车</title> <style> * { margin
2021-02-08 12:31:20
116
原创 todolist(vue) 做法 及 注意点
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>to
2021-02-08 12:07:21
231
原创 Git的使用！
GIT:版本控制系统git init 初始化仓库git status 查看整个仓库的状态git add -A 将工作区所有文件提交到缓冲区git commit -m “注释” 将缓冲区所有文件提交到版本库git diff 文件名
2021-01-22 13:54:08
53
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人