这一节课，我们要让场景动起来，不禁想到了郭富城的一首歌《动起来》。心中有很多感慨，觉得时间过得太快，自己还没有多大的成功。以淡淡的感伤开始这节课的讲解。
adminLte默认是全局刷新，也就是不存在frame页面，经过修改，可以很容易实现右边内容框用frame实现页面刷新，这样就不需要整个页面全局刷新，点击相应菜单时，只会刷新frame窗口，但是有一个问题就是frame默认高度只有一丁点，百度之后用了自适应也会有各种问题，比如高度只能拉伸不会缩短，在解决的道路上真的是没有一个完美的解决方案，经过自己研究，发现一个非常简单的方法，那就是用js获取window的innerHeight，代码实现window.innerHeight，然后出去顶部的状态栏，以及空白部分，经过测试，窗口高度减去90是最合适的，也可以根据你自己的情况加减，最后调至一个最完美高度，发现任何分辨率都不会有问题！
那一刻，我突然感觉我可能真的也就这样了，不会有人喜欢，也不会结婚，只能是孤独终老了！
在进行APP开发或作制作网站时，有时候会遇到你下一级页面操作过以后会改变上一级页面的结果。这时候就需要我们去刷新上一级页面。 一般可以采取三种方式：
今天我们将向大家展示如何制作SVG动态模糊效果，并将其应用于HTML元素的常规JS或CSS动画。
本文介绍了如何在 VR/AR 项目中使用 A-Frame 构建交互式场景，并分享了如何添加体素、创建自定义组件、集成 WebVR 等功能。同时，还介绍了一种基于注视点的光标控制方法，以及如何使用 A-Frame 组件将场景导出为 WebVR 格式。
先上图： 未命名项目.gif 代码实现： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti
为了方便实验，我们提供了2个简单的框架供你使用。你只要改变其中的一些代码或者参数，就能够得到实验的结果。第一个框架的效果是显示一个绿色的正方体，
需要开发一个小镇游戏，包含建造建筑、升级建筑、建筑生产金币、收金币等功能。整体复杂度不是太高，主要是建筑的循环动画和地图上小车、风车等小元素的动画，所以考虑使用DOM+CSS3动画来实现。
一年一度的 JSConf 大会又召开，这是 2010 的官网：http://2010.jsconf.us/
旭日图是饼图的一种扩展，每一层都展示一组分类的比例。sunburstR可绘制交互式旭日图
现在我们使用的是Http1.1，互联网发展迅速，http这个基础协议也要升级了，http2.0就要来了 http2.0 的核心优势 （1）采用二进制格式传输数据，而非 http1.1 的文本格式，二进制格式在协议的解析和优化扩展上带来更多的优势和可能 （2）对消息头采用 HPACK 进行压缩传输，能够节省消息头占用的网络的流量，而 http1.1 每次请求，都会携带大量冗余头信息，浪费了很多带宽资源，头压缩能够很好的解决该问题 （3）多路复用，就是多个请求都是通过一个 TCP 连接并发完成，http
这是一个GUI的排版显示引擎和跨平台的GUI应用程序开发框架，基于NodeJS/OpenGL，这也是第一个在移动端Android/iOS融合NodeJS的前端GUI项目，至此JavaScript成为了真正意义上前后端通吃的语言。
UIWebView自iOS2就有，WKWebView从iOS8.0（2014年9月WWDC）才有，毫无疑问，WKWebView相对UIWebVIew要优秀得多，主要表现在以下几点：
Ngui简介 这是一个GUI的排版显示引擎和跨平台的GUI应用程序开发框架，基于NodeJS/OpenGL，这也是第一个在移动端Android/iOS融合NodeJS的前端GUI项目，至此JavaSc
本文将从各个角度来对动画整个体系进行分类，并且介绍各种前端动画的实现方法，最后我们将总结在实际开发中的各个场景的动画选择方案。
帧率（FPS）：描述每秒播放的帧数，单位为 Hz 或者 frame/s （帧/秒）。
大家好，又见面了，我是你们的朋友全栈君。 Demo页面：主页面 iframe_a.html ，被包含页面 iframe_b.htm 和 iframe_c.html
reload 方法，该方法强迫浏览器刷新当前页面。 语法：location.reload([bForceGet]) 参数： bForceGet， 可选参数， 默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5("刷新")
Web端的UI自动化测试，目前使用比较多的就是Python+Selenium。当前一些UI自动化测试工具也是基于Selenium做开发的。 最近经常有童鞋后台询问selenium元素定位方法，其实网上学习资料很多，只要你肯动手，都可以搜的到。元素定位对于自动化测试来说是比较重要而且繁琐的一件事。接下来就来讲一下如何使用webdriver提供的基本元素定位方法。 再次声明：本站点已经和百度、必应、谷歌等各大搜索引擎达成长期的战略合作协议，你有任何疑问都可以通过以上公司提供的免费服务得到解答。
SQL注入： 所谓SQL注入，就是通过把SQL命令插入到提交的Web表单或输入域名或页面请求的查询字符串，最终达到欺骗服务器执行恶意的SQL命令，导致数据库中的信息泄露或者更改。 防范： 1.永远不要信任用户的输入,将用户输入的数据当做一个参数处理： 使用参数化的形式，也就是将用户输入的东西以一个参数的形式执行，而不是将用户的输入直接嵌入到SQL语句中，用户输入就被限于一个参数。 2.避免提示详细的错误信息： 当用户输入错误的时候，避免提示一些详细的错误信息，因为黑客们可以利用这些消息，使用一种标准的输入确认机制来验证所有的输入数据的长度、类型、语句、企业规则等。 3. 加密处理： 将用户登录名称、密码等数据加密保存。加密用户输入的数据，然后再将它与数据库中保存的数据比较，这相当于对用户输入的数据进行了“消毒”处理，用户输入的数据不再对数据库有任何特殊的意义，从而也就防止了攻击者注入SQL命令。 4.确保数据库安全： 锁定你的数据库的安全，只给访问数据库的web应用功能所需的最低的权限，撤销不必要的公共许可，如果web应用不需要访问某些表，那么确认它没有访问这些表的权限。如果web应用只需要只读的权限，那么就禁止它对此表的 drop 、insert、update、delete 的权限，并确保数据库打了最新补丁。
身为前端，打交道最多的就是浏览器和node了，也是我们必须熟悉的。接下来我们讲一下浏览器工作原理和工作过程。从url到页面的过程，......，我们直接来到收到服务器返回内容部分开始。
本文介绍了一种基于Qt的Webkit框架实现的浏览器方案，该方案可以加载和渲染网页，支持JavaScript等脚本语言的解析，实现了对网页的爬取和模拟点击等操作。该方案具有高度可扩展性和可定制性，可以广泛应用于各种不同的应用场景。
自从 12 月 25 日小游戏功能开放以来，越来越多的游戏从业者都开始重新审视小程序平台。其中，也有不少游戏公司和开发者，都在考虑做一款小游戏。
2016年，我写了一系列的 VUE 入门教程，当时写这一系列博文的时候，我也只是一个菜鸟，甚至在写的过程中关闭了代码审查，否则通不过校验。
你好，我已经很久没有分享我最近的研究/发现了，但在这篇报道中，我将分享我发现的一个漏洞，这对我来说相当有趣，可能会改变你对 "SELF XSS "的看法。
这是一款基于HTML5 WebGL的图像扭曲变形动画特效。该特效中，通过Three.js来制作从一幅缩略图，扭曲变形为全屏大图的动画特效，共有6种炫酷的动画效果。
Dear，大家好，我是“前端小鑫同学”，😇长期从事前端开发，安卓开发，热衷技术，在编程路上越走越远～ Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 嵌入 Chromium 和 Node.js 到 二进制的 Electron 允许您保持一个 JavaScript 代码代码库并创建 在Windows上运行的跨平台应用 macOS和Linux——不需要本地开发 经验。 背景说明： 窗口指的就是我们在电脑端经常使用的软件时候显示Logo，标题和操作最小化，最大化
二次管控： 先定位select框，再定位select里的选项,通过Select对象进行强转，来调用select控件中的Api来达到操作的目的。
这是一款基于three.js的3D爆炸特效。该特效实现3d物体爆炸成碎片的效果，可以通过鼠标（手指）点击或鼠标（手指）移动来触发效果。
通过前边三篇的学习，想必大家已经对iframe有了一定的认识和了解，今天这一篇主要是对iframe的一些特殊情况的介绍和讲解，主要从iframe的定位、监听事件和执行js脚本三个方面进行展开介绍。
HT For Web 提供完整的基于 HTML5 图形界面组件库。您可以轻松构建现代化的，跨桌面和移动终端的企业应用，无需担忧跨平台兼容性，及触屏手势交互等棘手问题。也可用于快速创建和部署，高度可定制化，并具有强大交互功能的拓扑图形及表盘图表等应用。HT for Web 非常适用于实时监控系统的界面呈现，广泛应用于电信网络拓扑和设备管理，以及电力、燃气等工业自动化 ( HMI / SCADA ) 领域。HT for Web 还有提供了一套一套强大的基于 WebGL 技术的 3D 图形引擎，独特的 WebGL 层抽象，将 Model – View – Presenter ( MVP ) 的设计模型延伸应用到了 3D 图形领域。使用 HT for Web 您可更关注于业务逻辑功能，不必将精力投入复杂 3D 渲染和数学等非业务核心的技术细节。（ http://www.hightopo.com ）
新手上路，记录一下一些细节 1. 字体图标引入：https://uniapp.dcloud.io/frame?id=%e5%ad%97%e4%bd%93%e5%9b%be%e6%a0%87 2. 条件
安装electron依赖经常会不成功 在项目目录下创建.npmrc文件，设置镜像地址 npm config set strict-ssl false
以前经常用前端的一段js代码，但防君子不防小人，别人还是可以通过禁用js，或动态修改js来引用。
概述 Clickjacking是最近新兴的针对WEB前端的攻击手段。它通常使用一个ifream覆盖掉当前页面，欺骗用户点击iframe中的恶意内容。 Likejacking通常是针对社交网站的一种攻击手法，攻击者会欺骗用户去点击一个伪造的图标或按钮。如今攻击者已经研究出了大量的方法，来把官方的按钮模仿的惟妙惟肖。 Clickjacking技术首先是由Jeremiah Grossman 和 Robert Hanson在2008年提出的，而如今这种依附于JS的攻
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
flutter开发经常会与原生打交道，flutter web也一样，尤其在web开发时，因为flutter web还不成熟，第三方库缺少，很多功能需要依靠web原生来实现，比如音视频，录音等等。用视频举例，需要用html和js来实现一个视频播放器，然后在flutter页面中使用这个播放器，这如何来实现？
1． 加载页面[image.png]PhantomJS 截取的是网页的完整页面，包括下拉进度条的内容
近日，有网友留言，询问，如何将 vue 的路由分拆为多个文件进行管理。这当然是可以的。今天我就来写一个简单的教程，希望对大家有所帮助。
摘要总结：本文主要介绍了如何通过Vue Router为Vue.js项目添加路由功能，包括路由的基本设置、动态路由以及路由的嵌套路由。首先介绍了如何初始化项目并安装Vue Router，然后讲解了如何设置路由以及处理路由匹配。最后通过一个简单的实例，展示了如何通过Vue Router实现路由功能。
https://webrtchacks.com/webrtc-meets-webvr/
Hexo一款博客系统，根据Markdown生成静态网页，我自己和我认识的很多师傅的博客都是用的hexo。
相信每个前端对于跨域这两个字都不会陌生，在实际项目中应用也很多，但跨域方法的多种多样让人目不暇接，前段时间公司同事出现了跨域问题，又一时找不到问题所在，所以在此总结下跨域知识，一篇由浅入深的万字Web基操文
webView初始化：WKPreferences, WKUserContentController -> WKWebViewConfiguration -> WKWebView
创建WKWebView lazy var webView: WKWebView = { // 创建WKPreferences let preferences = WKPreferences() // 开启js preferences.javaScriptEnabled = true // 创建WKWebViewConfiguration let configuration = WKWebViewConfiguration() // 设置WKWebVie
隐式等待针对的是元素定位，隐式等待设置了一个时间，在一段时间内判断元素是否定位成功，如果完成了，就进行下一步
现在浏览器里面很大一部分网页还在使用HTTP1.1作为主要的网络通信协议。 但,这傻逼协议是1999年弄出来的. 距今已经有xx年了, 这些年里,美国的IETF 觉得这样不行.我得出来拯救世界了, 在Chrome的倡导下, 借用Chrome的SPDY 来做为HTTP2的前身,即, HTTP2 是SPDY/3 draft的优优化版. 那,HTTP2 为什么要出现,又解决了HTTP1.1不能解决的什么事情呢？ 简而言之就是 H2是一个二进制协议而,H1是超文本协议.传输的内容都不是一样的 H2遵循多路复用即,代
HTML5引入了canvas元素。canvas元素为我们提供了一块空白画布。我们可以使用此画布来绘制和绘制我们想要的任何东西。JavaScript为我们提供了动态制作动画并绘制到画布上所需的工具。它不仅提供绘图和动画系统，还可以处理用户交互。在本教程中，我们将使用纯JavaScript制作基本的HTML5 Canvas框架，该框架可用于制作真实的游戏。在本教程的结尾创建了一个非常简单的游戏，以演示HTML5 Canvas与JavaScript结合的优势。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
