- 博客(88)
- 收藏
- 关注
RSS订阅
原创 初识 visJs （基于html5 canvas开发的可视化框架）
初识 visJs （基于html5 canvas开发的可视化框架） 本文参考 https://github.com/almende/vis 编写并且自己总结各种快捷方式，意在帮助开发可视化图表的前端朋友快速了解visJs。vis.jsVis.js是一个基于浏览器的动态可视化库。该库旨在易于使用，处理大量动态数据，并支持数据操作。该库...
2019-01-17 19:12:00
3458
原创 vue + element-ui 制作tab切换（切换vue组件，踩坑总结）
vue + element-ui 制作tab切换（切换vue组件，踩坑总结） 本篇文章使用vue结合element-ui开发tab切换vue的不同组件，每一个tab切换的都是一个新的组件。1、vue如何使用element-ui上一篇文章已经分享了如何在vue中使用element-ui创建tab组件切换内容（需要了解的朋友点击链接查看）2...
2019-01-10 18:53:00
18985
原创 vue + element-ui 制作tab切换（适用于单页切换不同标记显示不同内容）
vue + element-ui 制作tab切换（适用于单页切换不同标记显示不同内容） 本篇文章使用vue结合element开发tab切换单页不同的标记显示不同的内容。1、安装element-uinpm install element-ui --save2、在main.js中引入element 和 css文件// The...
2019-01-10 16:52:00
10452
原创 上传npm包到私有nexus仓库中《解决服务端安装npm依赖失败的问题》
上传npm包到私有nexus仓库中《解决服务端安装npm依赖失败的问题》1. 问题背景：最近在做后台管理系统时候，做富文本编辑器，使用到了最新版本的 "tinymce": "^6.1.0" 包。在本地安装使用没有任何问题。最近要弄自动化部署，结果提交gitlab后。自动化部署脚本运行时，执行到npm install时 tinymce这个包就会安装失败。提示“找不到该包”2. 解决方法：...
2022-06-29 20:53:00
2488
原创 （未解决）main.ts中引入scss报错 (vue3+typescript+@vue/cli5+系列问题总结)
问题描述：安装sass、sass-loader，vue.config.js中配置对应的scss文件路径。可以正常使用。但是如果在main.ts中引入，则会报错。当前问题目前还未找到原因.....项目技术栈：脚手架：@vue/cli 5.0.4 vue：vue 3.2.13 typescript：4.5.5 sass：1.32.7 sass-loader：12.0.01、vue/cli5...
2022-05-15 18:23:00
371
原创 .vue文件引入子组件报错 (vue3+typescript+@vue/cli5+系列问题总结)
项目技术栈：脚手架：@vue/cli 5.0.4 vue：vue 3.2.13 typescript：4.5.5 sass：1.32.7 sass-loader：12.0.0背景：.vue文件组件中引入子组件报错(并不是所有的子组件都报错。编译不报错，不影响项目运行)问题详情：1、父组件中引入两个子组件，只有一个报错错误信息：文件“/Users/wangweizhang/clie...
2022-05-15 18:17:00
6013
3
原创 nginx基础安装和使用（mac os）
一. nginx常用命令功能命令备注启动nginxnginx关闭nginxnginx -s stop重启nginxnginx -s reload重新加载nginx配置文件重启nginxnginx-s reopen重新启动nginx服务查看版本nginx -v二. nginx安装和使用1. 安装(可以用 brew 安...
2021-10-11 16:02:00
163
原创 better-scroll在Pad中点击事件失效问题
文档链接地址：better-scroll github basic docs：https://github.com/ustbhuangyi/better-scroll/blob/master/README_zh-CN.mdbetter-scroll 1.x docs：https://better-scroll.github.io/docs-v1/#/zhbetter-scroll 2.x ...
2021-08-31 18:02:00
183
原创 获取当前网页的协议+域名（兼容IE）
// 获取当前网页的协议+域名function getPageBaseUrl () { let baseURL = '' if (!window.location.origin) { // 兼容IE，IE11版本下location.origin为undefined window.location.origin = window.location.protocol + '//'...
2021-08-17 17:05:00
408
原创 git在不commit的情况下切换分支修改其他内容（git stash）
在工作过程中，我们不时会遇到这类问题。在当前分支正在进行功能的开发，突然来了一个bug，要切换到其他分支修改。但是当前分支的改动还不适合提交。所以我们可以使用如下方法进行当前工作区的缓存:在切换分支前我们可以使用git stash# 将存储修改git stash# 切换分支去解决git checkout master修改完之后，回到开发分支,执行# 切换回开发分支git ...
2021-07-01 16:09:00
1296
原创 vue-router 安装和基本使用
1、安装npm install vue-router --save2、src下创建router文件夹并创建index.js文件 ---- /src/router/index.jsindex.js/* * @Description: web router * @Author: [email protected] * @LastEditors: wangwz10@lenov...
2021-04-29 16:04:00
196
原创 Element UI 封装Table --> 实现动态创建表头和单元格数据（单元格内可动态增加非纯文本的内容）...
上一篇文章我们对element-ui下table组建做了一次简单的封装，实现了根据数据动态创建表头以及单元格数据，但是单元格的数据以及这种表格形式只能是纯文本的展示形式。随着需求的变化，我们可能会在表格中的显示按钮或者图片、视频等多媒体可交互的资源。结合element官方文档，对上一篇封装的代码又做了一层处理。现有代码：<template> <el-tab...
2021-01-06 17:47:00
338
原创 Element UI 封装Table --> 实现动态创建表头和单元格数据（无需写死表头和单元格数据）...
背景：实现一个通用化表格组件，根据数据驱动动态创建表头和行数据以及单元格优点：无需根据业务场景创建多个Table模板适应多个业务。只需配置对应数据。图例：一、改造前element-ui实现方式<template> <el-table :data="tableData" border style="width: 100%">...
2020-11-25 16:46:00
752
1
原创 vue 部署到生产出现语法错误和css警告（Resource interpreted as Stylesheet but transferred with MIME type text/html: "...
记录工作中遇到比较奇怪和难排查的问题：打开前端vue项目，页面无任何反应一、控制台报错：1、Resource interpreted as Stylesheet but transferred with MIME type text/html: "https://moli.lenovo.com/callcenter/static/css/app.e724dc7….css".查询这个...
2020-08-19 14:18:00
1643
原创 使用vue-cookies插件操作cookie
1.前言在vue中如果想要操作cookie，除了使用之前我们自己封装好的操作cookie的方法之外，我们还可以使用vue-cookies插件，这是一个简单的Vue.js插件，专门用于在vue中处理浏览器的cookie操作，vue-cookies没有依赖关系，它可以独立存在，对vuejs友好。本篇博文就来介绍如何使用vue-cookies插件。2.安装vue-cookiesnp...
2020-05-13 17:39:00
1307
原创 前后端API交互加密解密（js、Java）
一、前言前后端分离的开发方式，我们以接口为标准来进行推动，定义好接口，各自开发自己的功能，最后进行联调整合。无论是开发原生的APP还是webapp还是PC端的软件,只要是前后端分离的模式，就避免不了调用后端提供的接口来进行业务交互。网页或者app，只要抓下包就可以清楚的知道这个请求获取到的数据，这样的接口对爬虫工程师来说是一种福音，要抓你的数据简直轻而易举。数据的安全性非常重要，特...
2020-05-13 17:26:00
9945
2
原创 vue中在mounted中window.onresize不生效
在vue开发中，因为引用的父组件和子组件都使用了window.onresize以至于一个window.onresize失效。解决方案==>可以采用下面的方式window.onresize = () => this.screenWidth = window.innerWidth // 改为以下写法window.addEventListener('resize', (...
2020-05-12 10:41:00
2721
原创 VUE router 的 HTML5 History 模式实现 与 踩坑总结 （去掉#号结合nginx部署）
本文将描述遇到的问题，并给出解决方案一、遇到的问题使用history模式，本地没有问题。打包部署再nginx上会报错404，找不到页面。部署二级域名或者说多级访问的url，导致访问失败。（EG：http://www.baidu.com/baiduwangpan/aaaa）二、解决方案1、解决使用history模式，本地没有问题。打包部署再nginx上会报错404，找不到页面...
2020-04-30 11:21:00
1158
原创 解决vue中v-html元素中标签样式失效问题
最近在项目中遇到移动端和pc端样式冲突的问题。加上scoped会导致 v-html 下绑定的标签样式不生效、第三方引用的类库对其修改也不生效，特此总结一下几点，用来解决：Vue为v-html中标签添加CSS样式<template> <div class="hello"> <section> <h2 class="title"&g...
2020-04-22 11:07:00
7488
原创 vuex 报错 hook.flushStoreModules is not a function 偶发性
最近开发项目 用到vuex， 刷新页面后偶发性的报错 hook.flushStoreModules is not a function但是不影响页面任何功能和vuex的使用进行了各种尝试仍然不行，当前开发环境"vue":"^2.5.2""vuex":"^3.1.2"vue-cli:2.9.6解决中.............
2019-12-21 21:56:00
1023
1
原创 JavaScript 字符串单引号双引号相互替换
双引号替换成单引号let params = {"type":"survey_1","option1":"6","option2":"Yes","option3":"6","option4":"how"}let str = JSON.stringify(params).replace(/"/g, '\'')console.log(str){'type':'survey...
2019-12-20 11:15:00
3978
原创 vue在v-html的html字符串中绑定事件
最近做项目，使用得vue作为基础框架。有这样一个需求，需要给返回来的富文本绑定事件，搜了一下众说纷纭。自己摸索了和总结出一套比较好用得方式。利用JavaScript事件捕获，通过给使用v-html的标记绑定click事件，捕获到点击的标记。从而实现vue动态绑定dom元素事件的效果；代码如下：富文本数据："richTextContent": "<...
2019-12-19 14:43:00
1789
原创 ES6 模糊查询（不区分大小写）
使用es6的filter方法和toLowerCase（）方法实现了不区分大小写的自动补全；代码如下：let list = ["aaaassss", "bbbbffff", "cccciiii", "ddddVVvv"]let str = "ddddvv"let filterList = list.filter(item => item.toL...
2019-12-19 09:57:00
3955
原创 Java开篇 - 002、Java跨平台机制+环境搭建
本文重点总结内容：学前：1、计算机的组成（简单介绍）跨平台：1、什么是Java的跨平台特性？2、Java是如何实现跨平台的？ Java虚拟机 JRE运行环境 JDK开发工具环境配置1、jdk安装2、环境变量配置一、计算机软硬件组成1、计算机组成 硬件：主板 CPU 声卡 显卡 网卡 内存 硬盘 电源计...
2019-11-04 18:10:00
121
原创 Java开篇 - 001、Java开篇
Java语言的创始人James-Goling。 詹姆.高斯林（高司令）Java语言公司sun (Standford University Network)Java语言的特点1、跨平台性（不同版本的终端和操作系统）2、面向对象3、简单性：省去了c++多继承和指针等4、健壮性：Java语言的垃圾回收机制 和 异常处理机制5、多线程：能够进行并行...
2019-11-04 16:49:00
108
原创 计算机最小单位和单位之间的换算
不知道大家是否和我一样，对计算机的单位理解有着很大的偏差。由于本人上学时并没有学的比较细致。故对这些单位都是莫能两可的。举个例子，我们买回来的iPhone手机厂商说是64G回来发现只有50多G。我们买的笔记本电脑，厂商宣传256G，回来却是247G等等。这些都是源于对计算机的单位有着莫能两可的理解。在学习Java的过程中，遇到了字节、比特等单位就想细致的研究下，研究学习后找到了其中的关系...
2019-11-01 17:17:00
720
原创 5、SASS - SassScript （扩展的类似脚本语言的功能）
1、变量 $SassScript 最普遍的用法就是变量，变量以美元符号开头，赋值方法与css属性的写法一样：$width: 200px;直接使用即可调用变量#main { width: $width;}变量支持块级作用域，在嵌套括号内定义的变量只能在嵌套内及下层使用（局部变量）不在嵌套规则内定义的变量则可在任何地方使用（全局...
2019-10-23 16:56:00
225
原创 4、SASS - 注释 /* */ 与 //
Sass支持标准的css多行注释 /* */ ，以及单行注释 / //* */ 会出现在编译后的css文件中/ / 不会出现在编译后的css文件例如：/* This comment is * several lines long. * since it uses the CSS comment syntax, * it will ap...
2019-10-15 14:21:00
715
原创 3、SASS - CSS的功能扩展
1、嵌套规则sass是允许在当前css样式中嵌套另一套css样式，内层样式将外层的选择器作为父选择器；例如：#main p { color: #00ff00; width: 97%; .redbox { background-color: #ff0000; color: #000000; }}编译为：#...
2019-10-15 13:56:00
347
原创 2、Sass/Scss 介绍
1、sass的特色功能兼容CSS3；在CSS基础上增加了变量、嵌套、函数、混合等功能；提供控制指令等高级功能自定义输出格式2、sass的语法格式（两种）SCSS（Sassy CSS / 野蛮的CSS / 强硬的CSS）语法格式，基于CSS3进行扩展。以 .scss 作为扩展名；强制使用分号 （ ；）;强制使用CSS 大括号 （ { }...
2019-10-14 17:24:00
206
原创 1、SASS / SCSS 总结简介
简介：Sass作为一个新的css扩展语言已经流行许久并被广大开发者认可。而且都在感叹其语言的设计模式会有多么的高效。但由于本人入行不久，在工作的项目中都是维护旧的项目代码，一直没机会好好的练习和使用sass。从下一篇文章开始，我将学习和使用sass。并将每一阶段的学习心得总结出来，方便自己的记忆和日后的查看。当然，如果有幸帮助到其他的开发者，这也是令我非常兴奋的事情。欢迎随时讨论与...
2019-10-14 17:21:00
189
原创 js防止注入实现
今天其他项目组同事过来问过我是否遇到过这种情况？场景：在项目input框中输入含有script标签包含的脚本，提交后却意外的被执行了。（所有恶意攻击的脚本标签）问题：HTML没有进行转义的发送，会导致回显或者提交的时候html语义无法解释 < 和 > 符号，认为其是标签。故进行标签模式的渲染。解决：每次发送前对输入的字符串进行特殊符号的转义，避免html标签符号和...
2019-10-09 15:13:00
475
原创 js获取各种浏览器窗口可视部分大小（可视部分不包含工具栏、标签栏等）
js获取各种浏览器窗口可视宽度和高度（不包含工具栏和标签栏）、function getViewportSize(w){ w= w || window; //除了IE8以及更早版本外，其它浏览器都能用 if(w.innerWidth != null){ return { w:w.innerWidth, h:w.innerHeight } }; //对标准模...
2019-08-15 15:41:00
678
原创 vue 可拖拽可缩放 vue-draggable-resizable 组件常用总结
特征没有依赖使用可拖动，可调整大小或两者兼备定义用于调整大小的句柄限制大小和移动到父元素或自定义选择器将元素捕捉到自定义网格将拖动限制为垂直或水平轴保持纵横比启用触控功能使用自己的样式为句柄提供自己的样式安装和基本用法npm install --save vue-draggable-resizable全局注册组件main....
2019-07-25 01:03:00
5037
原创 js new Date() 转换为 年-月-日 （单月/日自动补0）
1 function getNowFormatDate() { 2 var date = new Date(); 3 var seperator1 = "-"; 4 var year = date.getFullYear(); 5 var month = date.getMonth() + 1; 6 var strDate = da...
2019-07-09 16:07:00
8701
原创 js判断两个对象的属性和值是否一致
毫无疑问，js中的对象是引用类型的对象。我们使用 == 或者 === 已经无法判断两个对象的属性和值是否相等。code：（Fn） // 对比两个对象的值是否完全相等 返回值 true/false isObjectValueEqual (a, b) { //取对象a和b的属性名 var aProps = Object.getOwnP...
2019-07-01 14:31:00
10314
1
原创 解决css中height:100%失效的问题
关于css得height：100%; 不生效问题；今天在做项目的时候突然遇到height:100%；无效，但是写上固定高度就好使。解决方法：1、html, body { height: 100%; }2、div { height: 100%; position: absolute; } 前提是，父元素要设置宽高，并且position:relative/absolute....
2019-07-01 14:19:00
12609
1
原创 Node.js 事件触发器详细总结
Node.js 事件触发器详细总结 Api目录 1、简单的注册、触发事件的流程 2、eventEmitter.defaultMaxListeners 3、emitter.setMaxListeners(n) 4、emitter.getMaxListeners(n) 5、emitter.prependListener(e...
2019-05-21 18:35:00
417
原创 echarts tooltip太多会超出显示范围-解决
echarts tooltip太多会超出显示范围-解决 以下两种解决方式，能够应对大部分出现此类问题项目tooltip.position:提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。可选：string, Array, Function一、解决方法：1、设置x轴固定不动 y轴上下跟随/*设置x轴左右...
2019-04-02 17:46:00
14992
原创 npm install 安装项目依赖，报错ERR! Unexpected end of JSON input while parsing near的方法汇总...
npm install 安装项目依赖，报错ERR! Unexpected end of JSON input while parsing near的方法汇总 问题描述：npm install 安装项目依赖的时候，有时会出现：ERR! Unexpected end of JSON input while parsing near 错误...
2019-04-02 17:02:00
1242
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人