- 博客(26)
- 收藏
- 关注
RSS订阅原创 vue 表格和表单绑定
Demo需要是 1.点击表格的每一行，弹出响应的表单2.表单是动态的。（后期要做自动生成表单功能）3.表单上填充数据对应这一行4. 在表单修改后，点击保存能将数据实时反应在表格上。我的思路： 因为表单后期需要做自动生成，所以这一块单独做一个template， 表格的展示数据和表单数据是双向绑定，为了后期能更好调用，分离数据出来使用了vuex的store来储存数据和各种状态UI库 用了 Elemen...
2018-06-11 10:19:24
6095
原创 vue-qq 实践（一）
第一步：创建项目 vue init webpack vue-qq (vue-qq是要新建的项目名称) 接下来会进入安装阶段，需要用户输入一些信息： ～Project name (vue-qq) 项目名称 (可以自己指定，也可直接回车，按照括号中默认名字（注意这里的名字不能有大写))字母 ～Project description (A Vue.js project) 项目描述～...
2018-04-27 22:31:51
995
原创 用vue+vue-rounter+vuex+museUI 制作了一个答题卷
用vue+vue-rounter+vuex+museUI 制作了一个答题卷。使用原则是： 答题后不能修改，全部答完会有响应答分数。界面有些丑陋，后续会修改接下来的几篇博客会讲述制作过程。。。...
2018-04-16 09:59:21
2310
原创 非凡等你发现---项目心得
1.想运用一个插件，如swiper,和 jQuery custom content scroller，首先要熟悉人家的API, 运用此两插件的时候， 第一次遇到问题是 发现swiper在翻页器上完全没有多样化原生接口，提供的都只是能自动生成的简简单单的小原点翻页器，，其实是要利用其中的一个原声方法和jq 去插入想要的文本，运用的是append(),before()和after()等方法，， 而滚动...
2018-04-11 22:13:20
164
原创 清除浮动大总结
首先要明白的是css 设计float属性的主要目的是为了实现文本绕排图片 ，然而，这个属性居然也成了创建多栏布局最简单的方法。 浮动的元素会脱离常规的文档流，是因为当你浮动某个元素的时候，你是在要求浏览器把它往上放推，直到它碰到父元素（也就是body元素）的内边界，自然位于它后面的元素不再认为浮动元素在文档流中位于它的前面了。 父元素着手--- ...
2018-04-10 21:09:18
134
原创 A big day
终于又开始写博客了。。。最最开始是担心自己写的不好，不敢公开在博客上写，都把想写的记录在evernote上，后来慢慢习惯了，就一直在evernote上写，不过最近在找工作，感觉有个个人博客还真的能加分，，至少能让雇佣方进一步了解你的技术实力吧～～～～最后，希望自己出错的地方，朋友们能不吝赐教。。。...
2018-04-10 20:50:05
247
原创 三栏-中栏流动布局
html代码 /*三栏外包装(包围全部三栏)*/ /*两栏外包装(包围左栏和中栏)*/ Nav Article /*结束两栏外包装(twocolwrap)*/ Asides /*结束三栏外包装(threecolwrap)*/ css代码#main_wrapper{min-width: 600px;max-widt
2016-08-04 10:51:49
357
原创 closest() 方法 与.parents()方法
如: I II A B 1 2 3 C IIIclosest() 方法获得匹配选择器的第一个祖先元素，从当前元素开始沿 DOM 树向上。返回包含零个或一个元素的 jQuery 对象。$('li.item-
2016-07-28 15:06:23
320
原创 visibility:hidden;与 display:none;
Visibility:hidden与display:none; 都具有隐藏元素的效果，两者的区别有：1. 当visibility被设置为"hidden"的时候，元素虽然被隐藏了，但它仍然占据它原来所在的位置。 而display实际上是设置元素的浮动特征,设置none 后相当于隐藏而且不占位。2.当visibility被设置为"hidden"的时候，就不能再接收响应到事件了。
2016-07-15 17:47:14
587
原创 响应式图片
最近在做响应式的网站，发现使用大幅图作为网页背景图出现了很多问题。一张全屏、高质量的图片的大小是非常大的。这会造成加载网页速度变慢，你需要权衡利弊。需要记住的点有：1.在使用背景图片之前最好要研究一下平均屏幕分辨率的问题。一般的方法是使用一些分析软件去查看已经存在的网站，例如：Google Analytics。除此之外，还可以了解一下屏幕分辨率总体趋
2016-07-07 16:45:33
378
原创 clone和clone(true)的差别
clone(true)方是复制一个元素及其所有事件。clone()方法是复制一个元素，不包含其所有事件。
2016-07-01 17:17:45
780
原创 图片展示集的排列问题
有个图集展示区，每一排展示4个图片，我使用ul的li元素去包裹img元素和p元素(p是对对应的图片的描述)。问题一：li与li之间都有一定的间距，但是每一排的第一个左边和第四个的右边的间距为零。解决：如果是左浮动就只需要解决第四个的右边距问题，在设置完所有li的右边距后，单独再设置一个~~~li:nth(4n+0){margin-right:0;}。最后再调节之前所设置的所有l
2016-06-21 15:44:02
372
原创 a 和 button
像 button 的原始目的就是一个通用的按钮，点击后应该触发 JavaScript， 没有其它附带的隐含的附加效果； 标签的隐含附带效果就是跳转页面到其它地方，而提交表单时应该有一个隐含附带的让浏览器触发提交表单的效果，它就与 button 默认的行为不一样了。所以我们根据这点来区分我们应该用 button 还是用 input 或 a 标签。今天遇到一个难题，代码如
2016-04-27 17:34:36
1129
原创 Uncaught TypeError: Cannot read property 'value' of undefined
之前愚蠢的行为，一直想使用document.getElementsByName("aa").value来获取name为aa的所有下拉列表选中的值，但是总是报错， 仔细一想,var ss=document.getElementsByName("aa")中 ss得到是一个数组，value是不能获取一个数组的值。 此时，萌生了写成var ss=document.getElementsByN
2016-04-25 09:54:28
3476
原创 复制或删除该下拉列表
要求实现点击“＋”，就复制该列表，点击对应的"－",就删除该记列表： var i=1; $(function(){ $("#add").click(function(){ i+=1; $("#content_small").clone(true).appendTo("#cont
2016-04-23 17:24:07
273
原创 img是inline元素
img是inline元素，但是他同时也是replace元素，他有着特殊的表现： 1. 可以设置width/height; 2. 默认的，img元素在屏幕占据的空间与其图片的实际像素一致，除非CSS有设置或者自身的width/height HTML 属性有设置 3. 如果img标签的包裹元素为也为inline元素，则img的边界可以超出其直接父元素的边界，直到
2016-04-20 15:50:39
1454
原创 bootstrap修改默认字体，更换为微软雅黑或其他字体的方法
在开发中，使用bootstrap后，中文会一直是默认的宋体，如果要设置为微软雅黑的字体，可以使用以下方法：所以修改bootstrap的默认字体，更换为其他字体，例如：微软雅黑：正常引入bootstrap的css样式后，记得将自定义的样式表放到其之后，如： rel="stylesheet" href="/Public/css/boo
2016-04-16 10:28:42
14117
转载 不要自称为程序员
不要自称为程序员作者： 阮一峰日期： 2011年10月31日每年都有无数年轻程序员，加入软件行业。他们在学校里学过编程，但是对这个行业的现实一无所知。Patrick McKenzie是美国一家小软件公司的老板，他写了一篇长文，介绍这个行业的一些实际情况。我看了以后很感慨，有些地方很受启发。我选择了一部分，翻译如下。
2016-04-14 16:19:38
230
原创 jquery中(function($){...})(jQuery)
jquery中(function($){...})(jQuery)这是一个匿名函数被执行了，他的实参是jQuery对象。相当于：function test(a){}test(jQuery);上面这种写法，一般是为了保护本地变量不被外部变量污染。写自己的js库的时候，不妨也这样写：(function(w){//这里面就可以写的你js公共库了var my
2016-04-13 18:50:41
346
转载 程序人生——雷军
[题记] 如果程序人生的话，这条路太漫长“程序人生”这个词是什么意思，刚开始时我并不明白。这个词源于业余BBS站，站上PROGRAMMER栏目的中文名就是这个词，英文翻译过来就是”程序员”，但程序人生又比程序员多了很多含义，似乎多了一种沧桑感。但不管这么多，讲讲编程感受不算跑题。首先我先讲讲自己的路，这样也许大家才能相信我的坦诚和我的这篇编程感受的真实性。这些感受是我个人感受，
2016-04-12 19:56:34
1238
转载 clone
jQuery 文档操作 - clone() 方法clone() 方法生成被选元素的副本，包含子节点、文本和属性。 $(document).ready(function(){ $("button").click(function(){ $(t
2016-04-12 19:48:27
263
原创 一些JS事件
今天学到了几个事件：1、checkbox取值和选中事件 有些时候可能需要用到脚本为一些窗体绑定事件:比如Jquery为单选框checkbox绑定单击事件： 即你选中或取消复选框不会立即弹出对话框，会执行js中的代码， $(document).ready(function(){ $("#testCheckbox").change(function() { alert
2016-04-09 19:48:04
228
原创 git 加 sourcetree
我已经忍受不了一个team不用任何版本管理器来管理代码，我行我素才是我的风格啦。选择git，理由不用多说，你懂得。。虽然觉得命令行真心方便，可是由于本身对命令行不是很熟练，加之现在情况危机，便去网上搜索了一些相关的客户端，最终在某大神的推荐下选择了SourceTree.首先，下载git，网址是：http://msysgit.github.io/然后开始创建版本库：选择一
2016-04-08 19:30:50
196
转载 setTimeout 与setInterval
setTimeout(表达式,延时时间)在执行时,是在载入后延迟指定时间后,去执行一次表达式,记住,次数是一次 setInterval(表达式,交互时间)则不一样,它从载入后,每隔指定的时间就执行一次表达式 所以,完全是不一样的 很多人习惯于将setTimeout包含于被执行函数中,然后在函数外再次使用setTimeout来达到定时执行的目的 这样,函数外的setTimeout在执
2016-04-07 16:07:54
228
转载 JS跳转页面的几种方法
一、常规的JS页面跳转代码1、在原来的窗体中直接跳转用 window.location.href="你所要跳转的页面"; 2、在新窗体中打开页面用： window.open('你所要跳转的页面'); 3、JS页面跳转参数的注解 window.open ('page.html', 'newwindow', 'height=100, wid
2016-04-06 17:27:10
1173
原创 GitHub 之初学（一）
其实 github 的帐号早就开通了，但是一直都没怎么上传代码，这次为了找工作，为了向他们展示一下我平时所写的代码，我打算把原本存放在桌面的所有的小项目都上传到github上。。。。。。接下来我要记录一下上传代码到github的流程。（顺便提一下，我现在发现终端里使用命令行去执行操作是非常方便的事情。我爱上了命令行了啦，嘻嘻嘻。。。） 第一步：要安装git和配置。
2016-03-20 14:37:36
391
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人