![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
zoey-lyly
这个作者很懒,什么都没留下…
展开
-
IOS 时间字符串转时间戳问题
IOS 时间字符串转时间戳原创 2021-12-24 09:32:46 · 1323 阅读 · 0 评论 -
监听移动设备的旋转/orientationchange
window.addEventListener('orientationchange', orientationChangeHandler);orientationChangeHandler(){ // Returns the orientation in degrees (in 90-degree increments) of the viewport relative to the device's natural orientation const orientation = w.原创 2021-07-06 21:11:53 · 255 阅读 · 0 评论 -
transform对定位的影响/fixed失效
场景:元素fixed定位,始终位于视口某一个位置,但是并没有按照预想实现固定定位,最后查到问题是transform引起的;根据w3c的解释是transform会创建新的包含块,fixed以及absolute都会以改元素定位;position:fixed在遇到有transform祖先元素时,定位的相对对象变为该元素/最近的有定位的父级,表现为相对于该元素绝对定位position:absolute在遇到transform祖先元素时,定位的相对对象变为该元素/最近的有定位的父级fixed定位失原创 2021-07-06 20:57:30 · 1564 阅读 · 0 评论 -
webpack4.0中使用“extract-text-webpack-plugin”报错
报错内容:Error: Chunk.entrypoints: Use Chunks.groupsIterable and filter by instanceof Entrypoint instead可以使用npm install extract-text-webpack-plugin@next 解决原创 2020-04-11 20:36:04 · 335 阅读 · 0 评论 -
No PostCSS Config found in XXXXXX
引入了common.less之后cnpm run serve 报错 No PostCSS Config found in XXXXXXX解决办法:在src同级目录下创建postcss.config.js,并添加下面代码module.exports = { plugins: { 'autoprefixer': {browsers: 'last 5 version'} ...原创 2020-04-07 11:21:43 · 1943 阅读 · 0 评论 -
元素始终置于页面底部
本文实例: 按钮始终在距离页面底部16px的位置,注意是页面底部,不是屏幕底部如果放置在屏幕底部,只需要给元素设置以下内容.element { position: fixed; bottom: 16px;}如果需要放在页面底部,需要完成下面几步1、给父元素设置position: relative;2、保证父元素是包裹所有内容区,并且设置最小高度为100%;...原创 2019-11-15 18:46:15 · 5820 阅读 · 0 评论 -
flex布局
先说flex中经常用在容器中的属性/* 在主轴的对齐方式 */justify-content: flex-start | flex-end | center | space-between | space-around;/* flex-start 左对齐 *//* flex-end 右对齐 *//* center 居中 *//* space-between 两端对齐,项目之间...原创 2019-10-25 17:33:55 · 121 阅读 · 0 评论 -
浏览器缓存
本文主要讲浏览器的强缓存与协商缓存以及缓存过程浏览器发出请求强缓存就发生在前两步,强缓存有两个规则,expries和max-ageexpries: 指定资源在一个时间点之前都可以使用缓存max-age: 表示在上一次有效请求之后的一个事件段内请求资源都可以使用缓存,max-age是cache-control的值cache-control:max-age=1000;区别:...原创 2019-10-24 17:55:22 · 158 阅读 · 0 评论 -
vs code 启动之后卡顿问题 (rg.exe)
启动vscode之后发现电脑卡成……,打开任务管理器,可以看到占用cpu最高的是rg.exe,rg.exe是维护符号连接的工具程序,造成卡顿问题就是它,可以直接右键结束任务,但是每次开始vscode都要重复操纵;下面提供解决办法打开’设置‘,快捷键<ctrl + ,>,搜索symlinks 或者search.followSymlinks去掉勾选,ok,重新打开v...原创 2019-10-24 10:07:49 · 2539 阅读 · 1 评论 -
display:box兼容写法
/* display:box; */.box{ /* display */ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -o-box; display: box; /* box-orient */ /** * vert...原创 2019-10-17 15:11:36 · 161 阅读 · 0 评论 -
文本超出打点处理(单行,多行)
单行文本超出打点:{ overflow:hidden; /* 超出部分隐藏 */ white-space: nowrap; /* 文本不换行 */ text-overflow:ellipsis;/* 省略的文本用省略号表示 */}多行文本超出打点:不考虑兼容性的情况下:{ -webkit-line-clamp: 3; /*用来限制在一个...原创 2019-09-11 15:56:54 · 1885 阅读 · 0 评论 -
节流和防抖
防抖:当持续触发事件时,在一段时间内不再触发才执行,若再这段时间内触发则延时重新开始;///函数防抖 func执行触发函数 timer 等待时间 flag true为先执行后等 false 先等后执行function debounce(func, time, flag) { var timer = null; //this指向window var debounced ...原创 2019-08-30 17:36:49 · 97 阅读 · 0 评论 -
display:inline-block造成的元素间隔以及高度错位
当设置display:inline-block的时候,可能会出现或者,这是因为此时的元素具有文本属性,只要标签与标签之间有间隔都会被当作以一个字体大小的空格,那么自然就会出现间隙,而垂直方向上,文本的基线不同就会造成错位;解决方法:添加以下代码#parent{ font-size: 0; letter-spacing:-4px; /* font-size:0; 在sa...原创 2019-08-28 15:36:32 · 735 阅读 · 0 评论 -
求数组的差集,交集,并集
//差集var difference = array1.concat(array2).filter(value => (array1.includes(value) && !array2.includes(value)) || (array2.includes(value) && !array1.includes(value)));//交集funct...原创 2019-06-29 11:12:53 · 1226 阅读 · 0 评论 -
css-loader问题
安装css-loader时出现npm ERR! code ETARGETnpm ERR! notarget No matching version found for css-loader@^8.0.6npm ERR! notarget In most cases you or one of your dependencies are requestingnpm ERR! notarge...原创 2019-06-04 18:28:29 · 541 阅读 · 0 评论 -
webpack4.x CommonsChunkPlugin 问题
plugins:[ new webpack.optimize.CommonsChunkPlugins({ name:'commons', filename:'commons.js', minChunks:2 })]显示错误信息Error: webpack.optimize.CommonsChunkPlugin has be...原创 2019-06-04 17:03:07 · 1348 阅读 · 0 评论 -
JavaScript 对象深度克隆
function deepClone(target, origin) { var target1 = (origin instanceof Array) ? [] : {}; //origin是对象还是数组 var target = target || target1; var toStr = Object....原创 2019-06-19 15:46:14 · 246 阅读 · 0 评论 -
制作的天气预报(JSONP跨域)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <link rel="stylesheet" href="weather.css"> <link rel="stylesheet" href="https://cdn.static...原创 2019-03-31 18:03:12 · 530 阅读 · 0 评论 -
Ajax基本用法总结
Ajax的核心:XMLHttpRequest对象1.首先需要创建XMLHttpRequest对象; var xhr=new XMLHttpRequest();注意:IE7之前的版本不支持 如果需要支持IE7之前的版本,可以自己封装函数function createXHR() { if (typeof (XMLHttpRequest) != "undefined") { ...原创 2019-04-01 16:47:26 · 301 阅读 · 0 评论 -
垃圾收集
Javascript具有自动垃圾收集机制,即执行环境会负责管理代码执行过程中使用的内存。垃圾回收机制的原理:找出那些不再继续使用的变量,然后释放其占用的内存。垃圾回收机制的两种策略:1.标记清除 1)垃圾收集器在运行的时候给存储在内存中的所有变量都加上标记 2)去掉环境中的变量以及被环境中的变量引用的变量的标记。 ...原创 2019-04-01 21:39:57 · 129 阅读 · 0 评论 -
六种js继承模式
1.原型链继承 function SuperType() { this.name = 'a'; } SuperType.prototype.getName = function() { return this.name; } function SubType() { ...原创 2019-03-28 20:36:44 · 171 阅读 · 0 评论 -
Javascript基础
数据类型:原始值 stack (栈)Number Boolean String undefined null引用值 heap(堆)array Object function ...date RegExptypeof操作符返回值类型有: number string boolean undefined object function定义函数function 函数名() {...原创 2019-03-28 20:48:13 · 83 阅读 · 0 评论 -
DOM操作
DOM --->Document Object Model DOM操作HTML以及XML------------节点类型------------元素节点-------1属性节点-------2文本节点-------3注释节点-------8document-------9DocumentFragment---11//--------返回元素e的第n层祖先元...原创 2019-03-28 21:03:02 · 154 阅读 · 0 评论 -
JavaScript模拟重力场
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...原创 2019-04-26 20:31:50 · 765 阅读 · 1 评论 -
e.clientX,e.clientY,e.pageX,e.pageY,e.offsetX,e.offsetY,e.screenX,e.screenY
e.clientX ,e.clientY鼠标相对于浏览器窗口可视区域的X,Y坐标(窗口坐标),可视区域不包括工具栏和滚动条。e.pageX,e.pageY鼠标相对于文档的坐标而非窗口坐标。这2个属性不是标准属性,但得到了广泛支持。e.offsetX,e.offsetY鼠标相对于事件源的元素的X,Y坐标。event.screenX、event.screenY鼠标相对于用户...原创 2019-05-04 10:11:04 · 235 阅读 · 0 评论 -
判断鼠标从哪个方向进入盒子
var x = e.offsetX - elem.spec.x/2;//鼠标进入的X坐标-盒子宽度的一半var y = e.offsetY - elem.spec.y/2;//鼠标进入的y坐标-盒子宽度的一半var direction = (Math.round((Math.atan2(y, x) * (180/Math.PI) + 180)/90) + 3)%4;direction=0...原创 2019-05-16 11:09:15 · 398 阅读 · 1 评论 -
监听浏览器窗口改变
$(window).resize(function () { //当浏览器大小变化时 alert($(window).height()); //浏览器时下窗口可视区域高度 alert($(document).height()); //浏览器时下窗口文档的高度 alert($(document.body).height()...转载 2019-05-17 15:11:02 · 354 阅读 · 0 评论 -
prototype和__proto__
当创建一个新函数时,就会为该函数创建一个prototype属性,指向函数的原型对象,所有的原型对象都会自动获取一个constructor(构造函数)属性,这个属性是一个指向prototype所在函数的指针function A() {}当调用构造函数创建一个实例时,该实例的内部将包含一个指针[[prototype]](内部属性),并且指向构造函数的原型对象,可以用__prot...原创 2019-06-08 11:49:32 · 112 阅读 · 0 评论 -
git创建仓库
1.初始化本地仓库 新建一个文件夹,在文件夹内右键选择Git Bash Here ,在命令框内输入 git init , 这时新建的文件内会有一个隐藏文件夹.git2.在GitHub上新建一个仓库3.本地仓库与远程仓库建立联系 在命令框中输入 git remote add origin 远程仓库地址建立连接之后可以使用 git remote -v 查看远程仓库4....原创 2019-06-09 15:33:57 · 167 阅读 · 0 评论 -
用git搭建个人博客
1.安装 Node.js2.安装 Git3.全局安装Hexo 在命令框中输入 npm install -g hexo-cli4. hexo init <folder> cd <folder> npm install这里是在E:/myBlog5. hexo server 可以启动服务器,默认是 http://localh...原创 2019-06-09 18:03:34 · 3103 阅读 · 0 评论 -
JSON
1.语法:(1)简单值:string,number,boolean,null (2)对象 必须要给属性加上引号,与js中的对象字面量相比,json中的对象没有声明变量,末尾没有分号{ "name":"xiaoming", "age":18} (3)数组 JSON数组也没有变量和分号[18,"xiaomi...原创 2019-03-30 11:14:37 · 113 阅读 · 0 评论