MelissaHu
码龄10年
关注
提问 私信
  • 博客:39,421
    39,421
    总访问量
  • 21
    原创
  • 2,023,472
    排名
  • 4
    粉丝
  • 0
    铁粉
IP属地以运营商信息为准,境内显示到省(区、市),境外显示到国家(地区)
IP 属地:上海市
  • 加入CSDN时间: 2015-05-26
博客简介:

Melissa的博客

博客描述:
https://github.com/MelissaHu
查看详细资料
个人成就
  • 获得3次点赞
  • 内容获得0次评论
  • 获得6次收藏
创作历程
  • 6篇
    2018年
  • 20篇
    2016年
成就勋章
TA的专栏
  • html
    7篇
  • css
    8篇
  • Javascript
    7篇
  • 工具
    1篇
  • web
    3篇
  • 其它
    3篇
  • jq
    6篇
  • vue
    3篇
  • 最近
  • 文章
  • 代码仓
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

vue 表格和表单绑定

Demo需要是 1.点击表格的每一行,弹出响应的表单2.表单是动态的。(后期要做自动生成表单功能)3.表单上填充数据对应这一行4. 在表单修改后,点击保存能将数据实时反应在表格上。我的思路: 因为表单后期需要做自动生成,所以这一块单独做一个template, 表格的展示数据和表单数据是双向绑定,为了后期能更好调用,分离数据出来使用了vuex的store来储存数据和各种状态UI库 用了 Elemen...
原创
发布博客 2018.06.11 ·
6194 阅读 ·
0 点赞 ·
0 评论 ·
4 收藏

vue-qq 实践(一)

 第一步:创建项目   vue init webpack vue-qq    (vue-qq是要新建的项目名称) 接下来会进入安装阶段,需要用户输入一些信息: ~Project name (vue-qq)    项目名称 (可以自己指定,也可直接回车,按照括号中默认名字(注意这里的名字不能有大写))字母 ~Project description (A Vue.js project)   项目描述~...
原创
发布博客 2018.04.27 ·
1062 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

用vue+vue-rounter+vuex+museUI 制作了一个答题卷

用vue+vue-rounter+vuex+museUI  制作了一个答题卷。使用原则是: 答题后不能修改,全部答完会有响应答分数。界面有些丑陋,后续会修改接下来的几篇博客会讲述制作过程。。。...
原创
发布博客 2018.04.16 ·
2349 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

非凡等你发现---项目心得

1.想运用一个插件,如swiper,和 jQuery custom content scroller,首先要熟悉人家的API, 运用此两插件的时候, 第一次遇到问题是 发现swiper在翻页器上完全没有多样化原生接口,提供的都只是能自动生成的简简单单的小原点翻页器,,其实是要利用其中的一个原声方法和jq 去插入想要的文本,运用的是append(),before()和after()等方法,, 而滚动...
原创
发布博客 2018.04.11 ·
203 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

清除浮动大总结

       首先要明白的是css 设计float属性的主要目的是为了实现文本绕排图片 ,然而,这个属性居然也成了创建多栏布局最简单的方法。        浮动的元素会脱离常规的文档流,是因为当你浮动某个元素的时候,你是在要求浏览器把它往上放推,直到它碰到父元素(也就是body元素)的内边界,自然位于它后面的元素不再认为浮动元素在文档流中位于它的前面了。         父元素着手---     ...
原创
发布博客 2018.04.10 ·
172 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

A big day

终于又开始写博客了。。。最最开始是担心自己写的不好,不敢公开在博客上写,都把想写的记录在evernote上,后来慢慢习惯了,就一直在evernote上写,不过最近在找工作,感觉有个个人博客还真的能加分,,至少能让雇佣方进一步了解你的技术实力吧~~~~最后,希望自己出错的地方,朋友们能不吝赐教。。。...
原创
发布博客 2018.04.10 ·
286 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

三栏-中栏流动布局

html代码  /*三栏外包装(包围全部三栏)*/    /*两栏外包装(包围左栏和中栏)*/    Nav    Article  /*结束两栏外包装(twocolwrap)*/  Asides /*结束三栏外包装(threecolwrap)*/ css代码#main_wrapper{min-width: 600px;max-widt
原创
发布博客 2016.08.04 ·
393 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

closest() 方法 与.parents()方法

如:   I  II      A    B              1        2        3              C      IIIclosest() 方法获得匹配选择器的第一个祖先元素,从当前元素开始沿 DOM 树向上。返回包含零个或一个元素的 jQuery 对象。$('li.item-
原创
发布博客 2016.07.28 ·
354 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

visibility:hidden;与 display:none;

Visibility:hidden与display:none; 都具有隐藏元素的效果,两者的区别有:1. 当visibility被设置为"hidden"的时候,元素虽然被隐藏了,但它仍然占据它原来所在的位置。    而display实际上是设置元素的浮动特征,设置none 后相当于隐藏而且不占位。2.当visibility被设置为"hidden"的时候,就不能再接收响应到事件了。 
原创
发布博客 2016.07.15 ·
634 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

响应式图片

最近在做响应式的网站,发现使用大幅图作为网页背景图出现了很多问题。一张全屏、高质量的图片的大小是非常大的。这会造成加载网页速度变慢,你需要权衡利弊。需要记住的点有:1.在使用背景图片之前最好要研究一下平均屏幕分辨率的问题。一般的方法是使用一些分析软件去查看已经存在的网站,例如:Google Analytics。除此之外,还可以了解一下屏幕分辨率总体趋
原创
发布博客 2016.07.07 ·
419 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

clone和clone(true)的差别

clone(true)方是复制一个元素及其所有事件。clone()方法是复制一个元素,不包含其所有事件。
原创
发布博客 2016.07.01 ·
823 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

图片展示集的排列问题

有个图集展示区,每一排展示4个图片,我使用ul的li元素去包裹img元素和p元素(p是对对应的图片的描述)。问题一:li与li之间都有一定的间距,但是每一排的第一个左边和第四个的右边的间距为零。解决:如果是左浮动就只需要解决第四个的右边距问题,在设置完所有li的右边距后,单独再设置一个~~~li:nth(4n+0){margin-right:0;}。最后再调节之前所设置的所有l
原创
发布博客 2016.06.21 ·
418 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

a 和 button

像 button 的原始目的就是一个通用的按钮,点击后应该触发  JavaScript, 没有其它附带的隐含的附加效果; 标签的隐含附带效果就是跳转页面到其它地方,而提交表单时应该有一个隐含附带的让浏览器触发提交表单的效果,它就与 button 默认的行为不一样了。所以我们根据这点来区分我们应该用 button 还是用 input 或 a 标签。今天遇到一个难题,代码如
原创
发布博客 2016.04.27 ·
1263 阅读 ·
1 点赞 ·
0 评论 ·
1 收藏

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 ·
3594 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

复制或删除该下拉列表

要求实现点击“+”,就复制该列表,点击对应的"-",就删除该记列表:         var i=1;       $(function(){        $("#add").click(function(){             i+=1;         $("#content_small").clone(true).appendTo("#cont
原创
发布博客 2016.04.23 ·
315 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

img是inline元素

img是inline元素,但是他同时也是replace元素,他有着特殊的表现:   1. 可以设置width/height;   2. 默认的,img元素在屏幕占据的空间与其图片的实际像素一致,除非CSS有设置或者自身的width/height HTML 属性有设置   3. 如果img标签的包裹元素为也为inline元素,则img的边界可以超出其直接父元素的边界,直到
原创
发布博客 2016.04.20 ·
1572 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

bootstrap修改默认字体,更换为微软雅黑或其他字体的方法

在开发中,使用bootstrap后,中文会一直是默认的宋体,如果要设置为微软雅黑的字体,可以使用以下方法:所以修改bootstrap的默认字体,更换为其他字体,例如:微软雅黑:正常引入bootstrap的css样式后,记得将自定义的样式表放到其之后,如: rel="stylesheet" href="/Public/css/boo
原创
发布博客 2016.04.16 ·
14320 阅读 ·
1 点赞 ·
0 评论 ·
2 收藏

不要自称为程序员

不要自称为程序员作者: 阮一峰日期: 2011年10月31日每年都有无数年轻程序员,加入软件行业。他们在学校里学过编程,但是对这个行业的现实一无所知。Patrick McKenzie是美国一家小软件公司的老板,他写了一篇长文,介绍这个行业的一些实际情况。我看了以后很感慨,有些地方很受启发。我选择了一部分,翻译如下。
转载
发布博客 2016.04.14 ·
265 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

jquery中(function($){...})(jQuery)

jquery中(function($){...})(jQuery)这是一个匿名函数被执行了,他的实参是jQuery对象。相当于:function test(a){}test(jQuery);上面这种写法,一般是为了保护本地变量不被外部变量污染。写自己的js库的时候,不妨也这样写:(function(w){//这里面就可以写的你js公共库了var my
原创
发布博客 2016.04.13 ·
395 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

程序人生——雷军

[题记] 如果程序人生的话,这条路太漫长“程序人生”这个词是什么意思,刚开始时我并不明白。这个词源于业余BBS站,站上PROGRAMMER栏目的中文名就是这个词,英文翻译过来就是”程序员”,但程序人生又比程序员多了很多含义,似乎多了一种沧桑感。但不管这么多,讲讲编程感受不算跑题。首先我先讲讲自己的路,这样也许大家才能相信我的坦诚和我的这篇编程感受的真实性。这些感受是我个人感受,
转载
发布博客 2016.04.12 ·
1582 阅读 ·
1 点赞 ·
0 评论 ·
2 收藏
加载更多