移动端评论点攒功能今天我们继续分享一个评论点攒的功能,感觉这个功能逻辑很有意思,整理下来,有需要的伙伴可以一起学习。功能效果就是这个样子的,下面我们来分解一下代码html部分<ul id="comments_list"> <li class="comments"> &nb
插件描述:aos.js是一款效果超赞的页面滚动元素动画jQuery动画库插件。该动画库可以在页面滚动时提供28种不同的元素动画效果,以及多种easing效果。在页面往回滚动时,元素会恢复到原来的状态。简要教程aos.js是一款效果超赞的页面滚动元素动画jQuery动画库插件。该动画库可以在页面滚动时提供28种不同的元素动画效果,以及多种easing效果。在页面往回滚动时,元素会恢复到原来的状态。A
博客好久没有更新文章,主要最近在做一个聊天的功能,虽然不是很尽人意,但是最起码实现了功能。其中里面用到最多的就是数据交互问题了。所以ajax自然是最好的选择了。话说我从没有有系统的学习Ajax过,每次都是用什么查什么,都不往我这脑子里面存储。今天总算不是很忙了,在逛博客园的时候看到一篇文章写得还是很不错的。对于Ajax的讲解还是很到位的。分享给大家一起学习一下。ajax简介AJAX即“Asynch
老男孩linux培训梦想需要坚持
最近在做一个后台管理的项目,但是没有设计图完全,所以就发现一款非常不错的模版。 这个模版是基于 AngularJS 和 bootstrap 的后台管理系统模版。Minovate是 AngularJS 高级管理系统模板。它建造在流行的Twitter Bootstrapv3框架上。Minovate完全基于HTML5 + CSS3标准。是充分响
很多人在问我是 ionic好呢?还是react好呢? 其实我只想告诉你去看文档啊,不用用怎么知道哪个合适呢? 嘿嘿但是真的这么问的时候我也不会这么回答的,那岂不是太张狂了哈哈哈react我确实没有用过,所以今天不多做什么评价。但是ionic我在项目中一直用着,想说的是确实很好用。上一篇文章我们介绍了css3实现聊天界面的布局。那么今天我们就来学习一下,如何在页面进行数据交互。文章重点:如
今天给大家分享一个我刚做的项目中的一个小案例, 因为我们在做一个聊天的功能,之前的聊天页面UI很丑,我就不在这里展示给大家了。现在就教大家怎么用css3制作一个和微信聊天界面一样的页面。首先给大家看看页面的样子吧,如下图所示:小月博客仿微信聊天界面页面大致就是这个样子,接下来我们来一起学习制作步骤吧。第一部分: HTML<div class="leftd"> &n
首先说一下 ionic 是单页面应用,也就是说整个项目就有一个index.html, 那么问题就就来了, 如果我们不同的页面要分享给大家的是不同的链接和图片,应该怎么去做呢? 这就是我们今天要总结的东西. 今天这个问题真是闹得我心烦,有必要总结下来了.学习重点:微信分享方法巧妙封装监听路由事件$rootScope.$on举一反三微信分享关于微信分享,大家都是在熟悉不过了,无非就
关于优化我虽然工作了2年,但是很惭愧的说我从来不曾重视过,直到昨天我空闲没事看到一个题目,我们的老大说代码可以更加优化,但是我很肯定的说这个就很优化了(PS:第一种就是我写的);但是在和我们老大讨论后得到如下的结果。这是一个很经典,但是不难的问题。对于学习JS中for循环的理解还是非常经典的例子。问题:请问有100件货物,和100匹马,其中大马一匹可以驼3件货物,青年马一匹可以驼2件货物,小马驹2
正则表达式,有木有人像我一样,学了好几遍却还是很懵圈,学的时候老明白了,学完了忘光了。好吧,其实还是练的不够,所谓温故而知新,可以为师矣,今天就随我来复习一下这傲娇的正则表达式吧。为啥要有正则表达式呢?其实就是因为计算机笨(这话不是我说的),比如123456,我们一看就是邮箱,可是计算机不认识啊,所以我们就要用一些计算机认识的语言,来制定好规则,告诉它符合这个规则的就是个邮箱,这样计
之前学了正则表达式,刚好够工作用,以为自己熟悉了,深入看了《精通正则表达式》后发觉还是差了不止那么一点点,感觉又打回原形了,\b\w+(?=ing\b) 、((?<=\d)\d{3})+\b 这些看着都懂,但是出了问题,又不晓得咋改,现在还是把东西都整理整理,以后防止又打回原形。相信认真学过正则的人一开始都有看过正则表达式30分入门教程,这是一篇极好的入门文章,看完会发现开始有点
昨天我们一起分享了关于html和css的面试题《前端面试题之Html和CSS》,今天我们来分享关于Javascript有关的面试题。我面试的时候最害怕面试官问我js了,因为我真心不擅长这个。不过我在努力的学习中。本宝宝第一次面试的时候比这个还紧张呢!!!1.介绍js的基本数据类型Undefined、Null、Boolean、Number、String2.js有哪些内置对象?数据封装类对象:Obje
又到了毕业季,很多小伙伴们都到了找工作的时候了,好多小伙伴问我有前端的面试题么?答:没有。 呃呃… …小伙伴本宝宝真的没有骗你们,我从毕业到现在一直在一家公司没有换过,所以手里压根没有面试题。我们公司招聘也压根不需要什么面试题。因为那些都是可以百度的哈哈。 但是大部分公司还是有面试题的,所以征求大家意见后总结一下关于前端的面试题。今天我们分享关于Html和CSS部分的。更多关于前端开发的资源请点击
前段时间在博客园看到一篇很不错的文章,就是介绍如何用CSS3来实现太阳系中行星的运动。本小姐处于好奇心从头到完整的看完了。突然发现好奇不仅仅害死猫,也可以增长知识嘛(你这是什么谬论!!!)。也许有的朋友看过有关的文章那么今天我们就一起来看看怎么巧妙的利用CSS3 来实现这么漂亮的动画的吧!我不清楚大家对于CSS3的动画了解多少,但是我对于 CSS3的东西还是限制与用什么查什么的阶段。css3的an
对于省市联动的效果,在大部分的项目我们都会涉及的,开始刚工作的时候真心害怕这个东西。不知道如何下手去写。后来在我们技术老大的带领下用angular写的省市联动效果,真心不错。但是有些项目我们不需要加载angular。今天我们就单独拿出来用JS 看看如何实现省市联动的效果吧。第一步: 分析一下思路常见的省市联动下拉框,在选择省份时,城市列表也会更随改变。所谓联动效果,是指出发父级的数据变化时,会影响
这篇文章是讲解 Ioinc中怎么实现 下拉刷新和上拉加载的。也是我们日常做项目是必不可少的功能。有兴趣的小伙伴可以来学习一下。HTML部分<ion-view view-title="消息通知"> <ion-content class="padding"> <!-- <ion-refresher>&nb
小伙伴,在我们日常写网页的时候有没有注意过Meta 标签,你对它了解多少呢?Meta标签是HTML语言head区的一个辅助性标签,它位于HTML文档头部的head标记和title标记之间,它提供用户不可见的信息。它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他web服务。今天给大家分享一下关于Meta 标签的常见功能分别由 移动端
不知道大家在做移动端页面的时候有没遇到过在 IOS 端 一些按钮显示和安卓的截然不同,今天下午又有一个小伙在群里问这个问题。我记得之前我也遇到过,今天给大家分享一下怎么使用 CSS修改IOS的默认样式。========================================================小月博客http://www.aliyue.netWEB==========
我愿做一个明媚的女子。不倾国,不倾城,只倾其所有过自己要的生活.听着办公室哒哒哒的键盘声,和同事之间的交流声,我依旧我行我素的带着耳机做自己喜欢的事情。仿佛自然的屏蔽了这世俗的烦忧。忙碌的生活我依然习惯了懒散,仿佛自己不属于这个快节奏的生活一样。不因为名利而去阿谀奉承;不因任何人的要求去勉强什么。对啊我就是这么任性,(我就是我,不一样的烟火!)。对了我昨天辞职了,之前我想到的很多结果今天都不是,辞
对于产品经理这个方向个人感觉女程序员可以考虑发展的。总之我是不太喜欢写代码。但是并不是说产品经理做的工作就简单,其实整个项目产品经理起着至关重要的作用呢!现阶段关于产品经理的学习资料非常杂乱,很不系统,有的收费的小伙伴们也不愿意下载。所以今天就分享一套系统学习产品经理的视频资料。希望可以帮助到大家。课程如下:点击下载产品经理之基础阶段和产品思维(一)产品经理的工作方法及应用(二)产品进阶课程(三)
课程介绍SeasLog是一个C语言编写的PHP扩展,提供一组规范标准的功能函数,在PHP项目中方便、规范、高效地写日志,以及快速地读取和查询日志。本课程将带你全面细致地了解SeasLog。课程提纲第1章 认识日志系统什么是日志?为什么要使用日志功能?为什么选用SeasLog?本章从基本概念开始,一步步解答您的疑惑。第2章 SeasLog的安装的使用方法如何安装和使用SeasLog是新手们最关心的问
假如你25岁,或者正在25岁,又或者已经过了25岁,那时候的你在哪里,做什么,面临怎样的困难?你对25岁的你想说些什么?
昨天的《移动 Web 开发技巧》的这篇文章,大家反响不错,因为这些问题在大家日常写移动端的页面时经常遇到的。所以那个文章还是超级实用的,那么我们今天继续来分享一下移动端的web开发技巧吧,希望对大家有所帮助。PS:不要让小伙伴第一次写移动端像下面这位一脸的蒙逼哈哈… …第一、启用 WebApp 全屏模式(IOS)当网站添加到主屏幕后再点击进行启动时,可隐藏地址栏(从浏览器跳转或输入链接进入并没有此
大家有没有在生活或者工作上遇到有的网页文字或者图片等无法复制和粘贴呢?我刚工作的时候还以为是我的电脑坏了呢。可笑吧!原谅我的无知吧。那么今天就给大家分享一个关于如何用JS代码来禁止网站内容被复制、粘贴、另存为的吧。有需要的小伙伴自己学习。第一、右键和复制失效方法1:在网页中加入一下代码:<script language="Javascript"> &n
最近一直有人问,移动端的页面怎么写啊?要注意什么啊?和PC页面有什么区别?…… 就会有很多的疑问。其实要我回答这些问题可能也不知道怎么回答小伙伴。我也没有专门学习过移动端的制作,大部分都是工作后慢慢捉摸的。小月博客这几天会专门分享关于移动端的小技巧请多多关注哦今天给大家分享一些移动端 web 开发的小技巧吧!一、移动端的识别在 iOS Safari (其他浏览器和Android
知道大家在做项目的时候遇见很绚丽的设计图后会怎么做。有一些设计图会经常使用阴影效果看上去更加立体,一般情况下像我这种懒人直接就切图了。压根就没有想着去研究一下代码怎么实现。后来我们的设计稿总是改啊改啊,***简直是烦死我了,他要是改了图我就要正版的切图更换。所以我决定研究一下这个东西,其实我们是可以实现的哦!如图所示:上面的效果就是平时写项目最典型的效果了,做设计的小伙伴肯定知道PS分分钟搞定,但
CSS3可以做动画大家肯定都是耳熟能详的了,但是大家有木有巧妙的利用这一个功能来制作一款漂亮的照片墙呢?那么今天我们就利用CSS3动画这一特性来一起制作漂亮的照片墙吧!第一部分:HTML这里我们首先放十张图片在页面上面。(有什么靓照尽管上来哦!)<div class="content"> <img class="
学了这么久的理论课程,大家有木有掌握基本的技能呢?那么大家有没有在实际的项目中运用你所学到的知识呢?俗话说的好:骡子是马拉出来溜溜,今天这节课程就是要带领大家在实际的项目中怎么做好一个产品经理的职责。这里不再是纸上谈兵了,大家可要打起精神来学这节课程的知识了。不要走到社会上只会说不会做。今天就开始我们的第四阶段《项目实战训练》。 上几节知识在这里:第一阶段:《基础阶段和产品思维》第二阶段
学完前面两个阶段的视频我相信大家对产品经理这个职位的职责肯定有了新的认识吧。给大家说一个我之前培训的时候一个搞笑的事情吧,曾经培训的是平面设计和网页制作。开学的第二天开始用PS制作简单的 icon ,那时候我感觉自己好厉害,什么logo 都可以画出了我基础班上完就可以上班了,干嘛浪费时间嘛… …后来学了越来越多的设计技能,胆子不是越来越大,反而不敢去面试了。因为学的更多才发现自己懂得很少。所以小伙
至今HTML5中国已经为大家分享过几百种基于CSS3的Loading加载动画,效果酷炫代码简洁,非常值得学习借鉴;今天就先给大家分享两个常用的CSS3的Loading的案例。第一种效果:HTML部分<div class="loading"> <span></span>
Copyright © 2005-2024 51CTO.COM 版权所有 京ICP证060544号