陌逸笙-CSDN博客

原创【css】will-change的理解

读完文章，在实验以后有一些理解 1.如果静态图层和动画图层在同一层级的时候，会产生抖动，这时候需要使用will-change，改变其效果 2.移动端尽量少用，因为会引起cpu内存问题，pc端适量去用，最好在优化后可以在动画完成取消优化，如果动画连续且使用的不多，可以使用will-change...

2018-12-03 18:05:07 818

转载【转载】[JS]用户终端浏览器的判断

下面为一些浏览器和内核的判断，摘自原文地址 var u = userAgent || _navigator.userAgent; var match = { //内核 'Trident': u.indexOf('Trident') > -1 || u.indexOf('NET CLR') > -1, ...

2018-08-15 11:22:24 341

原创页面滚动条出现页面不跳动

阅读完https://www.zhangxinxu.com/wordpress/2015/01/css-page-scrollbar-toggle-center-no-jumping/ 后，对产生的问题进行解决。首先，vw，是一个相对于视口的宽度的单位，一个视口被均分为100单位的vw，也就是说视口宽度=100vw。其次，：root 的解释“ :root选择器用于选择文档的根元素。根元...

2018-07-24 14:36:16 476

转载【转载】Js类的静态方法与实例方法区分以及jQuery如何拓展两种方法

上学时C#老师讲到对象有两类方法，静态方法(Static)和实例方法(非Static)，当时不理解静态是为何意，只是强记。后来从事了前端的工作，一直在对类(即对象，Js中严格来说没有类的定义，虽众所周知，这里还是赘述一番，以免产生歧义)的操作上，严重缺乏整体概念，最近看extetnd中再次提到拓展静态方法与实例方法，故而再次百度，才幡然领悟，其实一直有用，只是不知其专业术语呀，哈哈~ ...

2018-07-23 15:37:57 266

原文地址：链接最近碰到了一个问题，判断浏览器的类型，我们熟知的 IE, Firefox, Opera, Safari, Chrome 五款比较有名的浏览器，有时候需要考虑兼容性问题，当然，即使是同一款浏览器，不同的 version 也会带来很多麻烦。在 Chrome 没有出来之前，IE 一直都是浏览器行业的领袖和标准，但是 IE 的难用简直了。Chrome 的核心是 Webkit，它开源了一套浏览...

2018-03-06 17:31:18 464

转载【转载】jQuery.unique引发一个血案

原文地址：链接项目开发过程中，PM说系统只要在一个特定的浏览器中运行就好，但是在其他的浏览器中不能出现逻辑的错误，所以在开发过程中，前端和后台选择是Chrome浏览器，没有仔细测试Firefox和IE。但是昨天PM反映了一个bug，是浏览器兼容性bug，在Chrome浏览器下工作正常，但是在IE浏览器不报错，但是逻辑是不对的。剔除复杂的业务逻辑，代码精简如下：<html> &l...

2018-03-06 16:59:42 142

转载【转载】【CSS进阶】伪元素的妙用--单标签之美

原文作者：Chokcoco 原文链接：链接本文主要讲述一下伪元素 before 和 after 各种妙用。:before和::before的区别在介绍具体用法之前，简单介绍下伪类和伪元素。伪类大家听的多了，伪元素可能听到的不是那么频繁，其实 CSS 对这两个是有区分的。有时你会发现伪类元素使用了两个冒号 (::) 而不是一个冒号 (:)，这是 CSS3 规范中的一部分要求...

2018-03-05 16:23:13 231

转载【转载】移动端touch事件影响click事件以及在touchmove添加preventDefault导致页面无法滚动的解决方法

原文地址：链接这两天自己在写一个手机网页，用到了触屏滑动的特效，就是往右滑动的时候左侧隐藏的菜单从左边划出来。做完之后在手机原生浏览器中运行正常，但在QQ和微信中打开，发现touchmove只会触发一次，而且touchend也经常不触发。之后百度了一下这个问题，原因是主要是由于200ms超时导致内核不一定会一直处理touchmove事件，一旦超时会将后续所有的事件转交给UI处理，导致touchmo...

2018-03-02 11:19:04 970

原创对于html与body的理解

读完一片文章以后，总结出来的一些点1.背景色：<html>无样式背景时，<body>背景色不是<body>标签的背景色，而是浏览器的（意为将浏览器填充颜色为<body>的背景，而不是<body>标签自己的背景），而<html>设置背景，<body>则变为普通标签，此时<html>背景色则

2018-02-28 15:43:51 454

转载【转载】html和body

by zhangxinxu from http://www.zhangxinxu.com转载地址：http://www.zhangxinxu.com/wordpress/?p=259关于html与body的一些表现1.背景色一般情况下，我们css控制的最高节点就是body，例如设置：body{background:#069;}则浏览器界面就是完全的#068的背景色。这里看上去是<body&g...

2018-02-28 15:23:17 519

转载【转载】inline-block，block以及inline元素

1、什么是inline、block、inline-block元素？如果只用一句话描述:inline是内联元素，block是块级元素，inline-block是内联块元素。inline元素全称Inline Elements，英文原意:An inline element does not start on a new line and only takes up as much width as ne...

2018-02-28 13:52:44 177

转载【转载】JQuery中如何传递参数如click(),change()等具体实现

转载地址：http://www.jb51.net/article/36249.htm有个需求让两个select中option相互转换,这个作业就是给几个按钮添加click()事件接下来为大家介绍下如何在click(),change()传递参数因为要做这样一个作业,就是两个select中option相互转换,图如下: 这个作业就是给几个按钮添加click()事件,一般的用法是这样的: 复制代码代码如...

2018-02-26 15:37:34 865

原创简单日历自己做~jquery

//显示年份 $year为传过来的html标签，Year为指定的年份function showYear($year, Year){ var dateNow = new Date(); var yearNow = dateNow.getFullYear(); //显示现在年份 var yearStart = yearNow - 120; //只制作120年内

2017-09-05 20:51:40 1156

原创闭包的运用

function Person(name) { function getName() { console.log( name ); } return { getName: getName }; } var littleMing = Person( "fool" ); littleMing.getName(); 在我理解，getName:

2017-09-05 20:24:09 229

陌笙以笙箫