Dec282019
利用Web Components构建可重用的自定义元素
在 web 开发领域，构建可重用的组件一直都是一个重要的课题。Web Components 是一种技术，旨在解决这个问题。它允许开发者创建自定义的 HTML 元素，在各种应用中进行复用。
什么是 Web Components
Web Components 是一组独立的技术标准，由三个主要部分组成：
自定义元素（Custom Elements）：允许开发者创建自定义的 HTML 元素，拥有自己的样式和行为。
影子 DOM（Shadow DOM）：提供了...阅读全文
抢沙发
Dec202019
Android WebView的使用与性能优化
1. WebView的基本使用
WebView是Android提供的一个用于展示网页内容的控件。它可以加载网页、显示HTML内容以及执行JavaScript脚本。
使用WebView非常简单。首先，在XML布局文件中定义WebView控件：
<WebView
android:id="@+id/webview"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
然后，在Java代码中获取WebView实例并加载网页：
W...阅读全文
Dec092019
Nov222019
selenium之 定位以及切换frame（iframe）
总有人看不明白，以防万一，先在开头大写加粗说明一下：
frameset不用切，frame需层层切！
很多人在用selenium定位页面元素的时候会遇到定位不到的问题，明明元素就在那儿，用firebug也可以看到，就是定位不到，这种情况很有可能是frame在搞鬼（原因之一，改天专门说说定位不到元素，可能的一些原因及处理办法）。
frame标签有frameset、frame、iframe三种，frameset跟其他普通标签没有区...阅读全文
Nov222019
推荐三款好用的JSON格式化工具——JSON-handle & HiJson & JSTool
工具一：JSON-handle
JSON-Handle是一款谷歌浏览器插件。
1.访问http://jsonhandle.sinaapp.com/下载
2.打开Chrome浏览器的扩展程序（访问chrome://extensions/），将下载JsonHandle.crx拖进去即可。
注意：如果是旧版本，则直接拖拽crx文件到扩展程序页面即可，但是在新版本中会提示无法安装。
解决方法：将插件crx文件更改后缀名为zip或者rar，如果改为zip解压时提示压缩包错误则更改为...阅读全文
Nov122019
Nov122019
Javascript 实现同时加载多个广告功能，可加载百度谷歌联盟广告
本文主要介绍一种新的广告后加载的方式，支持自定义HTML广告、百度联盟广告和谷歌联盟广告。这种方式在页面加载完成后执行，不影响内容的显示，对用户更加友好。
我们在网站上放置广告，最简单的方法就是把JS代码，插入指定的位置，这样带了后果就是，页面按照顺序加载，偶尔一条广告代码卡住，整个页面都会卡住，给用户带来的体验是极差的。
那么怎么解决这种问题呢？先说一...阅读全文
Nov122019
jquery 获取客户端ip地址 和 地区位置
搜狐IP地址查询接口（默认GBK）：http://pv.sohu.com/cityjson
搜狐IP地址查询接口（可设置编码）：http://pv.sohu.com/cityjson?ie=utf-8
使用搜狐接口demo:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="../plugins/jQuery/jquery-1.12.4.min.js"></script>
&...阅读全文
Nov082019
Node.js中的实时通信与Socket.IO应用
Node.js是一个基于Chrome V8 JavaScript引擎的开源、轻量级、事件驱动的后台JavaScript运行环境。它的强大之处在于可以处理大量并发连接，非常适合应用于实时通信领域。而Socket.IO则是一个建立在Node.js之上的实时通信库，使得应用程序能够实现双向通信。
本文将介绍什么是实时通信，讨论为什么需要实时通信以及如何在Node.js中使用Socket.IO库来构建实时通信应用。
什么是实时通信？
实...阅读全文
Nov022019
使用Vue.js构建单页面应用
前言
在过去的几年中，前端开发的技术发展迅速。随着单页面应用的兴起，越来越多的前端开发人员开始使用Vue.js进行开发。Vue.js是一款轻量级的JavaScript框架，用于构建交互式的单页面应用。本文将介绍使用Vue.js构建单页面应用的基本步骤和一些常用功能。
步骤
步骤1：安装Vue.js
首先，我们需要通过npm或者yarn安装Vue.js。在命令行中运行以下命令进行安装：
npm install vue
或者
yar...阅读全文