- 博客(36)
- 收藏
- 关注
RSS订阅原创 echarts横向左右对比柱状图
需求业务需求横向对比柱状图，左边从左到右，右边从右到左。效果图代码 var myChart = echarts.init(document.getElementById('chart-panel')); let option = { tooltip: { show: true, trigger: 'axis', axisPointer: { type: 'shadow' } }, le
2022-02-25 17:52:14
2783
原创 window使用mkcert，nginx的配置https证书
版本库：nginx的下载地址：http://nginx.org/en/download.htmlchoco的安装教程：https://www.chocolatey.org/installmkcert的安装教程：https://github.com/FiloSottile/mkcertmkcert下载地址：https://github.com/FiloSottile/mkcert/releases**choco的安装代码（在有node的安装环境）**Get-ExecutionPolicy//
2021-01-05 10:35:19
883
原创 nginx的部署配置----删除版本号和一个端口配置多个项目
nginx启动失败或者有报错时不能显示nginx的版本号解决办法：在conf的文件夹中的nginx.conf中的这个位置：http { include mime.types; default_type application/octet-stream;下面加上这行代码:server_tokens off;nginx同一个端口配置多个项目，如果没有反向代理端口的话解决办法：`server {listen 10000;server_name localhost; add_he
2020-09-15 15:39:00
299
原创 在新的环境下搭建vue项目遇到的error
全局安装npm install vue-cli 报error具体报错：Error: unable to verify the first certificate问题原因：2017年2月27日，npm不再支持自签名证书。npm install走的是https协议，需要通过数字证书来保证的采取的解决办法：取消ssl验证：npm config set strict-ssl false如果还没成功，则将npm源更换为国内镜像：npm config set registry http://regist
2020-09-14 09:32:37
234
原创 echart在vue中的点击空白处和点击图表时调用不同的方法
echart在vue中的点击空白处和点击图表时调用不同的方法myChart.getZr().on('click', params => { console.log(params) console.log(params.target) if(params.target == undefined) { //点击空白处调用方法 ...
2019-12-06 12:32:43
690
原创 webapp的配置
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <link rel="icon" type="image/x...
2019-11-25 14:19:23
344
原创 jq的文件导出代码（上传文件，导出文件）
function submitDataCompared() { var RootPath = getRootPath(); if ($('#dataCompared form').form('enableValidation').form('validate')) { var formData = new FormData($( "#hxfo...
2019-04-26 13:28:47
983
原创 easyui的combobox实现模糊搜索匹配之我认为最简单的方法
半路接收的项目用的easyui，在修改问题中需要实现一个combobox的模糊搜索，其实很多东西都在文档实现思路首先是通过获取所有的数据到本地，然后在本地进行搜索。直接上代码$('#addLoanPeople .userName').combobox({ prompt:'人员姓名', required:true,//必填 edita...
2019-03-01 13:28:33
1743
原创 服务器上管理系统中使用pdf.js
首先试用的范围有个服务器部署程序返回的pdf的是带有ip的url链接，如果返回是工作流的情况下，可以直接在项目中使用pdf.js,返回的图片链接要和pdf.js文件一样端口，ip，协议一致然后在项目中直接加上一个iframe标签就可以。示例代码：打开到下面的代码的文件方法可以这样写：function showImg( url) {window.localStorage.hx...
2019-01-16 15:54:44
177
转载 数组的map方法使用
想把数组的每个字符串元素转换成数字元素，将数字元素转换成各自的平方根应该采用map方法var a=['4','9','16','25']; b=a.map(Number);c=b.map(Math.sqrt);d=c.map(String);console.log(a);console.log(b);console.log(c);console.log(d)注： map里的方...
2019-01-10 13:50:44
2482
原创 vue实现小菜单的动态切换
需要实现的目标就是类似于jq的事件委托。直接上代码：html:<div class="wenBottom " v-for="(item,$index) in items" :key="item.index" @click="dianji(e,$index)"> <p @click="show(item)" class="boderBott
2018-12-28 22:09:00
791
原创 vue项目中常见问题
问题介绍：今天想测试新需求，但不需要放到生产环境上，所以打算本地另起一个项目，在git上下载下来，直接安装依赖，但发现依赖装不上去，而且每次报错都不一样。1.第一想到是网络问题造成的掉包。尝试用阿里的镜像，cnpm（失败告终）2.下面想到的可能是某个插件更新，但是pack-json未更新。安装插件 --save 某个插件 （失败告终）3.后面才发现每次报错的插件都不太一样。最后采用的是...
2018-12-27 11:37:37
213
原创 前端总结-获取当前时间的小方法
封装的转换时间的小方法data:function(){return{ hxmonth: "", hxmonth1: "", Update:"" }}methods:{getNowFormatDate: function() { let date = new Date(); let seperator1 = "-"; l...
2018-12-20 15:08:32
580
原创 vue实现点击标题，显示隐藏兄弟元素（类似电脑打印设备显示打印设备）
本代码实现的功能：可动态添加里面的任何一级别的代码（不固定级别）html代码： &lt;div class="hx-bigListOne"&gt; &lt;div class="hx-bigLiOne" v-for="item in items" :key="item.id"
2018-11-06 14:57:31
1656
原创 element-ui的时间选择器的小坑
需要的做一个日期选择框在已有页面上第一个问题:页面上已经存在了很多层级，但是我们需要显示在最上面，需要加一个类名把层级设置为最大，这个时候的需要用的属性“popper-class”。由于之前很多属性类似于“key”这种，都是需要v-bind:或“:”的所以，最后找了一会发现，这个属性直接就可以，不需要v-bind:或者“:”。直接使用即可。第二个问题就是，上面弹出框的图标的关闭事件。因为采用...
2018-09-25 10:23:27
7394
原创 echarts的markline的使用
需要使用echarts在柱状图上显示出来一条警示线，（echarts的文档的写的没有问题，但对于我一些不常用的属性来说太过于把一样的属性放在一起。导致试了好几遍）话不多说，直接js代码markLine : { symbol:"none", //去掉警戒线最后面的箭头 label:{ position:"start" ...
2018-09-19 20:57:39
43378
6
原创 vue新手缝缝补补分页功能
首先我们写分页需要考虑什么？ 插件用的多了，可能自己也就不去考虑这些了。（这次由于自己半路接到一个项目，原先开发没有用到框架。加上页面较多，所 以只能自己用原生去写） a.为了减少频繁的等测试催你改东西，分页加上后，每页显示的个数，跳转页，首页，尾页的跳转 b.跳转页的页码只能输入数字，大于总页码的时候跳转尾页，为0或者负数时跳转第一页或者不能跳转废话不多说，直接贴代码 h...
2018-09-11 14:55:42
200
原创 vue中全选按钮的操作
我们要实现的目的就是一个简单的全选按钮，但是当下方得有一个元素取消选中状态时，全选状态取消，下方的数据都选中时，全选自动选中，再加上一个功能为当下面没有数据，全选按钮不能选择。解决的思路肯定还是监听数据变化，外加上一条控制可点击不能点击的变量； 直接上代码：div class="table_list"> <table class="" id="table_list" v...
2018-08-06 11:14:39
2639
原创 vue遇到的小白问题之三——按钮的点击效果的实现
问题是，需要对一个按钮进行的点击判断。其实就是disabled的使用遇到的问题是disabled只要写在vue的按钮上就不能点击，不能进行判断。无论disabled=true还是disabled=false，都是不能点击的/最终找的问题是，在vue中，有些属性是要在前面加上v-bind：或者简写一个： 直接上代码： :disabled='isdisabledFn' export defa...
2018-07-26 18:53:48
5053
原创 vue的小白问题--关于vue的路由设置
首先我们接触的vue更多的是做一个单页面的功能，但是偶尔如果遇到点击跳转像a标签一样，可以重新打开一个一个页面，应该如何去做；解决办法，其实vue基本都兼容原生html的东西。所以我们只要把a标签的属性加过来就可以了。但是不能用a标签的写法，要用vue里面的写法。 直接贴代码：&lt;router-link :to="{ path: './要跳转的页面'}" replace target...
2018-07-23 11:55:41
212
原创 vue中遇到的一些小问题之二——添加title中的小图标
需要解决的问题：采用的vue-cli框架，新人半路接到项目，原先title的图标已经删掉，需要重新添加一个title图标 网上的例子都是一些官方的什么替换啊，配置总之是对的，但是不是很全面。解决方案 首先两个配置文件; webpack.prod.conf.js 这个文件中：引入代码const path = require('path') ；下面是进行配置： new HtmlWeb...
2018-07-09 09:39:51
3195
原创 vue的小白问题之二-vue+elementui
正确的日期格式转换成时间戳var time1=new Date(startTime).getTime()；时间戳转成正确的日期格式 timeChange: function(cellValue, type) { var date = new Date(cellValue); var Y ...
2018-07-03 19:52:44
180
原创 vue之遇到小白问题之一
业务需求 需要一个方法拿到上面一个方法的值进行判断操作。直接代码：`getDataList: function(type) { this.$ajax.post(apiUrl, params).then(function(response) { checkednum=response.data.data.checkednum; prepare...
2018-07-03 16:09:57
184
原创 VUE一些奇怪问题之二
今天遇到的问题： This relative module was not found: * ../assets/images/alpha.png in ./node_modules/css-loader?{“sourceMap”:true}!./node_modules/vue-loader/lib/style-compiler?{“vue”:true,”id”:”data-v-f...
2018-07-02 14:59:10
1108
原创 vue更新一些奇怪的属性
首先，来到新公司，第一次拿到完整的vue前后端分离的项目还是很开心的。 但是前几天就遇到一些个很不常见的vue问题。问题描述 需要把超出的部分文字隐藏掉，然后又要可以知道这个文本的全部内容解决思路 当时通过问超出的部分隐藏，鼠标放上去的时候显示全部内容直接代码解释 `css样式：overflow：hidden,text-overflow:ellipsis;white-space:...
2018-06-28 20:40:10
262
原创 jq中的append方法
jq的append()就是在元素的最后面添加元素。 尤其注意的一点：如果是内部元素，第一个用append（）方法添加的最后，那么第一个自动删除掉。 代码` <script type="text/javascript"> function switchLi() { $('ul').append($('ul li:e...
2018-06-22 15:11:54
3132
原创 根据需求写一个侧边栏有两级菜单
需求是： 实现点击知识库收起下面的菜单，点击热点专题，使热点专题变成红色图标，应知应会变灰。 前边就不多赘述，直接代码块 html：` ...
2018-06-14 12:04:28
890
原创 原生js如何判断数字连续点击事件
原生js如何判断数字连续点击事件需求 点击支付或者点击其他时间，我们需要判断的是在特定的起点连续点击 eg: 需要达到的效果是，从7月开始点击，不管点击几个，必须保证点击微信支付提交的时候是连续的 正确点击顺序：7 8 9 10 错误的效果1：7 9 10 错误的效果2：8 9 10 解决方案： 1。可以确定起点就是7月，定义为a=7; 2。点击的个数是可以确定,定义为b...
2018-05-02 15:58:22
1256
原创 阻止鼠标的默认事件
鼠标的默认事件 1.鼠标的左键的默认事件，是按下以后拖拽图片或选中 2.鼠标的右键的默认事件，是弹出浏览器的属性菜单如何阻止鼠标的默认事件 1.阻止鼠标的左键的默认事件，（这里就是基本大多说说到的鼠标的默认事件）：ev.preventDefault();加上这个方法就可以了，这个方法只能阻止左键移动的拖拽事件，并不能阻止右键事件 2.阻止鼠标的右键的默认事件： $(document)...
2018-04-25 15:25:41
1724
原创 jquery自带的四个可用于轮播的方法
jQuery效果jQuery本身就自带了可以实现图片显示隐藏的效果：fadeIn（） 本身控制html中元素的dispaly属性为none，的图片划入页面。 fadeIn(参数1，参数2)，参数1为图片的划入的快慢：“fast”，“slow”以及具体的毫秒数，毫秒数不加“”，参数2划入以后执行的函数fadeOut（） 本身控制html中元素的dispaly属性为block，的图片...
2018-04-24 16:26:35
413
原创 页面背景问题
如何实现内容变化，背景图不变今天开会老板提出了，不想用响应式，用原生html，css和js写出一个pc端按住ctrl滑动滚轮，只用内容变化，而背景不变的 当我打开了几个老板给出的例子: 发现其中的奥妙不外乎两点： 1。图片的大小，我的设计给出的只是一个页面的图片的大小，而这种网站的特点在于有一张至少是3k*2k的图片 2。初始的需求，由于开始设计时，外行...
2018-04-23 14:35:16
154
原创 echart折线区域图
在引入echart区域折线图时，没有出现对应的区域图当发现引入下面代码到自己的代码中并没有对应的区域图 option = { xAxis: { type: 'category', boundaryGap: false, data: mydata.xname(改成自己的数据) }, yAxis: { ...
2018-04-20 16:38:43
2310
原创 css盒子显示隐藏问题
盒子的显示隐藏常用的属性display和visibilitydisplay和visibility的相同点 1.两者都是控制盒子的显示和隐藏，都是在css的属性定义display和visibility的区别 1.在value值上面，控制盒子显示的，display的是block，visibility的是visible，控制盒子隐藏，display的是none,visibility的是hi...
2018-04-19 14:08:24
5184
2
原创 js中的parseFloat问题
web前端中在计算中采用到了parseFloat的方法，但是在计算中在第6个或者第十个会出现字符串拼接而不是数字相加，期间没有改动过代码，没有抱任何error或者warning， 我的建议和解决方法是：var c+=parseFloat(a); var c1=a.toFixed(n);输出c1即可...
2018-04-19 11:35:19
1338
翻译 CSDN-markdown编辑器使用教程
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I...
2018-04-19 11:10:03
107
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人