随笔分类 - html\css
摘要：说明 最近在用vue写几个H5页面在微信上展示，遇到一个在弹窗上input输入完成之后点击键盘的完成，页面底部留出一片空白的问题 出现原因分析 当键盘抬起时，window.scrollY会从0变到键盘的高度，所以解决办法就是当input失去焦点的时候，将window.scrollY重新设置为0 解决
阅读全文
posted @ 2020-11-25 13:43
浅笑·
摘要：移动端适配，目前自己常用的两种 方案，参考以下两篇好文 方案一：使用lib-flexible包 使用flexible包方式，安装 lib-flexible 包和 px2rem-loader包 npm install --save-dev lib-flexible px2rem-loader 在需要的
阅读全文
posted @ 2020-11-25 13:42
浅笑·
摘要：1.click事件； 要在css中加上cursor: pointer;ios的点击才有效 2.margin-bottom问题； 在ios上，最后一个元素加margin-bottom无效。 3.时间转化问题 由时间转时间戳时 new Date('2019-07-3 11:22:32').getTime
阅读全文
posted @ 2020-11-25 13:41
浅笑·
摘要：这里用的是集成开发环境XAMPP，假设已经配置好ssl证书，不知如何申请ssl证书者请自行百度。修改Apache相关配置文件，强制所有http跳转到https，假设网站域名为xxx.com。 1、在httpd-ssl.conf中 <VirtualHost _default_:443>下面增加设置：
阅读全文
posted @ 2020-11-25 13:39
浅笑·
摘要：用来构建漂亮、定制化应用的跨平台的 UI 框架 Flutter 现在已经支持 Web 开发了。我们很高兴推出了一个预览版的 SDK 可以让开发者直接使用 Flutter UI 和业务逻辑代码构建 web 应用在浏览器中运行起来。 Flutter 在 Web端的雄心 自从去年第一个公测版本推出之后，开
阅读全文
posted @ 2020-11-25 13:38
浅笑·
摘要：首先是构思 我们使用<input type="checkbox">标签来实现这个效果。checkbox的选中、未选中的特性，刚好对应开关的打开、关闭on:打开 off:关闭 <label for="ck2"> <input type="checkbox" id="ck2"> <span>未选中，则关
阅读全文
posted @ 2020-11-25 13:37
浅笑·
摘要：在Stream，我们构建了许多应用程序来展示我们的服务所提供的出色功能。对于几乎所有的应用程序，我们都将它们放在一个云服务器上—通常是DigitalOcean或AWS EC2。 虽然维护代码库和维持它的相关性是有困难的，但我们发现，在维护应用程序时，最具挑战性的是保持它的活动和运行。 此外，由于No
阅读全文
posted @ 2020-11-25 13:36
浅笑·
摘要：先来梳理一下本文的目录结构 现在我将详解head标签和它六个子标签的属性和作用，请耐心看完，会有很大的收获哦！ 一、 head标签 可选属性： 属性值描述 profile URL 一个由空格分隔的 URL 列表，这些 URL 包含着有关页面的元数据信息。 说明： ·文档的头部经常会包含一些 meta
阅读全文
posted @ 2020-11-25 13:35
浅笑·
摘要：一、前言 最近在做一些项目重构的工作，看了不少脏乱差的代码，身心疲惫。本文将讨论如何编写整洁的代码，不求高效运行，只求可读性强，便于维护。 二、为什么要写简洁的代码 作为一个合格的程序员，写出简洁的代码是基本的职业素养。相信绝大部分的程序员都不会故意写恶心代码的，无论是对自己或者对别人都没有任何好处
阅读全文
posted @ 2020-11-25 13:34
浅笑·
摘要：1 em、rem、meta标签的基本概念 em 是一个布局的长度单位，当前对象内文本的字体大小的相对单位，也就是说相对于当前元素的font-size。 rem 是（根）字体大小相对单位，也就是说跟当前元素的font-size没有关系，而是跟整个body的font-size有关系。 物理像素是硬件的一
阅读全文
posted @ 2020-11-25 13:33
浅笑·
摘要：如果你和我一样，第一次遇到 CORS （跨域资源共享），你想让服务器接收那些你拼接的 Ajax 请求并处理他们。所以你去 stackoverflow.com 复制一段代码来设置一些 HTTP Headers ，让请求可以正常工作。但是，可能还有一些事情你应该知道。 CORS 是什么，不是什么 新手通
阅读全文
posted @ 2020-11-20 15:57
浅笑·
摘要：web前端开发要学的知识内容涉及的会很宽泛，虽然说主要是html、css和JavaScript这些基础知识点，但学前端开发除了要学这些基础知识外，学员还要在这之上进行延伸和深入的去学，而且互联网时代不断发展，掌握了这些新技术、新技能，在职场的竞争力必然会翻倍提升。 一、零基础学web前端开发要怎么去
阅读全文
posted @ 2020-11-20 15:53
浅笑·
摘要：Web前端的路该怎么走？这是作者张鑫旭的文章中的一个小部分，觉得非常有必要分开列出来。关于前端的路该如何走，一般都是工作1年作用或者正在想入职前端的小伙伴经常遇到的十大常见问题之一。 问题描述如下： 刚刚毕业，在公司一直做的是前端开发，之前都是自己去学习一些基础的前端知识（html+css+js）。
阅读全文
posted @ 2020-11-20 15:50
浅笑·
摘要：从最开始的使用img图片，到后来的使用css sprite来减少服务器请求，再到流行的图形字体化图标Iconfont。现在，一种全新的图标使用方式开始流行了起来——SVG symbols图标。 工作原理 SVG symbols的工作原理：symbol元素用来定义一个图形模板对象，它可以用一个use元
阅读全文
posted @ 2020-11-20 15:48
浅笑·
摘要：目前市场上主流的APP分为三种：原生APP、Web APP（即html5）和混合APP三种，相对应的定 制开发就是原生开发、H5开发和混合开发。那么这三种开发模式究竟有何不同呢？下面我们就分别从这三者各自的优劣势来区分比较吧！ 一、原生开发 原生开发（Native App开发），是在Android、
阅读全文
posted @ 2020-11-20 15:47
浅笑·
摘要：介绍 html5 为我们提供了 File API 相关规范。主要涉及 File 接口 和 FileReader 对象 。 本文整理了兼容性检测、文件选择、属性读取、文件读取、进度监控、大文件分片上传以及拖拽上传等开发中常见的前端文件操作。 准备工作 首先，我们的 File 来自于<input>标签中
阅读全文
posted @ 2020-11-20 15:45
浅笑·
摘要：组织面临着对其信息系统和数据的诸多威胁。了解网络安全的所有基本要素是攻克这些威胁的第一步。 网络安全是确保信息的完整性、保密性和可用性(ICA)的实践。它代表了防御和从诸如硬盘驱动器故障或断电等事故中恢复的能力，以及抵御敌人攻击的能力。后者包括从脚本kiddies到黑客和能够执行高级持久威胁(adv
阅读全文
posted @ 2020-11-20 15:44
浅笑·
摘要：1、vue, react, Angular vue 在 2018、2019 年继续增长，其在 GitHub Stars 已经超过了 react ，国内公司更喜欢 Vue。虽然 Angular 与 React 和 Vue 等库相比，粉丝较少，但它仍然是专业项目的热门选择。 无论是Vue3.0, Rea
阅读全文
posted @ 2020-11-20 15:42
浅笑·
摘要：一次完整的HTTP请求过程 当我们在web浏览器的地址栏中输入： www.baidu.com，然后回车，到底发生了什么 过程概览 1.对www.baidu.com这个网址进行DNS域名解析，得到对应的IP地址 2.根据这个IP，找到对应的服务器，发起TCP的三次握手 3.建立TCP连接后发起HTTP
阅读全文
posted @ 2020-11-20 15:40
浅笑·
摘要：一、Material Design规范中占位符交互效果 Material Design风格占位符交互效果官方示意见此demo页面。现在这种设计在移动端很常见，相信不少人设计项目中有实现过这种交互，而且，大部分是利用js实现的。（ps:weex 不支持这个样式） 实际上，我们可以借助css :plac
阅读全文
posted @ 2020-11-20 15:38
浅笑·
浙公网安备 33010602011771号