- 博客(19)
- 收藏
- 关注
RSS订阅原创 js原型和原型链详解
1、prototype和__proto__，constructor的关系假设现在定义两个类来替代构造函数class Parent { constructor(name){ this.name=name; }}class Child extends Parent { constructor(name,age){ super(name); this.age=age; }}const child = new Child("
2021-11-25 10:59:18
623
原创 div实现编辑器效果
<div contenteditable style="outline: none;"> <span style="user-select: all;"> Lorem ipsum dolor sitsafsdfasdfsdfasdf amet consectetur </span> <p>12ww3</p> <p>465</p> <div>divsdfsdf
2021-11-25 10:47:16
755
原创 依赖jquery的modal弹窗
最近维护一个PHP项目，那个bootStrap用的我头疼，有交互行为的组件或者方法还是自己简单写出来的顺手。不然维护起来实在太麻烦了。/** * 参数分别是传入的html字符串，宽，高，点透明处是否关闭,是否展示弹窗右上角的× */ const $modal = function (content='',width="400",height="300",waperClose=true,showArrow){ let div = document.createEle
2021-11-18 21:56:25
1403
原创 vue3 组件内使用路径
使用vite打包时不能将组件的路径进行编译。通过modules解决<template> <div class="t-img" v-bind="attr"> <img :src="src?.default" alt="" /> </div></template><script lang="ts" setup>import { defineProps, useAttrs, ref, onMounted } fro
2021-11-15 13:40:03
854
原创 简易懒加载
简易图片的懒加载函数function imgLazyLoad(evet:any = null) { const scrollTop = document.documentElement.scrollTop; const clientHeight = document.documentElement.clientHeight; imgs.value?.forEach((e) => { if ( e.parentElement && e.par
2021-11-15 13:37:01
354
原创 KOA的基础使用
只是最基础的使用，很多特性都没有用上，准备用来部署vue打包后的dist文件废话不多说，直接上代码// 导入koa模块const Koa = require('koa');const Router = require('koa-router')// 创建koa的实例appconst koaBody = require('koa-body');const koaStatic = require('koa-static');const path = require('path');const
2021-11-12 17:51:54
670
原创 用extend替代vuex的方案
store/index.jsimport Vue from 'vue'const store = Vue.extend({ name: 'store', data() { return { count: 2, person: { name:'小明', age:23 } } }, methods:{
2021-10-19 17:50:44
282
原创 硬核开发工具
CodeIf ： https://unbug.github.io/codelfDocsChina ： https://www.docschina.organy-rule： http://github.com/any86/any-ruletool.lu： https://tool.lubaomitu： https://cdn.ba.
2021-08-21 21:56:30
3098
1
原创 js十大算法
JS的十大经典算法冒泡排序（Bubble Sort）冒泡排序须知：作为最简单的排序算法之一，冒泡排序给我的感觉就像Abandon在单词书里出现的感觉一样，每次都在第一页第一位，所以最熟悉。。。冒泡排序还有一种优化算法，就是立一个flag，当在一趟序列遍历中元素没有发生交换，则证明该序列已经有序。但这种改进对于提升性能来说并没有什么太大作用。。。什么时候最快（Best Cases）：当输入的数据已经是正序时（都已经是正序了，我还要你冒泡排序有何用啊。。。。）什么时候最慢...
2021-07-22 17:54:57
2122
原创 express服务器对前端打包后文件简易的测试
打包了一个angular代码 放express框架里做的代理如下var express = require("express");var path = require('path')var app = express();const { createProxyMiddleware } = require('http-proxy-middleware'); //对接口请求的地址做代理var options = { target: 'http://mobilebeta.yooli-in.com/
2021-07-18 20:56:14
256
原创 前端常用Utils工具函数库合集
前端常用Utils工具函数库合集在开发中，我们经常会将一些常用的代码块、功能块进行封装，为的是更好的复用。那么，被抽离出来独立完成功能，通过API或配置项和其他部分交互，便形成了插件。函数库LodashUnderscoreRamdaoutils动画库Animate.css：CSS3 动画库，也是目前最通用的动画库。Anime.js：一个强大的、轻量级的用来制作动画的javascript库Hover.css：CSS hover 悬停效果，可以应用于链接、按钮、图片等等。wow.js：滚动
2021-05-28 16:30:29
1805
2
原创 更轻量级的可视化引擎库
G2可视化引擎库，更轻量级的可视化开发选择现在项目需要可视化，但是考虑到echarts没g2可视化轻量，所以选择了AntV-G2来作为可视化库。链接如下：https://g2.antv.vision/zh/docs/api/general/chart/除了G2 蚂蚁数据可视化还有其他库选择，链接如下https://antv.vision/zh/...
2021-04-28 16:44:44
671
原创 VUE3获取子组件的方法，变量
VUE3获取子组件内方法和变量1，ref获取父组件<child ref="child" />----------------------//省略代码const child=ref(null)console.log(child.value) //{}很明显，vue3现在不能使用以前的ref来或者子组件实例了,但是vue3现在提供了一个expose函数exposechild.vue----------------------//js部分<script lang=
2021-04-25 09:37:05
7755
3
转载 vite2.0+vue3移动端项目实战详解
vite2.0+vue3移动端项目实战详解vite+ts+vue3只需要一行命令npm init @vitejs/app my-vue-app --template vue-ts配置路由npm install vue-router@4 --save在src下新建router目录，新建index.ts文件import { createRouter, createWebHashHistory, RouteRecordRaw } from "vue-router";const routes: A
2021-04-13 11:18:12
219
原创 vue3 组件间v-model
vue3 组件间的v-model实现父组件中的写法子组件中的写法总结父组件中的写法html <p>父子组件之间v-model的运用</p> <p>父组件上的显示值：{{text}}</p> <demo-child v-model:text="text" />ts import { defineComponent, provide, ref, reactive,getCurrentInstance } from "vue
2021-04-12 17:48:21
412
原创 vue3插槽的简写
vue3 插槽简写使用#来替代v-slot的使用父组件子组件demoChildhtml显示效果使用#来替代v-slot的使用把参数之前的所有内容 (v-slot:) 替换为字符 #。例如 v-slot:footer可以被重写为 #footer,注意点是当具名插槽和匿名插槽混用时需要，父组件上的写法必须携带#default或者v-slot:default父组件在调用子组件时需要在插槽内容位置加一层template标签，父组件上的内容会直接出现在子组件对应的插槽位置 <demo-chil
2021-04-12 17:11:42
713
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人