前端效果
悟天特斯
己所欲勿施于人
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
安防一体化架构设计:从烟囱式子系统到全域联动防护体系
传统安防建设长期陷于"烟囱式"困局——视频监控、门禁、报警、消防各子系统独立运行,数据割裂、响应迟缓、运维低效。本文从架构视角出发,探讨如何通过打通子系统壁垒,构建从感知到决策的全域联动防护体系。原创 2026-08-11 08:38:22 · 158 阅读 · 0 评论 -
【3Dpie】
<template> <div class="water-eval-container"> <div class="cityGreenLand-charts" id="charts-3dpie"> </div> </div> </template> <script> import echarts from 'echarts' import 'echarts-gl'; export def原创 2022-04-11 18:23:16 · 388 阅读 · 0 评论 -
【IVIEW定制主题】
IVIEW定制主题变量覆盖(推荐)通过安装工具修 View UI(iVIew)默认提供了一套 UI 主题,并且可以在一定程度上定制新主题,以满足业务和品牌上的多样化视觉需求。 View UI(iVIew)的样式是基于 Less 进行开发的,默认以前缀 .ivu- 作为命名空间,并且定义了一套样式变量,定制主题,就是编辑这个变量列表。 变量覆盖(推荐) 如果你的项目使用了 webpack 工程,可以通过变量覆盖的方式来实现主题定制。 首先在项目中先建一个目录,比如 my-theme,然后在 my-theme原创 2022-03-29 14:24:11 · 1102 阅读 · 0 评论 -
【vue-video-player视频播放器】
【vue-video-player视频播放器】Vue-Video-PlayerNPMMount下面附上常见的mimetype配置列表 Vue-Video-Player video.js player component for Vue. 适用于 Vue 的 video.js 播放器组件。 https://github.com/surmon-china/vue-video-player NPM 安装 npm install vue-video-player --save Mount 在main.js中添原创 2022-03-29 13:47:51 · 621 阅读 · 0 评论 -
vue使用axios下载文件
不哔哔,直接上代码 <el-button @click="exportExcel()">导出</el-button> <script> methods: { exportExcel(){ var params={ XX:xx//额外需要携带的请求体 } this.$axios.get('/API/exportExcel',{原创 2022-03-08 14:39:59 · 6264 阅读 · 0 评论 -
【谷歌浏览器】跨域问题
今天调试出现跨域问题,后台开发竟说是浏览器的问题。 给出解决办法,chrome://flags/#block-insecure-private-network-requests,将 Block insecure private network requests 这个插件设置为 Disabled 就行了 还没验证,先记录一下 ...原创 2022-03-03 14:38:56 · 335 阅读 · 0 评论 -
展示优化VS逻辑优化
前端优化页面级优化代码级优化总结声明 前端是庞大的,包括 HTML、 CSS、 Javascript、Image 、Flash等等各种各样的资源。前端优化是复杂的,针对方方面面的资源都有不同的方式。那么,前端优化的目的是什么 ? 1. 从用户角度而言,优化能够让页面加载得更快、对用户的操作响应得更及时,能够给用户提供更为友好的体验。 2. 从服务商角度而言,优化能够减少页面请求数、或者减小请求所占带宽,能够节省可观的资源。 总之,恰当的优化不仅能够改善站点的用户体验并且能够节省相当的资源利用。原创 2020-06-17 17:03:35 · 276 阅读 · 0 评论 -
umi+dva+antd项目搭建
umi+dva+antd 项目搭建说明创建应用目录注意特点约定式路由嵌套路由Scroll to top页面间跳转配置config/config.js(或.umirc.js)app.js 初始化应用级state(initialState)声明 说明 umi 是一个可插拔的企业级 react 应用框架。依赖 node 版本是 8.10 或以上。 dva 是一个基于 Redux 的 轻量级数据流方案。 antd是 Ant Design 的 React 实现,开发和服务于企业级后台产品。 创建应用 a)创建空目原创 2020-06-17 16:51:13 · 3452 阅读 · 2 评论 -
umi搭建项目react主题配置
react主题配置.umirc.jsthemes.js声明 废话不多,直接干货 .umirc.js export default { theme: "./src/themes.js", ... } themes.js // https://github.com/ant-design/ant-design/blob/master/components/style/themes/default.less module.exports = { // "primary-color": "#18原创 2020-06-17 16:00:56 · 1845 阅读 · 0 评论 -
自封装的react引入使用二维地图组件(内含GPS坐标转换高德地图左边的近似方法)
自封装的react引入使用二维地图组件AMap(高德地图)BMap(百度地图)声明 废话少说,直接干货 AMap(高德地图) 内含GPS坐标转换高德地图左边的近似方法 class AMap extends Component { constructor(){ super(); this.state = { mapCenter: {longitude: 113.77, latitude: 34.75}, status: { zoomEnable:原创 2020-06-17 15:45:37 · 500 阅读 · 0 评论 -
使用react-redux实现根据地址栏选择导航及页面展示
使用react-redux实现根据地址栏选择导航及页面展示MyMenumenumodel声明 废话不多,直接上货 MyMenu class MyMenu extends React.Component { state={ menu:'1' } handleClick = (e) => { // console.log('click ', e.key); this.setState({menu:e.key}) } componentWillMount() {原创 2020-06-17 15:28:13 · 367 阅读 · 0 评论
分享