- 博客(51)
- 收藏
- 关注
RSS订阅原创 记一次vuex的mapGetters无效原因
报错是（error during evaluation)，见下图。代码大概是下面这样，import store from './store.js'computed: { ...mapGetters('project', [ 'isOpenSupplyNeed', ]), a(){ return store.getters['project/is
2017-09-20 17:59:48
16329
原创 记一次在vue项目上使用七牛文件上传的坑
直入主题，首先没有使用npm安装七牛，而是选择用bower安装。 什么方式无所谓啦。在正确引入了js之后，同时配置参数也没有问题，可是！就是没效果。我是在created里面建立uploader的，后来想到，原来是新建uploader的时候，对应的dom元素还没被渲染出来。当时的token还没有从服务端获取，所以出现了这个问题。
2016-12-16 23:16:22
4548
原创 webpack笔记
刚在用gulp的时候，遇到了一个问题也不知道怎么处理比较好，索性干脆转webpack来了。先说在gulp里遇到的问题吧。我有两个less文件需要编译输出到不同的目录， 我能想到的做法就是写两个task了，觉得太麻烦了，如果有人知道怎么方便的设置麻烦告知，虽然我可能不会再转会gulp了。好了再来记录一下webpack的用法吧，其实也不是刚用这个东西，在我还在用grunt的时候，就已经接触到webpa
2016-12-01 17:11:05
421
转载 [JS]防抖和节流
以前不知道这些名词，然后看了这篇文章知道了。【前端性能】高性能滚动 scroll 及页面渲染优化 - ChokCoco - 博客园防抖(Debouncing)像防抖还是很容易想到的，大概意思就是延时处理，然后如果在这段延时内又触发了事件，则重新开始延时。看代码最直观啦。// 简单示例window.addEventListener('resize',function(e){ var t;
2016-07-06 17:10:10
5043
原创 JavaScript输出螺旋矩阵
昨晚无意看到这样一个算法题目，然后就想着用js来实现。 昨晚草草写完后感觉代码很丑，很臭，于是今晚又花点时间重构了一下，感觉变得优雅了。什么是螺旋矩阵 螺旋矩阵是指一个呈螺旋状的矩阵，它的数字由第一行开始到右边不断变大，向下变大，向左变大，向上变大，如此循环。如图： 实现效果代码(function() { var map = (function() { funct
2016-04-06 00:04:39
2919
1
原创 关于表单的一些用法
先看这样一段 html<form name="fName" id="fId"> <input name="name" > <input name="pwd" type="password" ></form>如何得到 form 标签的引用呢？根据 iddocument.getElementById('fId');根据 name document.fName如何得到 for
2016-03-18 13:23:34
301
原创 [html5]记一些html5的东西
1级标题代表标签 2级标题代表属性inputform这里是MDN上面的解释 The form element that the input element is associated with (its form owner). The value of the attribute must be an id of a element in the same document. If thi
2016-03-16 11:56:41
407
原创 我的前端工作流
这里分享一下我的工作流。Bower 一个包管理器项目需要用到 bootstrap，angularjs，jquery等等的东西，每次要下载就打开百度然后进入官网找对应版本下载？ no,这里可以更方便。首先通过npm安装Bower，然后配置项目，完成后，只要 bower install jquery 即可自动安装到项目中来。Grunt JavaScript 世界的构建工具用到的插件conc
2016-03-14 20:48:19
676
原创 [easyui]总结一下目前项目里遇到的小麻烦
数据字典比如我们将用户性别存入数据库，一般都是用数字来存储，比如1表示男性，2表示女性。这时候碰到这样一个需求， 一个datagrid需要支持行编辑， 然后性别这一列用combobox来做。那如何方便的在前台将数据 1 显示成对应的 ‘男’ 呢？首先要先定义好这个列{ field:'gender',title:'性别',width:80, editor:{ typ
2016-03-07 13:07:48
468
原创 [angular]学习笔记
先分享个链接 Angular代码规范angular用的不多，决心好好学习掌握它。目录划分js services module.service.js…controllers module.controller.js…controller 的使用使用 controller as 语法慢慢补充吧，想到什么补充什么。
2016-01-20 18:58:14
335
原创 [grunt]less插件的使用
说实话用grunt我只用了concat,jshint,less这几个，这里写一下less的基本用法项目里有很多页面，每个页面一个单独的css，所有的less文件是按照 /controller/action 命名的，统一放在views文件下，于是就可以通过如下配置，自动生成对应的css文件，并且可以指定输出目录。less:{ views:{ expand:true,
2016-01-14 15:06:03
1021
原创 [easyui]datagrid鼠标移动显示单元格内容
当单元格内容过长无法完全显示怎么办？如果鼠标移动到该单元格可以自动显示出所有文字内容就好啦。 这里提供两个思路给对应节点添加一个title属性，值就是节点的内容添加事件，移动到单元格就用一个tooltip显示内容方法一添加title属性，值为文字内容首先找到对应节点 可以根据这个其中的一个class来定位 datagrid-cell假设这个datagrid的id为dg那就这么写 这里要
2016-01-13 14:29:13
5745
1
原创 [easyui]封装一个form
封装了dialog,datagrid,这个form也是必不可少啊先看怎么使用有图有真相html<!--表单内部想怎么放就怎么放，我个人习惯如下摆放--><form id="form" method="post"> <table> <tr> <td>textbox</td> <td><input name="textbox" /
2016-01-12 18:12:57
812
原创 [easyui]封装一个datagrid
上一篇写的是封装了dialog，那么这一篇就来看看datagrid如何封装吧。我希望最终是这样使用的html<table id="dg"></table>js// 定义(此时还未进行渲染)(一个选择器，一个参数配置)var datagrid = new hm.datagrid('#dg',{ rownumbers:true, columns:[[]], data:[]}
2016-01-12 14:42:28
2263
1
原创 [easyui]封装一个dialog
我觉得以后做项目，还是首先把组件都自己封装一遍好了，这样以后想改起来也方便，哈哈。先上效果图我自己看别人博客写东西总是喜欢看最终效果图，觉得感兴趣就会继续看。html我会将所有dialog一开始都放在一个隐藏的div里，这样即使它还没初始化在页面也是不可见的，经过EasyUI初始化之后，会自动跑到body下面。<div style="display:none"> <div id="dlg-a
2016-01-10 15:32:29
1885
原创 [cocos2dx]我的学习记录
一直想学会这个，这两天还算有空，来弄一下。跟着中文官网走，主要以 js 开发下载安装， 搭建环境网站都有说明 一开始我并没有安装android jdk之类的东东，只装了一个Python，因为我只打算先弄web端，后来编译不出来，于是干脆全部装上，于是就成功了。第一个实例当然hello world就不说了，跟着官网走，有一个实例教程一些基本命令参照官网创建项目 cocos new proj
2016-01-09 12:20:37
360
原创 [easyui]单例模式封装组件，提高性能，按需使用
项目里面有个页面，包含一个tabs，共有六个tab标签，每个标签里面都有一个datagrid，除此之外，页面里面还有若干dialog。发现弊端这个页面加载非常慢，原因就是该页面会在所有组件全部渲染完成才显示，这样非常影响性能，因为有的组件完全可以在需要用的时候才去渲染。单例模式封装组件主要常用form,dialog,datagrid组件，如下简单进行封装（以datagrid举例）。 最简单的封装
2016-01-03 16:10:53
961
原创 easyui项目小记
项目是用easyui来的，现在遇到这样的情况。原先datagrid都是用行编辑模式进行操作的，现在要改成弹出框（dialog）来交互（因为有的表是在是列比较多，行编辑会出现水平滚动条影响交互。）总不能所有的表都去手动在HTML里写好对应的代码吧，这不是大量重复的工作么，肯定可以有办法用代码解决的。
2015-12-29 21:39:31
357
原创 [easyui]实际应用中遇到的问题
easyuiDatagrid-Filter问题描述 使用Combobox的时候，不会自动请求服务器 问题原因 查看了 datagrid-filter.js 源码，发现他只处理的textbox的keydown事件解决方案 目前是手动指定OnSelect事件，然后Datagrid(‘addFilter’) 最后再 doFilter
2015-12-21 15:53:11
678
原创 QQ空间快速登录地址
http://xui.ptlogin2.qq.com/cgi-bin/xlogin?appid=549000912&style=22&s_url=http%3A%2F%2Fqzs.qq.com%2Fqzone%2Fv5%2Floginsucc.html%3Fpara%3Dizone
2015-12-19 12:02:19
2306
原创 [easyui]datagrid新增一行编辑时，给editor:'numberbox'赋初值不成功的解决办法
场景页面有一个datagrid,是通过行编辑来进行增删改查的， 有一个field的editor为numberbox需求想在新增一行的时候，让这个editor默认显示为0通常做法editor:{type:'numberbox',value:0}但是发现，点了增加之后，editor还是显示空值，起初还觉得这不应该啊，后来想到问题所在原因每次beginEdit之后，所有的editor都会从当前的row
2015-12-08 14:27:15
13791
1
原创 [TagCss]列表元素写法规范
List应用场景列表元素通常指的是 ul ol 两个元素，当然其他有列表关系的元素也可以。命名规则先定义列表的样式名 list-[name]，放在 ul ol 元素上再定义列表元素的样式名 item-[name]，放在对应的 li 元素上基本实例<ul class="list-users"> <li class="item-1">Tom</li> <li class="item
2015-11-30 14:44:55
509
原创 [扩展]EasyUI给dialog的buttons绑定click事件
通常，Dialog中的Buttons的Click是在生成的时候就通过如下方式写好的。 官网的代码<div id="dialog" class="easyui-dialog" data-options="title:'My Dialog',modal:true, buttons:[{ text:'Save',
2015-11-04 15:09:39
9944
1
原创 [JS][技巧]利用事件冒泡特性处理多个按钮的单击事件
以前一直不在意这个事件冒泡，只是有时候会用到stopPropagation()去阻止事件冒泡，最近发现，利用好了事件冒泡这一特性，有些地方会非常方便。拿个最直观的例子来举例 ToolBar界面 HTML<div id="toolbar" class="btn-toolbar" role="toolbar" aria-label="..."> <div class="btn-group" r
2015-10-29 12:51:07
2846
原创 [CSS]图片水平排列并且有固定间隔
相信大家肯定都碰到过这样的需求：可能设计图是这样的 先来简单分析一下这里的几点要求八张图片水平排列图片之间固定间隔图片大小相同总宽度100%demohtml<div class="row"> <div class="col">1</div> <div class="col">2</div> <div class="col">3</div> <div cla
2015-10-13 15:33:55
28157
1
原创 [html][jQuery]表头固定在顶部的一种实现思路
有时候当碰到要显示很多行又很多列的表格的时候，往往在翻到后面的时候已经对不上某一列是什么了。 所以需要将表头固定在顶部，而且是在滚动到表头被遮住的时候，才固定到顶部。先看效果图再讲一下我的实现思路 通过一个额外的table来显示固定顶端的表头，当滚动条滚动到某一位置（原数据表头被遮盖）的时候，显示这个固定的表头，反之则隐藏。首先是显示数据的表格<table id="tMain"> <
2015-06-29 15:44:49
5753
1
转载 探索高效jQuery的奥秘
原文链接 探索高效jQuery的奥秘讨论jQuery和javascript性能的文章并不罕见。然而，本文我计划总结一些速度方面的技巧和我本人的一些建议，来提升你的jQuery和javascript代码。好的代码会带来速度的提升。快速渲染和响应意味着更好的用户体验。 首先，在脑子里牢牢记住jQuery就是javascript。这意味着我们应该采取相同的编码惯例,风格指南和最佳实践。首先，如果你是一个
2015-06-23 17:51:52
398
转载 [js][技巧]生成指定范围指定个数的不重复随机数
今天偶然看到的比如要生成 1-100范围之内的10个不重复随机数，代码就可以这么写var arr = [];for (var i = 1; i <=100; i++) { a.push(i);}arr.sort( function () { return 0.5 - Math.random(); });arr.lenth = 10;console.log(
2015-06-19 15:10:35
9029
3
转载 [笔记][html][ios]点击元素有闪烁的解决办法
-webkit-tap-highlight-color这个属性只用于iOS (iPhone和iPad)。 当你点击一个链接或者通过Javascript定义的可点击元素的时候，它就会出现一个半透明的灰色背景。 要重设这个表现，你可以设置-webkit-tap-highlight-color为任何颜色。 想要禁用这个高亮，设置颜色的alpha值为0即可。-webkit-tap-highlight-
2015-06-17 14:32:42
2880
原创 [编码习惯]用while替代嵌套的if
举个例子给出一个整数a 条件是：a为正数a小于60a是奇数的情况下，输出”yes”最常见的写法无外乎下面这样if (a > 0){ if (a < 60) { if (a % 2 == 1) { // 输出 "yes" } }}很常见的if嵌套，但这样感觉并不直观。个人推荐这样的写法do{
2015-06-10 21:35:08
951
原创 [html][css]我的编码习惯
首先是要有一个.container来控制内容显示大小，所有的内容（文本，图片）都必须在此类之下（除非特别设计）其次.container也要有一个父元素.bg，百分百宽度，主要用来显示背景色类似是这样，以一个header为例吧，内容块宽度1280，背景灰色百分百宽度<div class="bg bg-header"> <div class="container"> <nav>
2015-06-05 10:08:59
377
原创 [jQuery][插件][tgAnimationLabel]数字滚动
效果图 这个插件完全没有样式！接下来讲怎么调用HTML<!DOCTYPE html><html lang="zh-cn"><head> <title>tgAnimationLabel</title></head><body> <button>Play</button> <p> <span data-tg-num="1890">0</span>
2015-05-25 18:07:11
1276
原创 [CSS]透明色，渐变
颜色 要表示一个白色有如下几种方法#ffffff (建议使用缩写 #fff )rgb(255,255,255)white一个半透明的白色rgba(255,255,255,.5)渐变 表示从左到右，由黑变白的渐变linear-gradient(left,#000,#fff) 当然，可以再添加颜色linear-gradient(left,#000,#fff,#f00) 更可
2015-05-22 16:34:25
2064
1
原创 [jQuery][插件]重置文本框值的小按钮
先上图HTML<div class="container"> <p> <input id="username" type="text" placeholder="This is Test" /> <span data-target="username">×</span> </p> <p> <input id="pas
2015-05-22 13:24:18
764
原创 [API]百度地图的调用
这里用的是JavaScript API大众版 参考链接：JavaScript API大众版 概述首先是要 申请密钥，不做多述调用方法首先放个div，给一个id，样式里要给定大小<div id="map"></div>然后引入api<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的密钥"></scr
2015-05-21 16:00:40
382
原创 [css]组件设计
首先指定角色 通过 .base 指定这是一个什么组件例如 : .btn 表明该元素为一个按钮，.progress 表明该元素为一个进度条赋予样式 通过 .style 给该组件赋予指定样式例如： .lg 指定大尺寸, .warning 指定情景(其实也就是颜色)综合示例 <button class="btn lg warning">删除</button> 一个用于警告的，大
2015-05-21 15:36:38
372
原创 [jQuery][css]通过$("#id").width();设置元素宽度在火狐无效
类似如下代码，chrome下正常，可是在Firefox却总是不对$("#id").width(100);解决方案：$("#id").css('width','100px');
2015-05-11 14:05:19
2137
原创 [CSS]滤镜效果
-webkit-filter:blur(5px); //模糊，此处为5像素-webkit-filter:sepia(0.5); //叠加褐色，取值范围0-1，此处表示50%的褐色-webkit-filter:brightness(0.5); //亮度，取值范围0-1，5倍亮度（数字为0时为正常样式，为1时表示的是100%亮度，无法看到图片）-webkit-filter:hue-rotat
2015-05-05 15:49:33
406
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人