u010026207的博客

原创 前端数据类型

前端中数据类型，我再看一本书，里面说了不少，我想记录下来进行分享。1、JavaScript的7种基本数据类型我的理解是，typeof 返回的所有种类。顺便一提：书本中typeof的使用方式给了三种示例。1、var a = '123';console.log(typeof a);2、console.log(typeof '123');3、typeof(str)。这里为啥要写这个，是因为typeof虽然可以像使用函数一样，后面使用()进行调取，但是typeof不是函数，而是一个运算符。类型：1、

原创 VUE前端代码中读取文件中的代码进行展示

需求：展示项目中前端项目中一些代码到页面中展示。一开始想着用require.context获取文件内容，然后用code渲染，require后的文件是经过编译的，所以，想到用nodejs读取文件，然后把文件内容放到环境变量中，这样在VUE代码中就可以取环境变量而获取文件内容了。文件名：getfiles.js'use strict'const path = require('path')var fs = require("fs");const fileDatas = {};const pa

原创 VUE2.0源码学习----变化侦测篇，思维导图

原创 vue2.0目前项目webpack更换vite

更换原因：目前我使用webpack，使用jekins打包很慢，有时都无法忍受，所以我尝试了一下更换vite后进行打包，发现打包速度上真的会快很多，最主要的原因是因为cesium，vite提供了插件。更换步骤：1、添加依赖:package.jsonyarn addviteyarn adddotenv (因为之前在webpack的时候，直接使用环境变量就好了，但是vite.config.js里面，自己定义的环境变量是获取不到的，所以只能获取文件，然后dotenv帮我转换成可读的环境变量进行...

原创 VUE使用element弹框优化点

1、我们经常把弹框封装成一个组件，然后定义变量控制弹框的是否显示，但是有时候一个页面会有很多个弹框，这样的话，我们就需要定义多个变量，所以一般会把变量放到一个对象里面。2、组件中一般用一个计算属性来获取props中定义的父组件传进来控制弹框是否显示的变量。例如：computed: { isVisible: { get() { return this.visible; }, set(newValue) { this.$emi

原创 舍弃websocket更换SOCKET.IO，用socket.io作为中间件，进行前端和后端的长连接中转站

我没有用java写，发送请求和接收请求都是用的前端相关技术写的。服务端：我没有用express，只是单纯的node，因为界面都是自己写的，不需要写，所以不需要express给我html，服务端代码如下：var io = require('socket.io')(3000,{ path:'/demo' //path是为了在客户端连接的时候，不暴露namespace和具体...

原创 如何得到递归方法后再执行

当我们处理一个树的数据的时候，最好的就是递归数据进行处理，例如：this.setTreeParams(th.treeData, "");但是这个样子，不知道这个递归函数什么时候执行完成。所以，在这个函数外面再包一层函数。这个样子，当执行完setTreeParams这个函数的时候，return给树的数据的时候，就是递归处理完树的数据的时候。不需要弄timeout去大概的猜测时间...

原创 一些小结

关于树的数据获取，经常我们会获取树的接口，但是接口返回不包含一些操作的key，例如我们有时候会使用open这个key来控制是否展开，checked来控制是否勾选，接口并不返回，但是每次新增、删除、编辑，都希望保留上一次操作，例如某个节点是展开的，是勾选的，等，所以使用$.extend这个函数。$.extend(true,th.treeData[0],data.data[0])这个是可以把返回的数据...

原创 关于流程图的开发

之前会存在很多选项，但是由于开发原因都舍弃了，最后用Activiti这个来开发，为什么呢，这个可以直接生产XML内容，功能也有很多，但是这个工具集成的东西很多，使用的是angularjs开发的，由于我对angularjs的开发，我认为还是可以的，目前正在修改里面的代码，针对目前的交互和功能进行修改。前端的一些插件是可以画流程图，但是太简单，而且即使能开发的很复杂，但是时间不允许。这个控件需...

原创 在angular5中打开一个新的工程，但是不启动工程

目前是我是用iframe打开的，之前用angularjs的时候用ng-clude，现在可以用的方式很多，但是用iframe，主要是第一反应是iframe。这样的话，外面的工程与里面的工程应该怎么交互呢，就得用window全局变量了。学艺不深，请多指教。...

原创 字体图标方案

字体图标使用方案一、方案1、使用阿里巴巴的iconfont（http://iconfont.cn/home/index）2、使用icomoon（https://icomoon.io/#home）二、使用方法1、iconfont的使用方式  1.1、创建用户 目前是这三种登录方式 1.2、创建项目iconfont目前是以项目的形式进行管理自己的图标库。 其中HLMSAPP是我自己新建的项目，下面的i...

原创 Highcharts使用小心得

目前使用Highcharts是开发手机端的一些图表页面，相对于交互的要求，这边在开发的过程中遇到了一些问题。目前总结一些问题和解决方法。1、Highcharts封装由于Highcharts开发会多处用到，所以我这边进行了封装，目前我还是用的angularJs1.0系列，这边直接贴代码。<div id="container1" style="min-width: 310px; height: ...

原创 关于页面性能问题可优化项

页面打开的时间慢，加载文件多等一系列问题导致页面加载慢。如果说可以花费很大的代价去提升网络带宽是最好的。但是事与愿违，有时候还是可以从代码中进行一些优化。1、动静分离（是在网络中和书本中看到，目前还没有实践过，最近会去实践一下并总结）简而言之：把静态资源给剥离开。目前我遇到的好多都是Tomcat或者Nginx。Tomcat对静态资源的请求相对于其他的不较好。这是在请求方面做的优化，如果说动静分离是...