Karry.S.Jin-CSDN博客

原创数组去重、排序、扁平化 css居中斐波那契数列 vue响应更新

css子元素在父元素水平垂直居中<div class="wrapper"> <div class="child"> HELLO </div> </div><style> /* 1. 第一种方法定位 */html, body, .wrapper{ padding: 0; margin: 0; position: relative; w

2020-10-16 09:31:04 216

原创 webpack 基础常用配置

常用插件page-skeleton-webpck-plugin引言webpack默认只能处理js/json 将es module comjs转为游览器认识的模块五个核心概念entry文件打包入口outputbundle文件存放目录loader处理文件的包plugin扩展mode分为process.env.NODE_ENV分为development / production命令webpack ./index.js(入口) -o ./b

2020-09-08 16:19:31 735

原创手写js一些方法 new promise 防抖节流

手写new//手写newfunction _new(constructorFunc){ let newObj= {} constructorFunc.call(newObj) newObj.__proto__= constructorFunc.prototype return newObj}promise//promise function _Promise(processor){ this.status= 'pending' //promise

2020-09-05 15:11:12 548

原创 vue学习笔记 router vue 基础源码手写反射组件测试

小知识data里不能定义 _ $ 开头的变量.反射组件在文件夹里创建index.js 将其他组件导出//index.jsimport Xxx1 from './xxx'import Xxx2 from './xxx'export default { Xxx1, Xxx2}在页面引入index.js, 请求的数据要有组件type名<template><div> <block v-for="(item, index) in list"

2020-09-05 15:09:05 419

原创 react学习笔记 react-router-dom react-redux基础使用及手写基础源码组件反射 react原理

vdom diff高效的diff算法新老vdom树比较更新只需要更新节点数据变化检测 batch dom读写组件多重继承//parent componentsexport default class Parent extends Component { render(){ return <div> Parent {this._render()} </div> }}//

2020-09-05 15:04:28 397

原创 npm本地开发包骨架屏

常用包page-skeleton-webpck-plugin饿了么骨架屏本地测试使用link//dev package folder (pkgName: dev)npm link//test package foldernpm link dev本地install//test package foldernpm i 本地开发包路径

2020-09-05 15:00:54 166

原创 nodejs mysql简单使用和封装

mysqlconst mysql = require('mysql')module.exports = class Dao { constructor() { this.ensureConnect() } ensureConnect() { if(!this.pool) { this.pool = mysql.createPool({ host: 'localhost',

2020-09-05 14:59:23 301

原创小程序学习笔记组件反射微信小程序底层原理小程序微信登录

组件反射// <template name="singlePic"> <singlePic /></template><template name="multiplePic"> <multiplePic /></template><view class="container"> <view class="" wx:for

2020-09-05 14:55:14 248

原创小程序架构原理

文章目录html逻辑层jshtml<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>小程序</title>&l

2020-09-05 14:47:22 255

qq_45435203的博客