- 博客(20)
- 收藏
- 关注
原创 element-ui中 el-time-picker 无法修改时间的问题
element-ui中 el-time-picker 无法修改时间的问题
2023-03-06 16:25:24 721 1
原创 Vue双向绑定原理实现
compile.js// 编译class Compile{ constructor(el,vm){ this.$el = el this.$vm = vm if(this.$el){ // 1.获取到app下面所有的节点 this.$Fragment = this.getNodeFragm...
2020-02-29 23:00:06 156
原创 【Vue】Vue中templater与render的区别
区别:template:html标签的方式来创建组件的 稍微更复杂一点render是通过js的方式来创建组件的 更加灵活例子:要求封装一个组件,根据传入的值来显示对应的标题等级如:1—>h12—>h21.template的方式index.html<!DOCTYPE html><html lang="en"><head> ...
2020-02-26 21:32:33 801
原创 手动封装—Vue路由
src/router/index.js// 使用插件的流程// 1.引入vueimport Vue from 'vue'// 2.引入插件import lyRouter from '../ly-router'import Home from '../components/Home.vue'import List from '../components/List.vue'// 3.V...
2020-02-24 22:42:03 422
原创 TypeScript 知识点总结大全 (非常详细,适合入门者学习)(四——类)
类传统方法中,JavaScript 通过构造函数实现类的概念,通过原型链实现继承。而在 ES6 中,我们终于迎来了 class。TypeScript 除了实现了所有 ES6 中的类的功能以外,还添加了一些新的用法。类的概念这里对类相关的概念做一个简单的介绍。类(Class):定义了一件事物的抽象特点,包含它的属性和方法对象(Object):类的实例,通过 new 生成面向对象(OO...
2020-02-23 15:19:27 524
原创 Jest基本使用总结(适合入门者学习)
1.前端工程化工程化其实就是软件工程的一种概念项目在编写的时候需要注意的一些地方1.性能2.稳定性3.可用性4.可维护性以前前端工作模式:start–>需求讨论–>设计(UI)–>编码–>测试–>运行–>维护–>end成本:二次维护工程化10天 没用的话就100天 额外付出前端工程化:1.生产效率2.维护的难易程度解决...
2020-02-22 16:31:04 1807
原创 TypeScript在Vue中的应用
安装:npm i @vue/cli -gvue create 目录 | .// typescript// use class-style component yes↓npm run serve配置:tsconfig.json 配置ts编译环境xx.d.ts 支持vue,jsx ts写法定义组件: src/componen...
2020-02-21 13:35:40 392
原创 TypeScript 知识点总结大全 (非常详细,适合入门者学习)(三)
接口在 TypeScript 中,我们使用接口(Interfaces)来定义对象的类型。什么是接口在面向对象语言中,接口(Interfaces)是一个很重要的概念,它是对行为的抽象,而具体如何行动需要由类(classes)去实现(implement)。 TypeScript 中的接口是一个非常灵活的概念,除了可用于对类的一部分行为进行抽象以外,也常用于对「对象的形状(Shape)」进行描述。...
2020-02-20 17:43:14 1937 3
原创 TypeScript 知识点总结大全 (非常详细,适合入门者学习)(二)
函数的类型函数声明在 JavaScript 中,有两种常见的定义函数的方式——函数声明(Function Declaration)和函数表达式(Function Expression):// 函数声明(Function Declaration)function sum(x, y) { return x + y}// 函数表达式(Function Expression)let m...
2020-02-20 17:35:12 409
原创 TypeScript 知识点总结大全 (非常详细,适合入门者学习)(一)
安装TypeScript1、在全局环境里安装TSnpm install -g typescript2、用 tsc 命令编译 .ts 文件app.ts 文件:let title: string = '武汉加油'在命令行里输入以下命令都可以将.ts文件编译为.js文件:tsc ./src/app.ts --outFile ./dist/app.jstsc ./src/* --out...
2020-02-20 10:53:40 1711 1
转载 Vue双向绑定原理及实现
1. 前言每当被问到Vue数据双向绑定原理的时候,大家可能都会脱口而出:Vue内部通过Object.defineProperty方法属性拦截的方式,把data对象里每个数据的读写转化成getter/setter,当数据变化时通知视图更新。虽然一句话把大概原理概括了,但是其内部的实现方式还是值得深究的,本文就以通俗易懂的方式剖析Vue内部双向绑定原理的实现过程。回到顶部2. 思路分析所谓MV...
2020-02-04 22:31:29 135
原创 改造JSONP请求
**改造JSONP请求**// An highlighted block<script> function getJSON(url , cbFn){ let re = /callback=([^&]+)/; url = url.replace( re , function($0 , $1){ return...
2020-02-04 22:13:00 151
原创 后端跨域之二:http-proxy-middleware
后端跨域之二:http-proxy-middleware自己搞一个反向代理服务器 中间键const proxy = require(‘http-proxy-middleware’)let apiProxy = proxy('api',{ target: 'http://www.example.org', changeOrigin: true})在这里插入代码片/ap...
2020-02-04 22:10:51 250
原创 node.js项目 记录
种session注意:1. 一定要写过期时间2. session 的设置一定要在render之前var cookieSession = require('cookie-session')//种cookieapp.use(cookieSession({ name: 'session', secret: '012345abcde', maxAge: 24 * 60 * 60 * ...
2020-02-04 22:08:18 188
原创 mockjs使用总结
项目根目录下新建mock文件夹— 新建server.js文件var express = require("express")var app = express();var bodyParser = require('body-parser');app.use(bodyParser.json()); //body-parser 解析json格式数据app.use(bodyParse...
2019-12-08 18:15:57 236
原创 vue应用(一) 实现购物车添加商品弹窗
用到了vant组件库中的步进器<template> <div class="widgets-cover show" style="height:100%" v-show="show"> <div class="cover-bg" aria-label="关闭弹层"></div> <div class="cover-con...
2019-12-02 22:50:44 1482
原创 redux理解
单向数据流 组件派发actionstore把上一次状态 和action 传给reducer – 作用是返回新状态最后反馈到组件上store仓库中 内容和管理数据的方法reducers是一些方法 初始参数里面是数据修改reducer也就是返回一个新值不能直接修改 根据原有的返回新的值import React, { Component } from 'react'impor...
2019-12-02 22:44:02 154
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人