Chasidy-CSDN博客

原创本地存储sessionStorage 会话存储和 localStorage 永久存储

在h5中，本地存储有两个，一个永久存储locallstorage和会话存储sesstionStorage 他们可以把一些数据存贮在浏览器端他们的应用场景大概是有，记住用户信息，记住阅读历史等等 1.1sessionStorage 会话存储可以在浏览器内容中存一些数据 => 字符串数据而已不是说存视频使用h5可以在本地存储用户的浏览器数据。 cookie 也可以存储字符串 cookie...

2019-03-19 12:17:35 959

原创阴影 shadow

1.1 阴影 shadow 在css3中，阴影分为两种一盘中是盒子阴影，一种是文字阴影 2.1盒子阴影 box-shadow <style> .box{ width: 900px; height: 400px; margin: 100px auto; /* 父项伸缩 */ display:flex; } .box > span{ flex:4; he...

2019-03-19 12:15:20 344

原创 animation 动画和3D 转换

1.animation 动画 1.步骤在css中定义动画函数给目标元素调用动画函数 /* 使用动画的步骤 1.在css中声明动画函数 1.1 使用关键字@keyframes+动画名定义动画函数 1.2 在动画函数内定义帧动画 0% 动画开始的样式 50% 动画执行到一半的时候的样子 100% 动画执行完毕之后的样子 */ /1.声明动画函数/ @keyframes an...

2019-03-19 12:13:06 2996

原创 css3伪类选择符

1.1 伪类选择符 2.1 li:first-child 匹配父元素的第一个子元素E <style> ul li:first-child{ background:red; } ul li:last-child{ background:red; } </style> <ul> <li>列表项一</li> &...

2019-03-19 12:11:32 371

安装插件 open in browser //vscode文件在浏览器中打开 Auto Close Tag Auto Complete Tag Auto Rename Tag Beautify Chinese (Simplified) Language Pack for Visual Studio Code Dracula Official Easy LESS ESLint filesize HT...

2019-03-19 11:58:48 795

转载移动兼容问题以及解决

移动兼容问题以及解决 1.IOS移动端click事件300ms的延迟响应移动设备上的web网页是有300ms延迟的，玩玩会造成按钮点击延迟甚至是点击失效。这是由于区分单击事件和双击屏幕缩放的历史原因造成的,双击缩放是指用手指在屏幕上快速点击两次，iOS 自带的 Safari 浏览器会将网页缩放至原始比例。原因就出在浏览器需要如何判断快速点击上，当用户在屏幕上单击某一个元素时候，例如跳转链接，此...

2019-03-19 11:55:08 814

原创 flex详解

flex 弹性布局 1flex 和传统布局的区别传统布局优点: 兼容性好缺点: 繁琐 flex布局:优点:简单方便缺点:兼容性不好主要用在移动端在flex布局中有两个轴主轴侧轴默认情况下主轴的方向=X 轴从左往右侧轴的广告= Y轴从上到下 2 使用布局 2.1 fl...

2019-02-28 22:16:25 604

转载移动端弹性滑动以及vue记录滑动位置

#移动端弹性滑动以及vue记录滑动位置 ##-webkit-overflow-scrolling介绍 -webkit-overflow-scrolling: auto | touch; auto:普通滚动，当手指从触摸屏上移开，滚动立即停止 touch:滚动回弹效果，当手指从触摸屏上移开，内容会保持一段时间的滚动效果，继续滚动的速度和持续的时间和滚动手势的强烈程度成正比。同时也会创建一个新的...

2018-12-14 14:45:29 1283

转载 Vue npm run build打包路径出错

在使用npm run build前，需要更改一个路径，否则会报错404，没有页面，更改完后，需要再打包一次npm run build 修改如下：报错如下：

2018-10-14 22:41:17 1849

原创 2017年前端面试题整理汇总100题

1.一些开放性题目 1.自我介绍：除了基本个人信息以外，面试官更想听的是你与众不同的地方和你的优势。 2.项目介绍 3.如何看待前端开发？ 4.平时是如何学习前端开发的？ 5.未来三到五年的规划是怎样的？ position的值， relative和absolute分别是相对于谁进行定位的？ absolute :生成绝对定位的元素，相对于最近一级的定位

2017-11-26 10:27:24 874