随笔分类 - 前端经验
摘要：效果 实现原理 纯粹只使用了html+css+js发现还是比较简单的，并不需要借助别的插件或类库来实现核心是把图片组合成一行序列，通过左右移动，以及父元素的overflow：hidden来决定显示的图片简单画了一下： 搭建基本界面 <div id="box"> <img src="images/ar
阅读全文
摘要：一、公众号设置 注册企业微信，在应用与小程序栏目中，设置可信域名，配置公众号菜单。可信域名不得不说下，在最初开发时，认为设置并验证后，微信认证接口会实现跨域请求，其实并没有。所以全在H5端还得配合服务端完成票据获取等操作。 二、开发步骤 资源引入 开发文档地址 https://work.weixin
阅读全文
摘要：在项目中，我们使用img标签加载图片，有时候图片地址有可能失效，获取路径问题，导致图片加载失败，img标签就会显示alt内容。这时候用户体验不是很好，所以就需要显示一张默认图片。 第一种方式：使用jquery_lazyload插件实现图片懒加载。只需要在src中写上默认图片地址即可。 <img sr
阅读全文
摘要：设置背景图片的大小，以长度值或百分比显示，还可以通过cover和contain来对图片进行伸缩。 语法： background-size: auto | <长度值> | <百分比> | cover | contain 取值说明： 1、auto：默认值，不改变背景图片的原始高度和宽度； 2、<长度值>
阅读全文
摘要：html 1、关闭首个字母大写（html） <input type="text" autocapitalize="off"/> 2、伪类:active失效 body class="" onmousemove="" ontouchstart="" meta 1、设置页面的编码（HTML） <meta
阅读全文
摘要：Less和css的区别 html和css不属于编程语言而是属于标记语言,很难像js一样定义变量、编写方法、实现模块化开发等。LESS是一门CSS预处理语言，它扩展了CSS语言，增加了变量、Mixin、函数等特性，使CSS更易维护和扩展。使用LESS基本上按照这样的步骤：编写LESS代码，使用NODE
阅读全文
摘要：发布iPhone XR的时候 各种心动 去官网看了一遍又一遍。(贫穷使我节省。。。。。。。。。。) 闲着无聊发现 里面的介绍很用大篇幅的有背景文字来介绍。Like this： 看着挺酷炫的还不错 就看了下实现方式。还挺简单的。 附上demo <!DOCTYPE html> <html> <head>
阅读全文
摘要：header() 函数向客户端发送原始的 HTTP 报头。认识到一点很重要，即必须在任何实际的输出被发送之前调用 header() 函数 语法 header(string,replace,http_response_code) 数描述 string 必需。规定要发送的报头字符串。 replace 可
阅读全文
摘要：现象1：路由切换时再次提示“是否记住密码” 登录页面有个密码输入框，输入账号密码进行登录； 登录完成后vue路由跳转到主页，这时候浏览器提示“是否记住密码”，我选“否”； 然后我点菜单跳转到另一个路由，结果浏览器再次提示“是否记住密码”，我再次选“否”； 我接着又一次点菜单跳转到另一个路由，浏览器还
阅读全文
摘要：前一段时间，有很多关于用css构建的“键盘记录器”的讨论（源代码见：https://github.com/maxchehab/...）。 有些人要求浏览器“修复”它。 另有一些人挖掘得更深一些，发现它只影响使用react及类似框架编写的网站，并为此指责react。 不过真正的问题在于第三方内容是不是
阅读全文
摘要：主要内容：左侧的导航框架包含了一个链接列表，这些链接将第二个框架作为目标。第二个框架显示被链接的文档。导航框架其中的链接指向目标文件中指定的节。 创建3个html,分别为 index.html ，content.html，link.html. index.html的代码如下： <!DOCTYPE h
阅读全文
摘要：导语 WebGL绘制图像时，往着色器中传入颜色信息就可以给图形绘制出相应的颜色，现在已经知道顶点着色器和片段着色器一起决定着向颜色缓冲区写入颜色信息并最终呈现出来，那么这个过程是什么样，如果图形的颜色需要用现有图片来渲染那么又该如何操作？ 颜色缓冲区 在绘制开始前，经常见到调用函数清空画布的代码gl
阅读全文
摘要：一、前言 通常情况下，html 中的图片资源会自上而下依次加载，而部分图片只有在用户向下滚动页面的场景下才能被看见，否则这部分图片的流量就白白浪费了。 所以，对于那些含有大量图片资源的网站，会采用“按需加载”的方式，也就是当图片资源出现在视口区域内，才会被加载，这样可能会影响一丢丢用户体验，但是能大
阅读全文
摘要：一、概述 FormData类型是XMLHttpRequest 2级定义的，它是为序列化表以及创建与表单格式相同的数据提供便利。 作用：1.利用一些键值对来模拟一系列表单控件：即将form中的所有表单元素的name和value组装成一个queryString；2.异步上传二进制文件。 与普通Ajax相
阅读全文
摘要：作为前端，我们每天都在与css打交道，那么css的原理是什么呢？ 一、浏览器渲染 开篇，我们还是不厌其烦的回顾一下浏览器的渲染过程，先上图： 正如上图所展示的，我们浏览器渲染过程分为了两条主线：其一，html Parser 生成的 DOM 树；其二，CSS Parser 生成的 Style Rule
阅读全文
摘要：字体是如何渲染的 解码 Web 服务器返回的 HTTP 头中的 Content-Type: text/html; charset= 信息，这一般有最高的优先级； 网页本身 meta header 中的 Content-Type 信息的 charset 部分，对于 HTTP 头未指定编码或者本地文件，
阅读全文
摘要：小当小程序开发完成后，就需要进行推广操作。当然推广的前提是核心功能是否能够满足用户需求，下面总结一些具体的运作方式。 1、微信搜索 和大多数APP的搜索个性一样,用户搜索小程序名称就能进入小程序界面。我们需要做好关键词优化，通过搜索-微信指数，找指数比较 高的词作为我们小程序才名称，这里指数越高代表
阅读全文
摘要：这是一款超酷css3 loading预加载动画特效。该loading特效共有4种不同的效果，分别通过不同的css3 keyframes帧动画来完成。 html结构 4种loading预加载动画的html结构分别如下： <!-- 效果一 --> <div class="spinner-box"> <d
阅读全文
摘要：1.onload事件 onload，页面加载后执行，所谓页面加载完成，指页面上所有的元素创建完毕，引用的所有的外部资源（js、css、图片）等下载完毕。 所以onload执行的比较晚，因为如果页面上有好多好多图片，它需要等这些图片完成下载后才能执行。而写在body后的< script >< /scr
阅读全文
摘要：最近项目中需要前端播放 .ts 格式视频，捣鼓了几天学习到很多知识，也发掘了一种优秀的解决方案，分享给有同样需求的同学。 常见方案 在网上查找的大部分解决方案都是用诸如videojs等网页播放器，接收 .m3u8索引文件的方式来播放ts切片。这种方案的缺点是需要后端对原始ts切片做处理，生成 .m3
阅读全文