永恋嬿然-CSDN博客

原创 PC或者移动端常用的上传图片

在开发app过程中我们遇到了这样的需求，要求上传身份证，评价晒图，意见反馈晒图等，还要可以单个上传和多张上传。要实现也不难，话不多少，直接上代码。 html <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>JSS实现带删除功能可以多张图片上传预览插件...

2018-07-19 17:22:59 1155 1

原创 AngularJs中，在ng-epeat后需要执行Js脚本怎么处理？

我们的app是用angularjs开发的，确实angualrjs在渲染数据上为程序猿提供了很大的便利，不用去像ajax那样拼接数据，html<div class="secKillPro swiper-container"> <ul class="secWrap clearfix swiper-wrapper"> <li class="fl sw...

2018-07-12 16:07:08 364

原创微信小程序的组件用法与传统HTML5标签的区别

小程序与传统HTML5的区别小程序刚开放公测，互联网圈内开始了各种解读和猜测。其中有观点认为小程序和HTML5有着紧密关联，甚至小程序就是基于HTML5开发。经过仔细研究文档和代码开发，从视图层的角度来说，小程序与传统HTML5还是有明显的区别，主要区别在于：开发工具不同。区别于H5的开发工具+浏览器Device Mode预览的模式，小程序的...

2018-07-12 15:34:26 983

原创兼容IE8的图片懒加载效果

通常如果页面图片特别多，图片加载就慢。会给服务器增加压力。因为网页解析是从上往下的，在解析的过程里，如果遇见资源了，浏览器会再次请求的，但是一个网页可能存在很多请求的资源，这样图片多了，容易导致页面出现空白。所以就会有懒加载效果来提高用户体验。1.html <ul class="list clearfix"> <li><a href="http://www.wanji...

2018-07-12 15:30:22 1289

转载前端面试题

一、一个页面上两个div左右铺满整个浏览器，要保证左边的div一直为100px，右边的div跟随浏览器大小变化（比如浏览器为500，右边div为400，浏览器为900，右边div为800），请写出大概的css代码。1.使用flex//html<div class='box'><div class='left'></div> <div class='righ...

2018-07-12 15:21:48 246

原创 Angular.js定义以及指令学习

1.angularjs简介AngularJS 是一款以前后端分离为优势的前端 JavaScript 框架，也有人将其称为MVC（model、view、controller）框架，AngularJS 通过指令扩展了 HTML.且通过表达式实现页面与js数据的双向绑定,采用路由（route）模式实现单页面跳转，AngularJS有着诸多特性，最为核心的是：MVC、模块化、双向数据绑定、语义化标...

2018-07-12 15:18:58 207

原创 “粽”使相距千里，也要长“酒”团圆

五月五，买条黄鱼过端午；插艾叶，挂香囊，还煮鸡蛋和鸭蛋；吃粽子，撒白糖，去看龙舟喜洋洋。儿时常会哼这首儿歌，现在还总在我的耳畔萦绕，但是年年有端午，岁岁人不同。刚刚告别了一月的迎春花，二月的杏花含苞待放了，于是大团大团的桃花迫不及待烂漫了三月。暮春的落红，寂寞了四月，然而，一抹芳香，萦绕于烟波的江南，徜徉在你我的记忆深处，守望中滑入了夏的荷韵。在流年的十指路口，彷徨地张望，不忍心的回首，蓦...

2018-07-12 15:14:42 184

原创 Less编译工具的学习

通常我们在制作网页时，要写一大堆的类名（class）,如果嵌套太多，写起来就很麻烦，可是如果我们用less这样的编译工具的话，就可以给我们减轻很多负担了，省时，又省力，下面就来看看吧！一、LESS解释：它是一种动态样式语言，LESS 将 CSS 赋予了动态语言的特性，如变量，继承，运算，函数， LESS 既可以在客户端上运行 (支持IE 6+, Webkit, Firefox)，也可以...

2018-07-12 15:09:49 763

原创兼容IE8的带左右箭头的轮播图

轮播图是我们网页上最常见到的效果，尤其要兼容IE8,这时就的考虑兼容了，下面就是我们PC端项目上用到的一个demo,整理了一下，以便择日使用，话不多说，直接上代码。html<<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name=&quo

2018-07-12 14:55:45 1597

lyl520_zyg1314的博客