Skip to content

https://www.cnblogs.com/qianguyihao/

闲了可以看看: https://github.com/qianguyihao/Web

https://lhammer.cn/2017/10/29/array-method/

一、echarts

1、echarts封装

封装

数据为空的处理

只展示文字的处理

tooltip提示框的属性

二、Http请求

1、Http缓存

强缓存和协商缓存

性能优化的角度看缓存

缓存的使用https://www.cnblogs.com/chenqf/p/6386163.html

三、js原生

动态添加class名

js获取DOM

ES6语法

四、移动端适配方案

postcss-px-to-viewport

五、vue

vue仿钉钉流程图

在线文档编辑

vue3.0+ant开源项目

vue3.0开源框架

iooc-vue-admin

vue3-element-admin+js

vue-easytable

js、vue表格组件

ag-grid中文文档

vxe-table

PPTist(vue3+ts)

Vue3-Element-Admin+js

vue3-composition-admin

vue3-json-schema-form

六、elementUI表格编辑修改

javascript
<template>
    <div>
        <el-table :data="tableData" style="width: 100%" border>
            <el-table-column fixed prop="pointNumber" label="点号" width=""></el-table-column>
            <el-table-column prop="chineseName" label="中文名称" width=""></el-table-column>
            <el-table-column prop="englishName" label="英文名称" width=""></el-table-column>
            <el-table-column prop="readWrite" label="可读/可写" width=""></el-table-column>
            <el-table-column prop="maxValue" label="最大值" width=""></el-table-column>
            <el-table-column prop="minValue" label="最小值" width=""></el-table-column>
            <el-table-column prop="company" label="单位" width=""></el-table-column>
            <el-table-column prop="defaultValue" label="默认值" width=""></el-table-column>
            <el-table-column prop="dataType" label="数据类型" width=""></el-table-column>
            <el-table-column prop="moduleColumn" label="模块分栏" width=""></el-table-column>
            <el-table-column prop="fixedValueInputBox" label="定值输入框" width=""></el-table-column>
            <el-table-column prop="tasPointDescription" label="TAS点号说明" width=""></el-table-column>
            <el-table-column prop="internalDescription" label="兴汇内部说明" width="180"></el-table-column>
            <el-table-column label="操作" width="180">
                <!-- operation -->
                <template #default="scope">
                    <div @dblclick.stop="scope.row.bianji = !scope.row.bianji">
                        <el-input v-if="!scope.row.bianji" v-model="scope.row.operation" size="mini" class="editRemarkInput"></el-input>
                        <span v-else>{{scope.row.operation}}</span>
                    </div>
                </template>
            </el-table-column>
        </el-table>
    </div>
</template>
<script lang="ts">
import { reactive, ref } from "vue";
export default {
    setup() {
        const tableData = reactive<any>([
            {
                pointNumber: "2016-05-03",
                chineseName: "王小虎",
                englishName: "xiaoming",
                readWrite: "false",
                maxValue: "2121",
                minValue: "223",
                company: "KW",
                defaultValue: "111",
                dataType: "Number",
                moduleColumn: "小电流",
                fixedValueInputBox: "100",
                tasPointDescription: "我是卡卡卡卡的点号",
                internalDescription: "我是内部的说明文章",
                operation: "操作测试",
                bianji: true,
            },
        ]);

        return { tableData };
    },
};
</script>

七、Webpack4从入门到入土

https://juejin.cn/post/6972470140910698532

八、antd-vue

https://github.com/biubiubiu01/vue-antd-admin

https://github.com/search?q=Vue3+Admin+Pro

九 、拖拽搭建平台

https://juejin.cn/post/6844904083120193543

https://juejin.cn/post/6915297687873159176

https://github.com/xiaoai7904/web_designer

https://www.jianshu.com/p/971b6e98d528

十、微前端

https://juejin.cn/post/6844903953734336525

https://github.com/woai3c/micro-frontend-demo

https://zhuanlan.zhihu.com/p/336122760

https://segmentfault.com/a/1190000021251884

https://zhuanlan.zhihu.com/p/336122760

十一、获取DOM元素

https://www.jianshu.com/p/3b40082750d9

https://www.cnblogs.com/top5/archive/2009/05/07/1452135.html

https://juejin.cn/post/6844904013175980040#heading-2

https://www.cnblogs.com/xiaohuochai/p/8136209.html

http://www.webkaka.com/tutorial/html/2020/022982/

https://www.136.la/tech/show-102404.html

十二、github

https://h-zan.github.io/2017/09/18/一台电脑上-github-gitlab-多账户管理-SSH-Key-切换解决-push-冲突

https://cloud.tencent.com/developer/article/1575314

https://blog.csdn.net/cgs1999/article/details/108847894

十三、移动端开发

https://mp.weixin.qq.com/s/pDWwKgySoJMwNjZPwVecBQ

十四、在线word编辑

https://gitee.com/mose-x/wps-view-vue#https://gitee.com/mose-x/wps-view-java.git

十五、虚拟列表

https://juejin.cn/post/6844903982742110216

https://codesandbox.io/s/virtuallist-1-forked-vom5z?file=/src/App.vue:0-485

https://cloud.tencent.com/developer/article/1667754

十六、表单生成器

https://www.npmjs.com/package/k-form-design

十七、优秀的文章

https://blog.csdn.net/CGS_______/article/details/112461911

https://github.com/xinliangnote

https://mp.weixin.qq.com/s/EYLo_1L9c0z-9ua97FqNWA

https://blog.csdn.net/m0_37987402/article/details/86151709

https://mp.weixin.qq.com/s/zWsq6wA1pTgCskG1rw2QQw

https://www.jianshu.com/p/1e2083860109

https://www.jb51.net/article/102237.htm

https://blog.csdn.net/weixin_39729837/article/details/110462020

https://jingyan.baidu.com/article/9f7e7ec09f26966f29155457.html

https://blog.csdn.net/m13721069895/article/details/107951269

http://boot.jeecg.com/dashboard/analysis

https://blog.csdn.net/chenlim87/article/details/115318379

http://demo.webjyh.com/MPreview.mobile/?direction=top

https://blog.csdn.net/qq_28979869/article/details/106469635

https://www.cnblogs.com/hfultrastrong/p/9708771.html

https://www.mtruning.club/

https://segmentfault.com/a/1190000011230007

https://dongkelun.com/2018/11/19/vueCliCreateProject

https://gallery.echartsjs.com/editor.html?c=xjHG-ufzOD

https://hxkj.vip/demo/echartsMap/

https://houdunren.gitee.io/note/css/14 帧动画.html#基础知识

https://www.zhangxinxu.com/wordpress/2020/06/mobile-event-touches-zoom-sacle/

https://www.zhangxinxu.com/study/202006/resize.html

基于 MIT 许可发布