html
关注
分享
扫一扫
文章平均质量分 74
唐僧 ——1
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
浏览器渲染网页原理
让我们来构建一个浏览器引擎吧（建议收藏）DevUI团队发布于1 月 6 日DevUI是一支兼具设计视角和工程视角的团队，服务于华为云DevCloud平台和华为内部数个中后台系统，服务于设计师和前端工程师。官方网站：devui.designNg组件库：ng-devui（欢迎Star）官方交流：添加DevUI小助手（devui-official）DevUIHelper插件：DevUIHelper-LSP（欢迎Star）引言前端有一个经典的面试题：在浏览器地址栏输入URL到最终..转载 2021-04-14 10:30:55 · 322 阅读 · 0 评论 -
cdn讲解
阿里巴巴淘系技术已认证的官方帐号933 人赞同了该回答淘宝的图片访问，有98%的流量都走了CDN缓存。只有2%会回源到源站，节省了大量的服务器资源。但是，如果在用户访问高峰期，图片内容大批量发生变化，大量用户的访问就会穿透cdn，对源站造成巨大的压力。结合阿里淘系2020年双11的淘宝实践，给大家分享下在图片业务里，我们是如何使用CDN以及如何解决挑战和困难。（点击头像关注我们，看更多阿里工程师干货）———————————————————————————————————..原创 2021-02-20 10:59:47 · 3861 阅读 · 1 评论 -
移动端开发可能遇到的坑
前言不知不觉在网易已有三年半，占了一半时间都在与移动端打交道，整个阶段都是遇坑填坑的学习过程。移动端开发在前端里像神一样地存在，不是说它多难而是说它坑位实在太多了，怎样填都填不完。Android和iOS各显神通，Android的系统版本和屏幕分辨率多得难以一招兼容，iOS的顽固标准和未知特性多得难以快速掌握。三年半沉淀通过本文记录下所遇到的坑位，或许有些坑位还未遇到，但本文记录的40条坑位绝对能让同学们少走很多弯路，特别是前端小白。为了减少废话提高本文质量，对以下内容做一些约定。提及的安卓系统包转载 2021-01-29 10:20:26 · 657 阅读 · 0 评论 -
会话技术Cookie&Session
一、会话技术简介从打开一个浏览器访问某个站点，到关闭这个浏览器的整个过程，称为为一次会话。因为Http协议是无状态的，也就是说每个客户访问服务器端资源时，服务器并不知道该客户端是谁，所以需要会话技术识别客户端的状态。会话技术就是记录这次会话中客户端的状态与数据的。会话技术分为Cookie和Session：Cookie：数据存储在客户端，减少服务器端的存储压力，安全性不好，客户端可以清除cookie。Session：将数据存储在服务器端，增加服务器的压力，安全性相对较好。二、Co.转载 2021-01-27 18:07:38 · 250 阅读 · 0 评论 -
web返回拦截
1.如果你做过 Android 的 Web 开发, 那么你应该发现了页面是无法监听屏幕右下方(也可能是左下方)的返回按钮的, 使用 XBack 则可以帮你粗略的监听页面返回事件(虽然不太准, ^_^)原理====XBack 使用 HTML5 的 History 新 API pushState 来曲线监听 Android 设备的返回按钮, 在页面加载后往历史记录写入一个 state, 并监听 popstate 事件, 如果返回按钮被按下, 则会触发 popstate, 比对到触发的 state 跟原创 2021-01-25 19:33:35 · 627 阅读 · 0 评论 -
vue手动搭建
工具的版本 node: v10.16.0 npm: v6.9.0 babel: 7.5.5 webpack: 4.38.0 入题提醒：在我们开始之前，你先检查下你相关工具的包是不是和我的一样，以免报一些版本的错误。首先我们先大致了解下一个完整的脚手架帮我们做了哪些工作： ES6+ 语法转换成 ES5 语法 .vue 转换成 js 文件 代码热更新 加载各种静态资源 本地提供静态服务…… 你可以理解成脚手架原创 2020-09-08 09:47:57 · 430 阅读 · 0 评论 -
h5模拟拍照，切换前后摄像头
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><title>HTML5 GetUserMedia Demo</title><meta name="viewport" content="width=device-width, initial...原创 2019-11-15 15:36:01 · 1874 阅读 · 1 评论 -
Web尺寸规范
主流浏览器的界面参数与份额浏览器 状态栏 菜单栏 滚动条 市场份额(国内) Chrome 浏览器 22 px（浮动出现） 60 px 15 px 8% 火狐浏览器 20 px 132 px 15 px 1% IE浏览器 24 px 120 px 15 px 35%...原创 2019-10-25 11:59:25 · 1459 阅读 · 0 评论 -
移动端UI尺寸规范
iPhone/iPad/Android UI尺寸规范UI尺寸规范,UI图标尺寸,UI界面尺寸,iPhone6尺寸,iPhone6 Plus尺寸,安卓尺寸,iOS尺寸iPhone界面尺寸设备 分辨率 PPI 状态栏高度 导航栏高度 标签栏高度 iPhone6 plus设计版 1242×2208 px 401PPI 60px ...转载 2019-10-25 12:01:23 · 4287 阅读 · 0 评论 -
1.动静分离
1.什么是动静分离将动态请求和静态请求区分访问,2.为什么要做动静分离?静态由Nginx处理, 动态由PHP处理或Tomcat处理....因为Tomcat程序本身是用来处理jsp代码的,但tomcat也能处理静态资源.tomcat本身处理静态效率不高,还会带来资源开销.3.如何实现动静分离?Nginx根据客户端请求的url来判断请求的是否是静态资源，如果请求的url包含...转载 2019-10-08 15:56:22 · 523 阅读 · 0 评论 -
国际化全流程解决方案
https://github.com/alibaba/kiwi作者：@ES2049Studio原文：https://www.yuque.com/es2049/blog/crhazl背景最近接到一个海外项目业务需求，项目最终会被来自不同国家的客户所使用，期望能让客户有一个良好的用户体验，因此前端需要适配国际化。面临的挑战乍一听，这个海外项目需求并没有什么特别的地方，...转载 2019-04-09 15:52:57 · 1834 阅读 · 1 评论 -
vue.js 服务端渲染nuxt.js反向代理nginx部署
vue.js的官方介绍里可能提到过nuxt.js，我也不太清楚我怎么找到这个的最近项目vue.js是主流了，当有些优化需求过来后，vue还是有点力不从心，比如SEO的优化，由于vue在初始化完成之前，页面是没有任何内容的，所以基本上没有办法满足这个需求比如有些访问量较大的主页里面，由于都是异步数据，所以在服务器数据没有返回之前，可能只能无奈的显示一个loadding....但是产品没办...转载 2019-04-11 10:32:14 · 553 阅读 · 0 评论 -
去除谷歌浏览器记住账号密码的input框黄色背景
1.直接覆盖阴影，加入这个css属性即可。input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset;}2.google 浏览器记住密码黄色背景很令人讨厌，以前通过autocomplete= off等各种正统方法来去掉，但很遗憾的是现在这些方法都不管用了，目前得用一些奇技淫巧才能解决，网上说的通过设置...转载 2019-02-21 12:04:25 · 490 阅读 · 0 评论 -
websocket里面添加Token
websocket协议在握手阶段借用了HTTP的协议，但是在JavaScript websocketAPI中并没有修改请求头的方法。var token='dcvuahsdnfajw12kjfasfsdf34'send发送参数var ws = new WebSocket("ws://" + url + "/webSocketServer");ws.onopen=function(...转载 2018-09-29 11:25:38 · 87409 阅读 · 10 评论 -
jQuery Mobile 脚本加载问题
刚开始使用jQuery Mobile，发现很多问题需要重新考虑，比如脚本加载问题。在普通html中，如果a.html中有链接到b.html，b.html中有类似代码：$(document).ready(function() {alert("hello");});则这段代码可以被正常执行。 而在jQuery Mobile中，这样做就行不通了，在浏览器中转载 2015-09-01 17:12:42 · 345 阅读 · 0 评论 -
请求数据
××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××最近在用jquery的ajax方法传递接收json数据时发现一个问题，那就是返回的data数据，有时候可以直接作为json数转载 2015-09-14 09:33:10 · 374 阅读 · 0 评论 -
移动端样式
CSS常用代码作者：autumnswind 来源：互联网 2015-12-01 23:25常用的css代码，内容包含css两端对齐，css文字换行,css title 换行,css投影，min-height: 最小高度兼容代码，鼠标不允许点击等。1. css 2.x文字换行/*强制不换行*/white-space:nowrap;/转载 2015-12-02 09:35:43 · 1277 阅读 · 0 评论 -
Virtual DOM 算法
深度剖析：如何实现一个 Virtual DOM 算法作者：戴嘉华 来源：互联网 2015-12-01 23:44本文会在教你怎么用 300~400 行代码实现一个基本的 Virtual DOM 算法，并且尝试尽量把 Virtual DOM 的算法思路阐述清楚。希望在阅读本文后，能让你深入理解 Virtual DOM 算法，给你现有前端的目录：1 前言转载 2015-12-02 10:54:05 · 429 阅读 · 0 评论 -
jQuery 取值、赋值的基本方法整理
/*获得TEXT.AREATEXT的值*/ var textval = $("#text_id").attr("value"); //或者 var textval = $("#text_id").val(); /*获取单选按钮的值*/ var valradio = $("input[@type=radio][@checked]").val(); /*获取一组名为(items转载 2016-09-09 18:13:45 · 284 阅读 · 0 评论 -
vue-基于elementui换肤[自定义主题]
转自young_Emily的博客https://blog.youkuaiyun.com/young_Emily/article/details/78591261目录(?)[+]前言： 这篇文章记录换肤的两个方面： 1.基于elementui这个ui框架的换肤 2.在vue项目里自己写的内容的换肤 所用知识： vue , elementui , vuex , sass , gulp-css-wrap首行祭图： ...转载 2018-04-24 14:55:24 · 9788 阅读 · 1 评论 -
ESLint的使用
转自https://blog.youkuaiyun.com/qiphon3650/article/details/78512039es6笔记 习自 阮一峰开源项目 查看es6的浏览器支持情况kangax.github.io/es5-compat-table/es6/ESLint的使用ESLint 是一个语法规则和代码风格的检查工具，可以用来保证写出语法正确、风格统一的代码。首先，安装 ESLint。$ npm...转载 2018-04-25 13:58:39 · 253 阅读 · 0 评论 -
vue+webpack
vue项目结构解释+webpack应用http://vuejs-templates.github.io/webpack/prerender.html转载 2018-04-25 14:34:57 · 298 阅读 · 0 评论 -
百度地图
转自点击打开链接<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, us转载 2018-05-03 16:26:31 · 175 阅读 · 0 评论