vue
回到未来望过去
oracle性能20年研究(saa批量自动优化分析,job、expdp的undo、temp内部运行机制等)
自行开发设计ssi平台(支持vpd)
自行开发设计pythonQT管理平台(系统监控、导出xls、常用字典、常用sql,日常运维sql(支持参数化))应用formysql,fororacle,fordm
python工具应用:工作量化监控mail日报,ogg监控日报(让领导发现问题),pyforweblogic监控自动重启
pyformysql数据外挂(降低mysql华为云性能峰值),py推荐算法落地社保
E-mail:[email protected]
展开
-
VueI18n国际化vm._watchers[0].constructor未定义的解决办法:修改源代码吧
因此修改了D:\xuexi\cms-vue-iView\cms_web\node_modules\vue-i18n\dist\vue-i18n.common.js这个文件。我尝试nvm use 了19.0.0到16.0.0的node都提示。初始化的时候根本没这个_watchers对象,报错如下。对于空对象是跳出过程,修改后项目正常运行。15.0.0太低,不支持好多对象。原创 2022-11-03 18:21:54 · 2295 阅读 · 7 评论 -
npm install如何知道使用nodejs太低
PS D:\xuexi\cms-vue-iView\cms_web> npm installnpm WARN EBADENGINE Unsupported engine {npm WARN EBADENGINE package: '[email protected]',npm WARN EBADENGINE required: { node: '^10 || ^12 || ^13.7 || ^14 || >=15.0.1' },npm WARN EBADENGINE current: { node原创 2022-11-03 16:57:38 · 1155 阅读 · 0 评论 -
JavaScript 语言存在一个顶层对象
JavaScript 语言存在一个顶层对象,它提供全局环境(即全局作用域),所有代码都是在这个环境中运行。但是,顶层对象在各种实现里面是不统一的。综上所述,很难找到一种方法,可以在所有情况下,都取到顶层对象。下面是两种勉强可以使用的方法。同一段代码为了能够在各种环境,都能取到顶层对象,现在一般是使用。都是存在的,都可以从它拿到顶层对象,指向全局环境下的。也就是说,任何环境下,模拟了这个提案,可以在所有环境拿到。在语言标准的层面,引入。关键字,但是有局限性。转载 2022-10-17 17:43:14 · 162 阅读 · 0 评论 -
vue项目中使用ts(typescript)
根据项目的不同配置的地方不同,如果是vue cli 3.0创建的项目需要在vue.config.js中配置,如果是3.0以下版本的话,需要webpack.base.conf中配置。(以下说明是在webpack.base.conf文件中更改)由于 TypeScript 默认并不支持 *.vue 后缀的文件,所以在 vue 项目中引入的时候需要创建一个 vue-shim.d.ts 文件,放在根目录下。在resolve.extensions中增加.ts,目的是在代码中引入ts文件不用写.ts后缀。转载 2022-10-17 17:19:21 · 2108 阅读 · 0 评论 -
ECMAScript 6 入门:es6的let与var的使用细节
语句不出现变量提升,主要是为了减少运行时错误,防止在变量声明前就使用这个变量,从而导致意料之外的行为。总之,暂时性死区的本质就是,只要一进入当前作用域,所要使用的变量就已经存在了,但是不可获取,只有等到声明变量的那一行代码出现,才可以获取和使用该变量。这样的设计是为了让大家养成良好的编程习惯,变量一定要在声明之后使用,否则就报错。声明变量时,只要变量在还没有声明完成前使用,就会报错。命令改变了语法行为,它所声明的变量一定要在声明后使用,否则报错。,声明的变量仅在块级作用域内有效,最后输出的是 6。转载 2022-10-17 16:56:30 · 95 阅读 · 0 评论 -
py利用jinja2的模板生成vue前端
【代码】py利用jinja2的模板生成vue前端。原创 2022-10-14 17:19:31 · 338 阅读 · 0 评论 -
vue打包dist中的vue组件的存放形式chunk文件解析
f12中查找ltline.vue发现在chunk-370e0070.6bf3b1c3.js文件中有这么一段。随后查到了 1d63的定义发现与源文件几乎一样。组件的引用js基本没变,文件名也没改动。附源文件ltline.vue。原创 2022-10-10 17:54:22 · 992 阅读 · 0 评论 -
vue并发后台oracle查询必须lock(共享连接池)
vue并发后台oracle查询必须lock(共享连接池)原创 2022-10-10 15:30:48 · 229 阅读 · 0 评论 -
vue的组件内部全局变量按照使用的前端id存储历史数据
但是四个barline都是一个vuecomponent,因此使用字典数组。需要使用vue组件内部全局变量,局部变量每次会清零。为了监控oracle四个库的线程数。原创 2022-10-08 17:00:20 · 340 阅读 · 1 评论 -
vue前端+pyflask动态实时监控的数据交互实战
主要是双线的option的实现,可以自己写个,从flask返回的数据通过setdata赋值即可,返回格式与flask返回一致即可,时间频率每5秒即可,1秒的话sql还没执行完。vue前端的xhr封装采用了post方式request,参数json格式采用了data变量传递。原创 2022-09-27 17:53:26 · 707 阅读 · 0 评论 -
vue 插件ESLint报错解决方法
屏蔽此继承设置。原创 2022-08-24 15:22:12 · 311 阅读 · 0 评论 -
nvm的settting的正确打开方式,网上那么多贴都是错的
C:\Users\Neusoft\AppData\Roaming\nvmsetttingroot:C:\Users\Neusoft\AppData\Roaming\nvmpath:C:\ProgramFiles\nodejsnode_mirror:npm.taobao.org/mirrors/node/npm_mirror:npm.taobao.org/mirrors/npm/原创 2022-05-17 11:43:19 · 1719 阅读 · 1 评论 -
vue动态tablehead与data实例代码
vue前台<template> <div> <el-form :inline="true" :model="formInline" class="demo-form-inline"> <el-row> <el-form-item label="表查询"> <el-select v-model="formInline.py.原创 2022-01-02 22:26:50 · 668 阅读 · 0 评论 -
vscode的自定义Snippets模板快捷键
Ctrl+Shift+P#选择ConfigureUserSnippets#选择Vue.json修改后的Vue.jsonprefix: vue body修改为希望的内容// Example: "Print to console": { "prefix": "vue", "body": [ "<template>", " <div class="wrapper">$0</div>", "</template...原创 2021-11-29 10:37:37 · 378 阅读 · 0 评论 -
vue的build错误UglifyJs Unexpected token: punc (()
错误提示 static/fonts/element-icons.732389d.ttf 56 kB [emitted] static/fonts/element-icons.535877f.woff 28.2 kB [emitted] static/js/0.cfa6a4c704a15a312855.js 7.85 kB 0 .原创 2021-11-18 20:08:25 · 1291 阅读 · 0 评论 -
vue部署到tomcat后的跨域nginx的配置
#user nobody;worker_processes 4;error_log logs/error.log;#error_log logs/error.log notice;#error_log logs/error.log info;#pid logs/nginx.pid;events { worker_connections 1024;}http { include mime.types; default_typ..原创 2021-11-18 20:05:53 · 196 阅读 · 0 评论 -
vue项目如何部署到Tomcat的二级目录
1,假设你要访问的项目名称为‘hb’2,在Tomcat的webhbs下创建hb文件夹,3,配置config/index.js文件,设置assetsPublicPath: '/hb/'4,在项目运行“npm run build:prod”命令,生成dist文件夹,dist文件夹中包含static和index.html5,将dist文件夹中static和index.html复制到Tomcat中webapps的hb文件夹中6,启动Tomcat,ip:port/hb,例如:http://localhost原创 2021-11-18 20:03:04 · 1022 阅读 · 0 评论 -
node,vue安装日志
一、下载nodeX64安装版 15.5.0安装HOME+R 输入cmd打开命令行窗口 进入安装路径 输入node -v1、在nodejs安装路径下,新建node_global和node_cache两个文件夹2、设置缓存文件夹npm config set cache "E:\nodejs\node_cache" 设置全局模块存放路径npm config set prefix "E:\nodejs\node_global"设置成功后,之后用命令npm install XXX -g安装.原创 2021-11-18 17:22:08 · 164 阅读 · 0 评论 -
vue的项目换目录实践
1、copy到新位置2、检查了各个文件没有保存关于目录的3、直接启动dev报错提示没包npm install chalk -Snpm install --save axios4、启动成功,测试成功原创 2021-11-16 11:53:40 · 1209 阅读 · 0 评论 -
vue的pythonflask方式前后台交互在新医保的实战
vue<template> <div> <el-form :inline="true" :model="formInline" class="demo-form-inline"> <el-select v-model="formInline.pyaction" placeholder="请选择"> <el-option v原创 2021-11-12 15:55:40 · 629 阅读 · 2 评论 -
vue作用于插槽data、funtion都要来自于插槽页面
插槽页面原代码<!-- <el-form :inline="true" :model="formInline" class="demo-form-inline"> <el-form-item label="被合并人psnno"> <el-input v-model="formInline.oldpsnno" placeholder="被合并人psnno原创 2021-11-12 15:13:29 · 558 阅读 · 0 评论 -
vue的elementmenu的css格式研究
<template> <div id="app"> <el-container> <el-header class="header"> <vheader @click="reftest" /> </el-header> <el-container> <el-aside class="aside"> &...原创 2021-11-11 20:32:44 · 444 阅读 · 0 评论 -
vue的plugins
pluginsjsexport default { install(Vue) { console.log('install plugins') //全局过滤器 Vue.filter('mysub', function(value) { return value.slice(0, 4) }) //定义全局指令 Vue.directive('fbind', { //指令与元素成功绑定时(一上来) bind(eleme原创 2021-11-11 17:22:11 · 581 阅读 · 0 评论 -
vue的mixin实践2
mainjsimport { pyhttp } from './utils/pyhttp'Vue.mixin(pyhttp)pyhttpjsexport const pyhttp = { methods: { pydo(busitype, data) { console.log('pydo called', busitype) if (!data.newpsnno || !data.oldpsnno) { console.log('无参数原创 2021-11-11 16:46:22 · 257 阅读 · 0 评论 -
vue的ref、props、mixin实践1
appvue <vfooter ref="vfooter" :callfromfu="reftest" :stmsg="fmsg" /> methods: { // 接收子组件参数,赋值 fromChild (data) { console.log('fromChildmenu') this.fmsg = data console.log(data) .原创 2021-11-11 16:44:38 · 590 阅读 · 0 评论 -
vue+flask的xls、csv、jpg下载
export const getRequest = (url, params) => { return axios({ method: 'get', url: `${base}${url}`, params: params })}export const getRequestblob = (url, params) => { return axios({ method: 'get', url: `${base}${url}`, p.原创 2021-11-05 17:44:43 · 278 阅读 · 0 评论 -
vue的部署tomcat与跨域配置
1、修改config/index.js,assetsPublicPath: '/hb'// see http://vuejs-templates.github.io/webpack for documentation.var path = require('path')module.exports = { build: { env: require('./prod.env'), index: path.resolve(__dirname, '../dist/index.htm原创 2021-11-03 20:54:00 · 1323 阅读 · 0 评论 -
vue的lazy动态导入syntax-dynamic-import
1、安装cnpminstall--save-devbabel-plugin-syntax-dynamic-import2、根路径创建.babelrc文件(我没找到,胡加到dev.conf.js报了好多错误){ "plugins": ["syntax-dynamic-import"]}3、router.js中测试一下const Foo = () => import('@/components/formradio.vue')4、动态写法,注意不是单引号,注意不是单引...原创 2021-11-01 17:03:49 · 809 阅读 · 0 评论 -
vue的mockjs模拟前段交互数据
import Mock from 'mockjs'Mock.mock('http://localhost:8080/user', { 'name': '@name', // 随机生成姓名 'name': '@email', // 随机生成邮箱 'age|1-10': 5, // 年龄1-10之间})Mock.mock('http://localhost:8080/menu', { 'id': '@increment', // id自增 'name': 'me.转载 2021-09-02 14:50:41 · 96 阅读 · 0 评论 -
vue的axios访问
<template> <div class="page"> <h2>Home Page</h2> <el-button type="primary" @click="testAxios()">测试Axios调用</el-button> <el-button type="primary" @click="getUser()">获取用户信息</el-button> <el-.转载 2021-09-02 14:49:03 · 196 阅读 · 0 评论 -
vue的回调函数慎用this
new Vue({ data: { cities: [...] }, methods: { my_http_request: function(){ let that = this axios.get('http://mysite.com/my_api.do') .then(function(response){ // 这里不能使用 this.cities 来赋值 that.cities = response.data.result.转载 2021-09-02 10:41:04 · 191 阅读 · 0 评论 -
vue的validate
<html><head> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script></head><body> <div id='app'> 请输入您想打开的网址, <br/> 判断规则是: <br/> 1. 务必以 "http://"开头 <br/> .转载 2021-09-02 10:37:19 · 5577 阅读 · 0 评论 -
vue的event
<html><head> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script></head><body> <div id='app'> 您点击了: {{ count }} 次 <br/> <button v-on:click='count += 1' style='margin-top:.转载 2021-09-02 10:35:27 · 113 阅读 · 0 评论 -
vue的v-bind,v-for,v-if,v-model,v-on
<html><head> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script></head><body> <div id='app'> <p v-bind:style="'color:' + my_color">Vuejs 学起来好开心~ </p> </div> <s.转载 2021-09-02 10:29:31 · 123 阅读 · 0 评论 -
vue的自定义directive
<html><head> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script></head><body> <div id='app'> 下面是一个非常全面的自定义Directive的例子: <br/> <br/> <input v-my-input:foo.click="sa.转载 2021-09-02 10:27:01 · 58 阅读 · 0 评论 -
vue的compute、watch
<html><head> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script></head><body> <div id='app'> <p> 我所在的城市: <input v-model='city' /> </p> <p> 我所在的街道:.转载 2021-09-02 10:24:43 · 119 阅读 · 0 评论 -
vue的slot
<html><head> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script></head><body> <div id='app'> <study-process> <p slot='slot_top'> Vuejs 比起别的框架真的简洁好多! </p>.转载 2021-09-02 10:17:23 · 122 阅读 · 0 评论 -
vuex的使用
mutation_types// 大家做项目的时候, 要统一把 mutation type定义在这里.// 类似于一个 方法列表.export const COUNT_DOWN = 'COUNT_DOWN'export const INCREASE = 'INCREASE'export const MINUS = 'MINUS'storeimport Vue from 'vue'import Vuex from 'vuex'// 这个就是我们后续会用到的counter 状态.转载 2021-09-01 08:50:57 · 90 阅读 · 0 评论 -
vue的变量绑定
组件一<template> <div class='logo'> <h1>{{title1}}</h1> <img src='http://siweitech.b0.upaiyun.com//image/570/siwei.me_header.png' /> </div></template><script>export default { props: ['title.转载 2021-08-31 09:13:28 · 751 阅读 · 0 评论 -
vue的link
<template> <div> <p>例子列表</p> <ul> <li><router-link :to="{name: 'Hello'}"> Hello </router-link>: 显示最基本的Vuejs</li> </ul> </div></templa.转载 2021-08-31 09:10:58 · 1470 阅读 · 0 评论