01 2018 档案
CSS实现单行、多行文本溢出显示省略号(…)
摘要:如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来,当然还需要加宽度width属来兼容部分浏览。 实现方法: 效果如图: 但是这个属性只支持单行文本的溢出显示省略号,如果我们要实现多行文本溢出显示省略号呢。 接下来重点说一说多行文本溢出显示省略号,如
阅读全文
前端的冒泡和事件默认事件如何处理
摘要:1.event.stopPropagation()方法 这是阻止事件的冒泡方法,不让事件向documen上蔓延,但是默认事件任然会执行,当你掉用这个方法的时候,如果点击一个连接,这个连接仍然会被打开, 2.event.preventDefault()方法 这是阻止默认事件的方法,调用此方法是,连接不
阅读全文
画出倒三角
摘要:css: .header_menu_new-top{width: 0rem;height: 0rem;position: absolute;top: -0.12rem;right: 0.2rem;border-color: rgba(0,0,0,0.8) transparent;border-wid
阅读全文
使用threejs点云秀出酷炫的图片效果(一)
摘要:来源:http://blog.csdn.net/srk19960903/article/details/70214556 使用了点云拼凑出了照片轮播十分有趣,于是用threejs实现这个效果。 首先这件事情分为两步:1.根据图片数据创建对应大小、颜色的点云。2.给点云加上着色器,给渲染管线传递点云变
阅读全文
hreeJS加载Obj资源后如何实现内存释放?
摘要:问题: 我利用ThreeJS做了一个在同一个场景下动态加载Obj的页面,具体功能是:点击按钮A:加载A模型,点击按钮B:加载B模型...现在的问题是,前面已经加载过的模型,无法实现释放,内存一直在累加,除非浏览器关闭此页面 解决:
阅读全文
cookies,sessionStorage 和 localStorage 的区别
摘要:请描述一下 cookies,sessionStorage 和 localStorage 的区别? 请描述一下 cookies,sessionStorage 和 localStorage 的区别? sessionStorage 和 localStorage 是HTML5 Web Storage API
阅读全文
解决ios手机页面overflow scroll滑动很卡的问题
摘要:在移动端html中经常出现横向/纵向滚动的效果,但是在iPhone中滚动速度很慢,感觉不流畅,有种卡卡的感觉,但是在安卓设备上没有这种感觉; 要解决这个问题很简单: 一行代码搞定 -webkit-overflow-scrolling : touch;
阅读全文
移动端计算滑动的距离
摘要:代码来源:http://www.lanrenzhijia.com/js/css3/3206.html <html lang="en"><head> <meta charset="UTF-8"> <meta content="width=device-width, initial-scale=1,ma
阅读全文
设置滚动位置
摘要://返回顶部$('.leftTop').click(function(){ $('body,html').animate({scrollTop:0},500); });到指定位置html: <!-- left 导航--><div class="nav-left"> <ul class="floatC
阅读全文
css实现右侧固定宽度,左侧宽度自适应
摘要:反过来也可以:左侧宽度固定,右侧自适应。不管是左是右,反正就是一边宽度固定,一边宽度自适应。 这种布局比较常见,博客园很多默认主题就是这种。一般情况下,这种布局中宽度固定的区域是侧边栏,而自适应的区域是主体内容区——相信把侧边栏搞成自适应的人很少吧? 要实现这种布局,也算比较简单。我们先给出html
阅读全文
5.Javascript 原型链之原型对象、实例和构造函数三者之间的关系
摘要:前言:用了这么久js,对于它的原型链一直有种模糊的不确切感,很不爽,隧解析之。 本文主要解决的问题有以下三个: (1)constructor 和 prototype 以及实例之间啥关系? (2)prototype是啥,__proto__又是啥,他们之间啥关系? (3)如果改变一个 construct
阅读全文
3.说一下你了解的弹性FLEX布局.
摘要:页面布局一直都是web应用样式设计的重点 我们传统的布局方式都是基于盒模型的 利用display、position、float来布局有一定局限性 比如说实现自适应垂直居中 随着响应式布局的流行,CSS3引入了更加灵活的弹性布局模型 flex弹性布局 使用弹性布局可以有效的分配一个容器的空间 即使我们
阅读全文
一些面试题 没有答案
摘要:1.电话初探 1.说一下你了解CSS盒模型。 盒模型 盒模型是计算元素尺寸的模型规则 在我们CSS中盒模型分为两种 W3C标准盒模型 正常情况下我们用的都是这个标准的盒模型 标准盒模型中元素尺寸使用如下计算方式 元素实际宽度 = width + padding(左右内边距大小) + border(左
阅读全文
css样式优先级和权重问题
摘要:内联样式: <div style="font-size: 12px;">姓名</div> 外部样式: <link rel="stylesheet" href="css/bootstrap.min.css" /> 内嵌样式 : <style> .name{ font-size: 12px;; } </
阅读全文
vue-cli启动本地服务,局域网下通过ip访问不到的原因
摘要:1.问题描述: 新开发了一个vue-cli项目,想通过手机查看效果,发现访问不到,ip地址和端口号都没错但是手机访问不到,在本机电脑浏览器输入ip端口号一样访问不到,只能通过localhost:8080访问到,同一局域网下其他的手机和电脑并不能通过ip地址访问调试, 2.原因:vue-cli项目是通
阅读全文
css布局---各种居中
摘要:居中是我们使用css来布局时常遇到的情况。使用css来进行居中时,有时一个属性就能搞定,有时则需要一定的技巧才能兼容到所有浏览器,本文就居中的一些常用方法做个简单的介绍。 注:本文所讲方法除了特别说明外,都是兼容IE6+、谷歌、火狐等主流浏览器的。 先来说几种简单的、人畜无害的居中方法 1. 把ma
阅读全文
七牛云上传的图片进行删除
摘要:PHP方法: /** * 七牛云商品图片删除2017/10/25 */ public function delGoodsImg() { $this->isShopLogin(); $img = I("imgUrl"); $res = $this->qiNiuDelImg($img); if ($res['status'] != 1) { //七牛里没有图...
阅读全文
七牛云上传图片
摘要:引入: <script src="__PUBLIC__/plugins/qiniu/plupload/plupload.full.min.js"></script><script src="__PUBLIC__/plugins/qiniu/qiniu.js"></script><script src
阅读全文
找到当前字符串中最后一个/并获取之后的字符串
摘要:var imgSrc = $(this).parent().children('img').attr('src');var index = imgSrc.lastIndexOf("\/");var name = imgSrc.substring(index + 1,imgSrc.length);
阅读全文
jquery正则表达式验证:验证身份证号码
摘要:需求说明: 前端页面使用正则表达式验证文本输入框输入的身份证号码是否符合规则。 代码说明: 这里只介绍正则表达式部分,其他部分的代码不做介绍。如有其它需求请自行修改即可。 步骤一:建立一个页面可以是html、jsp等,引入jquery-3.2.1.min.js(其他版本亦可)。 步骤二:编写正则表达
阅读全文
apply()与call()的区别
摘要:一直都没太明白apply()与call()的具体使用原理,今日闲来无事,决定好好研究一番。 JavaScript中的每一个Function对象都有一个apply()方法和一个call()方法,它们的语法分别为: 它们各自的定义: apply:应用某一对象的一个方法,用另一个对象替换当前对象。例如:B
阅读全文
js 判断字符串是否包含某字符串,String对象中查找子字符,indexOf
摘要:var Cts = "bblText"; if(Cts.indexOf("Text") > 0 ) { alert('Cts中包含Text字符串'); } var Cts = "bblText"; if(Cts.indexOf("Text") > 0 ) { alert('Cts中包含Text字符串
阅读全文
改变父元素的透明度,不影响子元素的透明度—css
摘要:1、如果我们给父元素添加opacity:0.4后,子元素的red颜色也变成了0.4的透明度, 例子如下: 结果: **解决方法: 父元素的透明度用rgba的方法 background:rgba(0,0,0,0.4);** 解决的后的代码: 结果: 解决方案2:有兼容性问题; 利用CSS中的opaci
阅读全文
如何移除 input type="number" 时浏览器自带的上下箭头?
摘要:Chrome 下
阅读全文
css hover使用条件
摘要:1:必须是其子元素才可以使用; 举例: css:
阅读全文
git使用
摘要:可以去这里看更加详细的:http://www.cnblogs.com/best/p/7474442.html Git 企业开发者教程 为什么要写这样一个面向企业开发者的Git教程?这个问题也困扰我自己很久。其实我使用git的时间也不短了,但是就和正在阅读本文的每一位一样,常用的基本就是那么几个(gi
阅读全文
css浮动的元素居中
摘要:<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>页面浮动元素的水平居中</title> <style type="text/css">
阅读全文