随笔分类 - 前端知多少
摘要:var shader = `uniform vec4 color; uniform float speed; #define pi 3.1415926535 #define PI2RAD 0.01745329252 #define TWO_PI (2. * PI) float rands(float
阅读全文
摘要:上篇文章已经介绍怎样添加字体到自己的项目中 Forever Sun:国产iconfont,如何应用在web端、android、ios、小程序端(1) 接着我们介绍怎样使用在线字体 1.Web 端使用 用户在 http://iconfont.cn 可以下载,多种格式的 icon,平台也可将图标转换为字
阅读全文
摘要:1.首先注册iconfont账号; 2.创建项目; 3.添加图标到购物车; 4.从购物车添加到项目; 5.生成字体; 6.引用; 下篇文章主要介绍怎样使用! Forever Sun:国产iconfont,如何应用在web端、android、ios、小程序端(2)
阅读全文
摘要:最近在做一个小程序时候,遇到一个问题在使用SwipeAction时候,总是不显示而且宽度始终是0;本来计划用这个组件写一下业务功能结果在这卡壳了。而且taro ui的文档说明仔细看了几遍愣是没找出用法有什么问题,心想taro ui大公司的东西不应该出现这问题,肯定是自己用的有问题。 taro文档:
阅读全文
摘要:实现思路以及原理: 1.billboard支持图片格式可以是图片地址也可以是base64图片内容; 2.获取gif图片的帧值更新对应image; 3.Cesium.CallbackProperty; 根据上面思路,我们可以找有没有现成获取gif帧换面的工具:buzzfeed/libgif-js 有了
阅读全文
摘要:最近在升级Chrome91版本时候,突然出现有些端口访问不了 查了一下资料,发现浏览器有一些安全端口是限制访问的,这样可以有效的保护我们的计算机,同时也带来了一些问题,有些服务部署的端口恰巧就是其中安全限制端口,这样就会产生访问不了的问题。 FireFox 火狐浏览器 非 80 端口Chrome 谷
阅读全文
摘要:我们在做大屏的时候经常在开发环境开发的时候显示很完美,但是到了客户电脑就花样百出,出去浏览器对CSS3和js语言新特性的兼容问题,其实大多是因为网页的缩放比,或者用户的高分屏的一些设置问题,如图 通常这样设置没有问题,但是有些笔记本高分屏,默认缩放比就是125%.这样可能原来1920的大屏显示在15
阅读全文
摘要:正常我们做一些文件类型的判断辨别,低级别的鉴别就是根据文件扩展名判断。殊不知有些文件,有好事者喜欢直接修改扩展名,然后巧妙绕过扩展名过滤,轻则显示不正常,重则造成系统崩溃。 接下我们了解一下根据文件的头信息的16进制编码进行判断文件类型,即使好事者修改扩展名依然可以判断原本类型。(文件头信息对照表)
阅读全文
摘要:最近遇到一个问题,用公司的带有独立显卡的笔记本google浏览器查看一些三维模型很卡,一开始怀疑是不是独立显卡没有切换成功,于是重新设置了一下,如下图: 1.右击 右击 2.设置应用 3.然后点击应用 结果还是很卡!!! 于是打开浏览器的开发者工具, 在控制台输入 var _canvas = vie
阅读全文
摘要:1.自行创建Electron项目 2.安装electron-builder 打包工具 yarn add electron-builder 或者 npm install electron-builder -D 并配置package.json { "name": "demo", "version": "
阅读全文
摘要:一、安装Nginx nginx: download (安装Nginx直接解压便可以用) 二、安装Openssl并生成证书文件 1、下载地址 http://slproweb.com/products/Win32OpenSSL.html ; 2、一直点下一步直接安装到C盘即可。 命令提示行 如果有以上提
阅读全文
摘要:Chrome85 的 referer 策略修改原本默认的 referer 策略(policy)是no-referrer-when-downgrade,即允许referer带上来源页面地址上的请求参数,Chrome85+将策略修改为strict-origin-when-cross-origin,即如果
阅读全文
摘要:JavaScript本身可通过charCodeAt方法得到一个字符的Unicode编码,并通过fromCharCode方法将Unicode编码转换成对应字符。 但charCodeAt方法得到的应该是一个16位的整数,每个字符占用两字节。在网络上传输一般采用UTF-8编码,JavaScript本身没有
阅读全文
摘要:在日常生活中我们接触到很多软件,如QQ和微信等,这些软件都会对一些文件加密如图片加密成dat文件,这其中多数是利用文件的16进制编码进行异或运算进行加密。此处我们具体介绍一些常见的文件未进行加密前的文件头进行列举: [ {"扩展名":123,"文件头标识(HEX)":"00001A00051004"
阅读全文
摘要:前段时间在公司的项目里面嵌入了720云的全景页面,引入后浏览都正常,但是有用户反应网页中的全屏点击无效,经过测试后确实无效 经过查询资料,和引入优酷、腾讯视频的情况下,有了解决方案其实很简单只要在iframe属性中增加属性allowfullscreen即可 <iframe id="mapFrame"
阅读全文
摘要:GitHub是全球用户量第一的同性交流平台,上面包含了很多有趣,有用的资源,有的时候觉得对自己有用的就随手fork一下。但是后续别人的项目升级了我们怎么办?怎样同步更新呢? 第一步:登录你的hub找到要同步更新的项目。 第二步:点击“new pull request” 第三步:对比fork的变化 第
阅读全文
摘要:前端实现全屏,主要分两种通过b站功能说明: 1.是指定dom元素和当前浏览器窗口大小一致(网页全屏),如 原理主要是通过设置dom容器的大小实现,此处不做过多阐述。 2.是指定dom元素和当前显示器窗口大小一致(屏幕全屏) 实现原理:调用浏览器接口js调用的接口对F11无效 //退出全屏 funct
阅读全文
摘要:单点登录(Single Sign On):简称为 SSO,是比较流行的企业业务整合的解决方案之一。SSO的定义是在多个应用系统中,用户只需要登录一次就可以访问所有相互信任的应用系统。 下面我们实现一个简单的Demo: 预备安装好node,express; 接下来我们实现一个服务,接下来的我们页面请求
阅读全文
摘要:上一节已经介绍了影像下载,本文主要讲LSV地形下载 首先要到locaspace viewer官网下载LSV安装程序自行安装。 一、地形下载 1.切换下载 2.点击谷歌地形 3.点击绘制面 4.绘制 双击结束绘制 5.点击开始下载 6.如下图TaskIMG01171526即地形文件夹
阅读全文
摘要:只是用户看到仅仅只是浏览器本身,却很少能看到浏览器最核心的部分—浏览器内核。从第一款libwww(Library WorldWideWeb)浏览器发展至今已经经历了无数竞争与淘汰了。现在国内常见的浏览器有:IE、Firefox、QQ浏览器、Safari、Opera、Google Chrome、百度浏
阅读全文