- 博客(82)
- 收藏
- 关注
RSS订阅原创 vue项目中使用echarts 遇到问题总结
需要注意echarts版本不同，部分属性可能有所不同，我用的是echarts4.0.一、echarts图表自适应问题。自适应代码(function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchan
2018-02-01 16:18:47
8952
原创 vue指令（组件）的基本使用一
接触过angular 的小伙伴们可能觉得学起vue的指令更加简单（个人认为），因为很相似，但一些语法略有不同，记录一下遇到的问题首先来说一下vue2.0以后很多语法发生变化，但我们往往搜索到的文章是用1.0的语法，这时可能就要多注意一下新语法是如何写的；例如 v-for 的index属性，在之前是$index,但你在2.0中使用就会报$index is not defined;一、v-
2018-01-19 11:06:49
726
原创 css3渐变属性兼容性和div圆角属性兼容性
一、渐变最近开发页面使用到了css渐变和border-radius 属性，最初只是百度了一下方法，后经测试，在IE9中并不生效，又开始解决；菜鸟驿站上标明了浏览器兼容浏览器支持表中的数字指定了完全支持该属性的第一个浏览器版本。后边跟 -webkit-、-moz- 或 -o- 的数字指定了需加上前缀才能支持属性的第一个版本。属性IE
2018-01-19 10:14:13
987
原创 node学习记三之vue与安装的模块(d3\echarts\jquery)
开发的项目并不是一个完整的项目，而仅仅是一个展示数据信息的一个个图表的单页面应用，类似于大屏的效果，当然技术很low.也是在学习vue 中的第一个应用，算是探索在项目中如何使用vue 来开发。1、先来写下安装 vue、echarts、jquery、d3需要的npm 指令，然后再介绍下vue中的组件和其他用到的地方，因为以前有用过angular js，所以对vue的一些基本指令能够明白，但稍微深一些
2018-01-11 15:57:58
1444
原创 grome浏览器禁止本地进行ajax请求
进行ajax请求时，$.get('js/index.json') 新建项目在hbuilder,打开展示没有问题。但是在本地文件夹中打开会报错，根源是grome浏览器禁止本地ajax请求，打开网页路径是file:///...........还是搞不懂为啥在本地打开，算是跨域，但要不在编辑器中新建项目，然后打开，此为法一。要不右击grome ,属性-快捷方式-目标下面加上 --allow-f
2017-12-06 17:38:57
1233
1
原创 smartbi学习记五之遇到问题汇总
使用smartbi制作图表过程中发现了smartbi 中很多潜藏的bug,最终通过他们版本升级或编写宏代码来解决。一、雷达图在基本设置里面设置最小值不生效，需要写宏代码，但是若数值之间相差太大，有时候做出的图并不美观。 最终smartbi 通过版本升级解决了最小值得设置问题。二、参数设置里面的滑块控件使用了默认值，但滑块并不生效，图表数值生效，不知道是否是版本问题，需要升级观看
2017-11-27 10:55:21
5063
1
原创 smartbi学习记四之几个简单的设置
一、smartbi在浏览器中的界面是可以修改的，包括导航栏颜色，左侧栏颜色，背景和登录smartbi的背景等。在定制管理-系统选项-界面设置二、smartbi左侧导航航栏小图标可以修改，右击点击属性-上传图片，格式一般的图片都可以，但大小需要裁剪，才能合适。三、定制管理里面写sql查询的文件夹在主题中不显示，只显示报表，右击属性-显示，把电脑选项的勾去掉就好。四、分页报表，固定每一
2017-11-01 16:52:34
8045
原创 smartbi 学习记二之系统及版本问题
用任何工具，都会出现一些问题，在学习smartbi过程中发现存在的一下几个问题。1、系统问题smartbi 支持64位操作系统，32位的可以手工部署，但是制作电子表格，使用smartbi 的excel 插件时可能还会有问题。2、excel问题制作电子表格，smartbi支持excel 2011/2013 和wps 2016，其他版本可能有兼容性问题。当然使用wps2016，我还是碰
2017-10-13 17:04:16
1638
原创 smartbi学习记三之电子表格之回写填报
实现简单电子表格制作，其实相对比较简单，但是表格的样式和复杂要求会影响到具体功能实现，对于smartbi 来说。当然对于交叉报表的样式实现数据回填较困难，和smartbi人员沟通后，尽管可以使用回写多个规则来实现，当然也不一定，我本来想尝试，但由于smartbi版本问题，造成汉字的过滤总是实现不了效果，而升级又需要备份知识库，不敢贸然做，只能止步。解决方案是用两张表来实现，一张清单报表实现
2017-10-13 14:29:35
4052
原创 mySql学习记三
今天继续来记录写稍微难点涉及到函数和表关系的sql 语句。一、联合两个表的1、join 和inner joinselect 表1.a , 表1.b ,表2.c from 表1 inner join 表2 on 表1.id = 表2.id order by a从两个表中联合查到 id 相同 的数据（并且若为空，则不返回），只取有效的。2、left joinselect
2017-09-23 14:59:31
233
原创 Mysql学习记二
继续记录这两天所看所学，基本的语句一、查询语句1、select 字段名1，字段名2 from 表名 ——从表中找到某字段的全部数据2、select * from 表名 ——从表中取所以字段数据3、select distinct 字段名 friom 表名 ——从表中取某个字段的全部数据（相同的去除）4、select 字段名 from
2017-09-23 14:27:22
324
原创 Mysql 学习记一
一个前端，最近开始接触数据库知识，开始一步步记录自己初学Mysql的学习笔记，从基础开始。参考相关文档，了解到从以下几个简单的方面来学习（sql 基本数据类型、sql 基本语法操作、sql函数）几方面开始学习。今天先来总结一下三种数据类型，确实与之前的脚本语言有所差别。一、数字1.tinyint
2017-09-22 20:46:48
270
原创 smartbi学习记一之开始学习的基本了解
近来，学到了些关于数据分析的工具，可以做电子表格和地图，总结一下自己自学的东西。一、安装配置 1.需要smartbi电子表格服务器，excel 电子表格插件，本地数据库（例如mysql）。 2.获取license文件，完成相应操作（有个配置本机mac地址）。 3.启动服务器后打开http://localhost:18080/smartbi/vision/config.
2017-09-05 14:39:42
11843
原创 开发及生活感悟
完成一个项目，就我目前水平来看，开发效率和代码的精简和水平还相差甚远。需要反思和踏过的坑下次要注意了。1、 事情一次性就做好。作为一个急性子的人，有时候着急要出结果的时候，难免就会着急。开发项目初期种种给自己定下的规则就不经意被打破。项目中许多东西，我就先把框架做好，也没有完全考虑清楚，导致后面测试的时候许多低级错误就出来了，再反复进行修改，浪费了我大量开发时间，所以我需要改掉的就是项
2017-05-23 09:38:31
401
原创 angular js 过滤器的使用及思路总结
项目中，自己实现一个列表，按某一个类来分，同一个行表头，但内容可能有多行。本来自己第一次做的时候 两层repeat 循环，第一次循环出每一行，每一行再 repeat 循环出有多行的情况。但为了实现我要将里层循环每一行具体填写的内容传递给后台，这样从下标来判断来得到整个数组包括一些选中状态是（里面 是每一行中按钮单选，不同行可实现多选），实现起来就有点复杂。angular js
2017-05-18 15:12:55
683
原创 textarea 限制输入字数
textarea 要限制输入的最大字数，textarea 有一个属性max-length ,但它 并不兼容IE9，就需要用js做判断了。一旦字数超过我们规定要输入的最大字数，就截取字符串。if($scope.content.length>=20){otherStr = $scope.content.substr(0,20);$scope.content= otherStr;}
2017-05-18 14:20:26
1034
原创 获取项目接口的当前路径
项目遇到页面来回切换，接口写相对路径总会有找不到页面的问题。在网上找到这段再拼上自己项目接口的相对路径即可。var local = window.location; var path =(local+"" ).split('/')var url = path[0]+'//'+path[2]+'/'+path[3];
2017-05-18 13:42:03
2242
原创 angular js 打开下载文件时文件名称为中文 IE浏览器出现乱码问题
文件实现了上传，系统中必然会提供下载、打开功能。a标签 使用 ng-href 将文件上传的接口路径的和filename,filetype,filepath以及操作是打开还是下载，一起拼起来。即可实现打开下载功能。具体代码如下：$scope.fileurl = "update.do" 因为filename 有可能是中文，这种情况下在IE浏览器下载打开文件包括传值
2017-05-17 16:25:08
1168
原创 angular js 上传插件 angular-file-upload 和 ng-file-upload 使用时注意事项
项目中碰到文件上传，
2017-05-17 16:18:17
7165
2
原创 form 表单input hidden 传值提交（框架angular js）
form表单提交，一些常用属性。method 有post、get等方式，action 是后台接口地址，1、这里想要总结的是使用jsp页面，ｉｎｐｕｔ类型是ｈｉｄｄｅｎ，给后台传值从而跳转页面，在另外一个页面接收值时需要用到C标签。 引入var id = "${id}";这样就可以获取到你在前一个页面传的id 值了。2 input hidden 传值 na
2017-05-11 15:24:15
7293
原创 angular js 控制层有值，表现层无值
众所周知，angular js 是双向数据绑定，scope有值，前边view 也应该有值，但是有时候用angular js 传值，控制层有值，然而就是绑定不到我前面的页面上，遇到这种情况有2次，请教大神，终于知道遇到这种问题的解决方案，需要用到 $apply，当然angular js 的机制是点击事件后会自动检测数据是否变化，从而实现双向绑定，现在出问题。需要 监测 将scope的值绑定给v
2017-05-11 14:58:03
631
原创 使用了angular js IE9以下浏览器的适配问题。
使用了angular js 作为整个项目的框架，浏览器只能适配到IE9了，那么问题来了，对grome,firefox等这些浏览器来说，没有问题，但对IE浏览器就麻烦了，若你的IE浏览器版本低，它总会以最低版本来识别，识别到IE7就麻烦了，一句meta标签搞定。这句话的意思是，如果支持Grome插件，就用插件来渲染。若为IE浏览器就用IE最高版本来渲染，这样只要浏览器版本较高，加上这句话
2017-05-11 14:21:17
3193
原创 使用了ng-repeat 后的样式显示 ng-class 、ng-hide ng-show ng-if ng-style
用angular 开发项目避免不了要使用ng-repeat ，使用了ng-repeat 好多我们想要 实现的样式就比较难了。首先说一下 ng-repeat 吧，里面若有重复数据会报错，需要
2017-05-10 17:08:51
1542
原创 angular js 使用了ng-repeat 实现单选及多选效果
作为最开始接触angular js ,单选效果还比较好实现，实现多选这一效果，在请教大神思路后，自己又思考，最终才做出来。逻辑性比较差。1 、先来说一下单选。
2017-05-09 16:30:58
1020
原创 input 标签的属性
最近刚做完一个项目，又遇到一些浏览器兼容性的问题。1 、input placeholder 属性对于ie9 并不起效果，所以设置了这一属性，在IE上没有。当然也可以通过js事件来实现这一效果，但是我请教了一下大神，他并不建议这么做，那在IE9及一下只好不显示，没有好的解决方案。2、disabled 属性，如果不想编辑输入框，最好不要使用这个属性，加上这一属性，点击事件包括其他事件不再
2017-05-09 16:13:00
560
原创 css对于文本处理的几个不常用属性
随着所做项目的增多，对于文本处理的CSS属性，遇见几个之前不常用的属性1 text-align 文本对齐有5个值left、right、center、justify、inherit。前3个常用不再介绍。text-align:justify;是实现文本两端对齐。text-align:inherit;继承父级文本对齐方式，不兼容IE8及以下。2 word-spacing 字间隔有3个值
2017-03-22 16:11:51
291
原创 CSS伪类选择器之属性选择
CSS独立给某些元素设置属性时，需要单独选择到某个元素。这里来总结一下常用到的。1 :first-child 父元素的第一个子元素2 :last-child 父元素的最后一个子元素3 :nth-child(n) n从1开始，父元素的第n个子元素4 :not 不是某个元素当然这里可以联合起来使用，具体形式为 :not(:last-child)当然这里需要
2017-03-22 10:11:33
1082
2
转载 IE9兼容性CSS之一transform:rotate
项目总的框架是用angular js ，因为angular js 本身只兼容到IE9，所以IE9以下我们就不加考虑，在浏览器版本低于IE9以下给出提示框让小部分用户能够去下载grome的一个插件，以此来渲染IE以google 模式运行，要不升级浏览器。针对IE9,由于transform:rotate并不支持。当然我们只是为了让英文文字实现一个旋转90度的效果，仅此而已，换方法。
2017-03-09 16:11:16
4760
原创 js 判断元素在数组中和取反操作
之前就有点晕，以为自己搞清了，理了理发现自己还是没搞清。是这样的，我要做一个判断，即一个元素不在这个数组里执行操作 和一个元素在这个数组里执行操作。首先是一个元素不在数组中我才执行相应操作。var array = [1,45,67,34,56,34];var b = 1;var flag = 0;for(var i = 0;iif(b != array[i]){c
2017-02-23 17:10:30
7137
原创 css几种方法使元素水平垂直居中
闲来无事，好久没写css代码，感觉当初用习惯的，现在都忘了，现在自己网罗资料加上自己理解，来总结一下。元素水平居中先判断元素类型，若为块级元素，可以使用margin:0 auto;当然也可以将它变成内联块性质 display：inline-block,再用法二。 若为内联块元素，给它的父级设置text-align:cente
2017-02-17 14:46:30
395
原创 angular js 根据条件决定是否引入script标签
工作中遇到了一个小问题，要根据接口的值来决定是否引入js文件，有两个想法1 控制script标签显示隐藏。根据接口传来的值，来决定元素显示隐藏，从而决定是否引入js,但是尽管ng-show 已经为false,但依然引入了，所以并没起作用。至于原因，我猜测可能是因为虽然script标签显示隐藏了，但只是界面效果，元素依然存在。2 鉴于第一条路走不通，我在想控制ng-if是否好用，然而也不
2017-02-15 14:37:05
2215
原创 读图解http笔记-第一章
对浏览器和服务器之间的通信过程掌握，这也是前端工作者应该必备的，来学习一下图解http这本书。一下是我对本书第一章了解web及网络基础。这一章似曾相识，尽管大学所学专业并不是计算机，但我所学的电子专业也曾讲过一些网络基础课程。这里只是记录下我理解的内容，正确性也无从查证。。Http协议发展过程不必再议。几个重要概念。一、TCP/IP协议（http只是内部的一部分）不同硬件、操作
2017-02-09 11:16:31
339
原创 css div li 使用float但高度不确定造成的错位问题我遇到的（部分360浏览器问题）
今天遇到个CSS样式问题，而且单单在部分人的360浏览器上出现了这样的问题。也是考虑上的失误及经验上的不足。是这样的一共是四个div,但高度不定。需要做成两两一行的样式。之前没做多大考虑，直接用了float,在大部分浏览器上并未出现问题。但在360浏览器（别人的）出现错位问题。即第一行第一个元素过高导致第三个元素排在了第二个下面。网上搜罗了一下方法，在不影响原来布局的情况下，考虑选择放
2017-01-18 15:14:29
1799
原创 javascript 数组常用方法整理
2017年工作的最后一周，鉴于工作压力并不大，再来写一篇，看书容易犯困，还是写一下。17年我也希望有个计划，能把基础掌握好的同时，接触一些新的技术。网上搜罗了一些资源，决定17年视情况而定，当然越早看完越好，先来阅读这几本书籍。javascript高级教程 3，CSS权威教程，图解http等。今天有时间来总结一下今天学到的数组的一些常用方法。一、 转换方法1 tolocalest
2017-01-16 15:13:43
691
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人