随笔分类 - 【Web】前端相关
前端相关
摘要：原来有一个组织机构的渲染， 我自己写的我自己看也8太明白了： https://www.cnblogs.com/mindzone/p/14888046.html 现在，有一个位置选择，使用这个级联选择器做的 https://element.eleme.cn/#/zh-CN/component/casc
阅读全文
posted @ 2022-05-18 16:54
emdzz
摘要：1.什么是单页面应用程序 单页面应用程序(英文名: Single Page Application)简称SPA, 顾名思义，指的是一个Web网站中只有唯一-的一-个HTML页面， 所有的功能与交互都在这唯--的一个页面内完成。 结论:在SPA项目中，不同功能之间的切换，要依赖于前端路由来完成! 4.
阅读全文
posted @ 2022-05-08 15:43
emdzz
摘要：Main.JS入口函数，Vue的用法 //导入vue模块，得到Vue构造函数 import Vue from 'vue' // 导入根组件App.vue import App from './App.vue' // 产品配置提示关闭 Vue.config.productionTip = false
阅读全文
posted @ 2022-05-07 16:13
emdzz
摘要：1、需要NodeJS环境支持，此处省略NodeJS安装 2、使用NPM命令安装CLI包 vue-cli是npm.上的一个全局包，使用npm install 命令,即可方便的把它安装到自己的电脑上: npm install -g @vue/cli 命令输出： C:\Users\Administrato
阅读全文
posted @ 2022-05-07 10:37
emdzz
摘要：Axios入门使用，Async和Await用法，解构赋值语法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <m
阅读全文
posted @ 2022-05-07 10:07
emdzz
摘要：监听器案例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conte
阅读全文
posted @ 2022-05-07 10:03
emdzz
摘要：计算属性在编写的时候是一个方法 但是在调用的时候作为属性使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <m
阅读全文
posted @ 2022-05-07 09:54
emdzz
摘要：过滤器案例： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" cont
阅读全文
posted @ 2022-05-07 09:46
emdzz
摘要：1、内容渲染指令 1、插值表达式 2、V - TEXT 3、V - HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=e
阅读全文
posted @ 2022-05-07 09:37
emdzz
摘要：对应本地生活案例： https://www.bilibili.com/video/BV1834y1676P?p=52 HTML代码部分： 就是普通的wx-for指令遍历 <!--pages/classPage/classPage.wxml--> <!-- <text>pages/classPage/
阅读全文
posted @ 2022-05-06 11:29
emdzz
摘要：1. 什么是分包 分包指的是把一-个完整的小程序项目，按照需求划分为不同的子包， 在构建时打包成不同的分包，用户在使用时按需进行加载。 2. 分包的好处 对小程序进行分包的好处主要有以下两点: ● 可以优化小程序首次启动的下载时间 ● 在多团队共同开发时可以更好的解耦协作 3. 分包前项目的构成 分
阅读全文
posted @ 2022-05-05 15:33
emdzz
摘要：1.什么是全局数据共享 全局数据共享(又叫做:状态管理)是为了解决组件之间数据共享的问题。 开发中常用的全局数据共享方案有: Vuex、Redux、 MobX等。 2.小程序中的全局数据共享方案 在小程序中，可使用mobx-miniprogram 配合mobx-miniprogram-binding
阅读全文
posted @ 2022-05-05 14:03
emdzz
摘要：小程序对npm的支持与限制 目前，小程序中已经支持使用npm安装第三方包，从而来提高小程序的开发效率。 但是,在小程序中使用npm包有如下3个限制: ① 不支持依赖于Node.js内置库的包② 不支持依赖于浏览器内置对象的包③ 不支持依赖于C++插件的包 总结:虽然npm_上的包有千千万，但是能供小
阅读全文
posted @ 2022-05-05 10:50
emdzz
摘要：创建微信小程序组件 在小程序中创建组件： 1、项目根目录中创建【components】目录，存放自定义组件 2、进入components目录，给组件创建一个组件目录 3、右键组件目录，选择【创建Components】 4、之后回车,会自动生成组件对应的4个文件, 后缀名分别为.js, .json,
阅读全文
posted @ 2022-05-04 23:14
emdzz
摘要：1、在连接的数据库中准备测试操作的表： CREATE TABLE `user` ( `id` bigint NOT NULL AUTO_INCREMENT COMMENT '主键ID', `name` varchar(30) CHARACTER SET utf8mb4 COLLATE utf8mb4
阅读全文
posted @ 2022-04-27 16:21
emdzz
摘要：页面展示的效果如图，需要定时更新未读消息 首先是后台的接口，查询未处理的消息数量 因为是七张消息表，数据我需要合在一起返回给前台： 这里使用UNION连接各个表 SELECT COUNT(*) AS `UNREAD_MSG`, 'CLEAN_MSG' AS `MSG_TYPE` FROM aisw_
阅读全文
posted @ 2022-03-28 09:39
emdzz
摘要：9418端口已经不再支持未授权的GIT协议 C:\Users\Administrator\Desktop\wss-taskcore-web>npm install npm ERR! Error while executing: npm ERR! C:\Program Files\Git\cmd\gi
阅读全文
posted @ 2022-03-22 18:06
emdzz
摘要：ECharts 异步加载数据 ECharts 通常数据设置在 setOption 中，如果我们需要异步加载数据，可以配合 jQuery等工具，在异步获取数据后通过 setOption 填入数据和配置项就行。 ECharts 通常数据设置在 setOption 中，如果我们需要异步加载数据，可以配合
阅读全文
posted @ 2020-08-16 10:23
emdzz
摘要：ECharts4 开始，除了默认主题外，内置了两套主题，分别为 light 和 dark。 设置方式： var chart = echarts.init(dom, 'light'); var chart = echarts.init(dom, 'dark'); 除了上面的设置方式之外，EChart还
阅读全文
posted @ 2020-08-16 09:49
emdzz
摘要：饼状图： <!-- 为ECharts准备一个具备大小（宽高）的Dom --> <div id="main" style="width: 600px;height:400px;"></div> <script src="ECharts.js"></script> <script type="text/
阅读全文
posted @ 2020-08-16 09:31
emdzz
浙公网安备 33010602011771号