- 博客(50)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 elementui-table新增可编辑行组件
主要结合了scope来封装该组件通过底部添加按钮添加一行可编辑的表格行，编辑后点击确定保存，可重新打开该行进行编辑，或者直接删除。组件部分代码TableEdit.vue<template> <div id="app"> <el-row> <el-col :span="24"> <el-table size="mini" :data="tableData" border style="width:
2021-07-07 14:59:54
3154
3
原创 采用es6进行数组拼接或对象拼接
1.数组拼接let a=[{a:1},{b:2}]let b=[{c:1},{d:2}]console.log([...a,...b])//[{a:1},{b:2},{c:1},{d:2}]2.对象拼接let a = { getMenuList(id){ //获取当前登陆用户应用菜单列表 return `/plat/menu/getMenuByUser/${id}` }, createSalt:'/plat/token/salt',//生成随机盐 //
2021-07-01 11:08:42
2517
转载 AngularJS学习笔记之directive——scope选项与绑定策略
开门见山地说，scope:{}使指令与外界隔离开来，使其模板(template)处于non-inheriting(无继承)的状态，当然除非你在其中使用了transclude嵌入，这点之后的笔记会再详细记录的。但是这显然不符合实际开发中的需求，因为实际上，我们经常想要我们的指令能够在特定的情况下与外界进行数据上的交互，这就需要借助绑定策略之手了。大家知道，当scope选项写为scope:{}
2016-07-20 15:08:28
555
原创 下拉列表多选的时候如何获取值
var o = document.getElementById("fieldslectmul"); var str = ""; var tmpstr =""; for(var i=0;i<o.length;i++){ if(o.options[i].selected){
2016-06-17 18:34:29
2474
原创 复选框点击事件但是不选中问题解决
需要在点击事件中增加event.cancelBubble = true; scope.checkearItemFun = function(checked,index){ event.cancelBubble = true; scop
2016-06-17 18:00:01
3358
原创 常用js自定义函数
1、获取字符串长度function getBLen(str) { if (str == null){return 0}; if (typeof str != "string"){ str += ""; } return str.replace(/[^x00-xff]
2016-05-25 09:55:30
392
原创 angular 对checkbox选择框的操作实例
//这里有两个操作，一个是全选事件，一个是单选事件//初始数据格式$scope.pigdatalists = [{"id":1,"checked":false},{"id":2,"checked":false},{"id":3,"checked":false},{"id":4,"checked":false}];//全选 sc
2016-05-18 17:06:19
21778
原创 sublime text 2 设置4个字节替代默认的的2个字节
Preferences->Settings-User到这里面编辑增加"tab_size": 4,"translate_tabs_to_spaces": true
2016-05-11 09:41:39
564
原创 git 常用操作指令
git init （git初始化）git status （查看当前目录下的文件是否有变更）git add . 或git add 文件1 文件2 （将要提交的文件添加到索引库中）git commit -m"具体描述" （提交到暂存区）git push （提交到github )git diff 文件1 （查看文件对比情况）git log （查看文件修改的历史记录
2016-04-20 18:58:30
319
原创 js删除数组中的指定元素
Array.prototype.indexOf = function(val) { for (var i = 0; i < this.length; i++) { if (this[i] == val) return i; } return -1;};Array.prototype.remove = function(val) { var index =
2016-04-15 18:16:36
677
原创 sublime2安装less
1、打开sublime2,使用快捷键ctrl+shift+p,输入 install package,再次输入less,2、使用快捷键ctrl+shift+p,输入 install package,再次输入lessc，3、使用快捷键ctrl+shift+p,输入 install package,再次输入less2css然后重启sublime2，新建一个less的文件试试，保存后会自动编译
2016-04-14 10:58:58
1050
原创 echarts饼图显示详细数据
var option = { title : { text: title, x:'center' }, tooltip : { trig
2016-03-30 12:53:13
4816
原创 angular先加载页面再执行事件,特别在动态生成id,然后做echarts等图表
其实是用到了$timeout,//首先需要定义一个directive directives.directive('onFinishRenderFilters', function ($timeout) { return { restrict: 'A', link: function(scope, element, att
2016-03-29 18:20:13
3879
1
原创 grunt的一些注意事项
如果要引用指定版本的插件语法是： npm install bootstrap@3.3.6如果要写入到package.json中语法是：npm install botstrap@3.3.6 --save-dev以下是引用了一些网上jslint的错误提示的翻译结果前端javascript代码编写中，有一个不错的工具叫JSLint，可以检查代码规范化，压缩JS，CSS
2016-03-24 12:02:49
1260
原创 js function 调用时 new一个还是直接调用
如果function的返回值是值类型（Number、String、Boolean）时，new函数将会返回一个该函数的实例对象，而如果函数返回一个引用类型（Object、Array、Function），则new函数与直接调用函数产生的结果等同。举个简单的例子大家就明白了function a(){ var a =0; return 'aa'}var aa = new a();cons
2016-03-24 11:56:38
1263
转载 bower 简易说明
什么是bowerBower是一个客户端技术的软件包管理器，它可用于搜索、安装和卸载如JavaScript、HTML、CSS之类的网络资源。其他一些建立在Bower基础之上的开发工具，如YeoMan和Grunt，这个会在以后的文章中介绍。准备工作安装node环境:node.js安装Git，bower从远程git仓库获取代码包:git简易指南安装bower
2016-03-22 18:08:08
369
转载 angular同一个页面多个controller值传递
//父级 //自己 click me //子级 //平级 phonecatControllers.controller('SelfCtrl', function($scope) { $scope.click = function () {
2016-02-25 11:48:14
10673
原创 angular 绑定动态变量
$scope.objtype={};var e="eee";var f="ddd"$scope.objtype[e+''+f]=true;
2016-01-19 16:11:19
5787
原创 ionic col不能换行解决办法
注：需要增加class=row-wrap,因为布局是用的flex,查看布局后的css:flex-wrap:wrap;
2015-12-21 17:36:31
5908
转载 识别手机访问的js代码
(function(){ var res = GetRequest(); var par = res['index']; if(par!='gfan'){ var ua=navigator.userAgent.toLowerCase(); var contains=function (a, b){ if(a.indexOf(b)!=-1){return true;} };
2015-11-25 18:21:42
939
转载 angularjs 在 iframe 里面无法正确显示 src 指定的内容
原 controller ：$scope.myURL = URL;页面：myURL}}' class="width-100 height-100">发现页面不能打开 中的内容。现在将 controller 中改写如下 即可：$scope.myURL = $sce.trustAsResourceUrl(URL); //URL 为全链接（$sce.
2015-11-25 11:51:46
7786
原创 ionic 上拉刷新 ion-infinite-scroll 自动调用多次问题解决
这个问题查了很久，终于明白如何在上拉时为什么会自动调用多次在第一次自动调用时，如果加载的数据没有充满屏幕，会自动再调用一次，要是还没充满屏幕，会无限次请求数据，官方里面也没说明这个东西，被坑了好长时间。如果你不想多次跟后台交互，就定义请求的条目多点。html: 1 11111/label> 5
2015-11-19 16:21:09
19815
原创 localStorage 使用
//获取值localStorage.getItem("xx");//赋值localStorage.setItem("xx",val);//循环获取值for(var i=0; i<localStorage.length; i++){ //localStorage.key(i)}
2015-11-18 17:09:03
455
转载 placeholder 样式
::-webkit-input-placeholder { /* WebKit browsers */ color: #999;}:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999;}::-moz-placeholder { /* Mozilla Firefox 19+ */ col
2015-11-18 16:59:44
1238
原创 angular-cookies 【ipCookie】操作
var app = angular.module('ngapp',[]);app.controller("ngctrl',['ipCookie',function(ipCookie){ ipCookie('cookiename');//获取值 ipCookie('cookiename','jason');//赋值 }]);ipCookie('cookiename'
2015-11-12 09:53:46
1892
转载 juqery cookie操作
jquery.cookie.js 的配置 首先包含jQuery的库文件，在后面包含 jquery.cookie.js 的库文件。 使用方法 1.新添加一个会话 cookie： $.cookie('the_cookie', 'the_value'); 注：当没有指明 cookie有效时间时，所创建的cookie有效期默认到用户关闭浏览器
2015-11-11 15:08:31
519
原创 ionic tab选项卡置于顶部
等额本息内容 等额本金内容 .mortgagetab .tabs{ top:0; border:0; background:none;}.mortgagetab .tab-item { max-width:220px;}
2015-11-09 21:15:02
5503
转载 用angularjs写，点击盒子变色其他盒子恢复原色
testvar myApp = angular.module("myApp", []);myApp.controller("testCtrl", function($scope){ $scope.data = [0,1,2,3,4]; $scope.isCurrent = function(index){ $scope.bg = []; $s
2015-11-06 16:09:01
1955
原创 css3 rem如何使用
rem是一个相对大小的值，它是相对于根元素html>，不像em是相对于父元素，控制起来很麻烦，px又是绝对像素值，他改变了浏览器的字体大小，这时会使用我们的Web页面布局被打破。html {font-size: 62.5%;/*10 ÷ 16 × 100% = 62.5%*/}body {font-size: 1.4rem;/*1.4 × 10px = 14px */}h1 { font-
2015-10-23 17:24:47
655
转载 百度地图api 异步调用
异步加载function initialize() { var mp = new BMap.Map('map'); mp.centerAndZoom(new BMap.Point(121.491, 31.233), 11);} function loadScript() { var script = document.createElement("script"); s
2015-10-21 18:56:07
1698
原创 fiddler 手机代理上网 通过代理服务器进行身份验证失败
1、查看代理主机ip是否正确，fiddler端口与手机设置的端口是否匹配2、一定记得重新启动fiddler
2015-10-21 16:34:17
8578
转载 fiddler显示响应时间
在Tool bar上面找到Rules->CustomRules在class Handlers{ 里面添加function BeginRequestTime(oS: Session){ if (oS.Timers != null) { return oS.Timers.ClientBeginReques
2015-10-21 16:31:22
3631
原创 css3过渡动画transition
响应式布局 body,*,figure,div,h1,h2,h3,h4,h5,h6,p,figcaption{ margin:0;padding:0;font-family: "微软雅黑";}figure{ position:relative;width:33.33%;overflow: hidden; float: left; height: 350px;}figu
2015-10-21 11:01:05
480
原创 css3垂直居中
#centerbox{ left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); background-color:gray; color:white; position:
2015-10-21 10:58:52
414
原创 jquery删除指定数组元素
var arr = ["a","b","c"];//删除元素b//获取该数组元素的索引值var index = $.inArray("b",arr);//删除arr.splice(index,1);
2015-10-12 17:18:02
4568
原创 grunt uglify
安装：npm install grunt-contrib-uglify --save-dev//按原目录压缩文件uglify:{ build: { //按照原来的目录结构压缩所有JS文件 options: { mangle: true, compress:
2015-08-14 16:04:34
541
空空如也
json数据问题
2012-04-25
TA创建的收藏夹 TA关注的收藏夹
TA关注的人