乐胖代购免代理版

五大主流浏览器及四大内核

只是用户看到仅仅只是浏览器本身，却很少能看到浏览器最核心的部分—浏览器内核。从第一款libwww（Library WorldWide

浏览器内核

ide

Web

原创 2024-01-18 14:01:37 2394 阅读

Nginx 快速发布静态网站

随着网站技术的飞速发展，很多网站技术都趋向成熟，那么我们怎样发布一个站点呢？很多软件都支持，tomcat，iis，xampp，apache等等，本文主要是介绍nginx怎样发布. 1.下载nginx并安装 nginx: download 下载对应的系统版本，本人下载的是window版本 2.找到安

nginx

tomcat

系统版本

原创 2024-01-18 13:44:54 119 阅读

移动页面自适应手机屏幕宽度

网上关于这方面的文章有很多，重复的东西本文不再赘述，仅提供思路，并解释一些其他文章讲述模糊的地方。 1、使用meta标签，这也是普遍使用的方法，理论上讲使用这个标签是可以适应所有尺寸的屏幕的，但是各设备对该标签的解释方式及支持程度不同造成了不能兼容所有浏览器或系统。首先解释该标签的含义： <met

媒体查询

html

scala

原创 2024-01-18 13:42:56 102 阅读

为什么你从canvas toDataURL 得到黑图片？

WebGL

数据

2d

原创 2024-01-18 13:42:48 260 阅读

Iframe框架的各种操作，专治各种不服

脚本操作框架页面测试环境IE6、IE9、火狐 JQUERY引用地址 一、IFRAME框架页面示例 <iframe id="ifr1" frameborder

父页面

Math

数据

原创 2024-01-18 13:42:43 69 阅读

前端本地文件操作与上传（摘录）

前端无法像原生APP一样直接操作本地文件，否则的话打开个网页就能把用户电脑上的文件偷光了，所以需要通过用户触发

Data

数据

上传

原创 2024-01-18 13:42:39 221 阅读

canvas元素内容生成图像文件

准备工作想要将canvas元素当前显示的内容生成为图像文件，我们首先要获取canvas中的数据,在HTML5 <canvas>元素的标准中提供了toDataURL()的方法可以将canvas中的内容生成为指定格式的DataURL,使用方法如下: // 假设有一个id为cvs的canvas元素 va

a标签

赋值

HTML5

原创 2024-01-18 13:42:14 83 阅读

cesium调用天地图服务

全球矢量地图服务 var viewer = new Cesium.Viewer("cesiumContainer", { animation: false, //是否显示动画控件 baseLayerPicker: false, //是否显示图层选择控件 geocoder: true, //是否显示地

控件

ide

图层

原创 2024-01-18 13:42:06 220 阅读

IDE Tomcat 虚拟目录设置两种方法

1.使用tomcat自己的虚拟路径 1.1.在tomcat\config\server.xml中配置 path="/upload" 虚拟路径 E:\photo\upload 图片存放的真实路径 <Context path="/upload" docBase="E:\photo\upload" rel

虚拟路径

tomcat

xml

原创 2024-01-18 13:42:02 82 阅读

NodePPT使用方法

使用：‘ 1、首先安装nodejs环境； 2、安装nodeppt： npm install -g nodeppt 3、启动：nodeppt start -d D:/webppt -p 8099 (把demo中ppts中的例子拷贝到D:/webppt下)

系统

原创 2024-01-18 13:41:54 74 阅读

ShareWorker的使用说明（网上的这些都太不详细了，容易误导大家）

官方并没有给出多个标签页共享线程的（明显）案例，所以会导致别人按照官网的代码写了，为什么没有推送到其他页面呢？经过自己反复

推送

标签页

客户端

原创 2024-01-18 13:41:48 120 阅读

css clip 巧用可以用分屏效果

css clip 通过查询w3cshool 可知该功能学名叫做“图像裁剪”，clip 属性剪裁绝对定位元素(此处是最关键的地方)。当一幅图像的尺寸大于包含它的元素时会发生什么呢？"clip" 属性允许您规定一个元素的可见尺寸，这样此元素就会被修剪并显示为这个形状。 clip:rect (top,r

css

3c

绝对定位

原创 2024-01-18 13:41:41 58 阅读

别人复制你的网站文字，自带“自定义前后缀”

function setClipboardText(event) { event.preventDefault(); //阻止元素发生默认的行为（例如，当点击提交按钮时阻止对表单的提交）。 var node = document.createElement('div'); //对documentfr

Data

剪贴板

html

原创 2024-01-18 13:41:35 52 阅读

js 新增标签页被拦截？怎么办？

js 新增标签页被拦截？怎么办？ var newWin = window.open('about:blank', '_blank'); newWin.location.href="http://www.baidu.com"

标签页

原创 2024-01-18 13:41:24 73 阅读

web文件夹上传！

<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>upload dialog</title> </head> <body> <input id="dialog" type="file" webkitdirectory /> <sc

html

i++

HTML

原创 2024-01-18 13:41:20 82 阅读

js 沙箱模式原理

//开启沙箱模式 function run() { var iframeContent = $("#editor").val();//html内容 loadPreview(iframeContent); } //填充预览效果内容 function loadPreview(content) { var

html

原创 2024-01-18 13:41:15 76 阅读

npm升级所有的依赖包

npm-check是用来检查npm依赖包是否有更新，错误以及不在使用的，我们也可以使用npm-check进行包的更新安装npm-check： npm install -g npm-check 检查npm包的状态: npm-check -u -g

依赖包

原创 2024-01-18 13:41:11 105 阅读

事件捕获&事件冒泡简单实例

<html> <head></head> <body> <div id="div1" style="background: blue;width: 100px; height: 100px;"> <div id="div2" style="background: red;width: 70px; h

html

原创 2024-01-18 13:41:04 41 阅读

怎样把自己写的组件、库推到npm服务上面，并给别人使用？

1.创建npm账号 2.cmd命令行到某个文件夹下，然后登录 npm login 3.npm init填写包名，以及一些信息 4.通过npm publish发包，然后

包名

cmd命令

搜索

原创 2024-01-18 13:41:03 269 阅读

获取系统cpu,gpu,主板等信息（仅IE）

<html> <head> <style type='text/css'> body{font-size:12px;} body table tr td{font-size:12px;} </style> <script> var info = allinfo(); //document.write

Win32

输入设备

i++

原创 2024-01-18 13:40:30 66 阅读

scrollIntoView

远程支持滚顶元素 document.getElementById("yyy").scrollIntoView()

系统

原创 2024-01-18 13:40:21 46 阅读

video 属性和事件用法大全

1.属性  <video src="test.mp4" controls width="400" height="300"></video>  <video src=

ide

加载

数据

原创 2024-01-18 13:40:16 69 阅读

前端获取ip（非IE）

function getYourIP(){ var RTCPeerConnection = window.RTCPeerConnection || window.webkitRTCPeerConnection || window.mozRTCPeerConnection; if (RTCPeerCo

safari

firefox

i++

原创 2024-01-18 13:40:11 40 阅读

i5ting_toc转成的html，怎样高亮代码？

上节 Forever Sun：Markdown转成带目录的Html（i5ting_toc）已经讲了markdown怎样转成html，这节我们学习怎样把转好

html

高亮

树结构

原创 2024-01-18 13:40:08 70 阅读

js 显卡信息

var canvas = document.createElement('canvas'); var gl = canvas.getContext('webgl'); // 等同于 canvas.getContext('experimental-webgl'); var debugInfo = gl

系统

原创 2024-01-18 13:39:56 141 阅读

Yarn基本用法与Npm基本用法对比

1、初始化一个新的项目 yarn init 2、添加一个依赖包 yarn add [package]yarn add [package]@[version]yarn add [package]@[tag] 3、安装所有的依赖包 yarn 或者 yarn install 4、npm 与 yarn命令比

依赖包

初始化

原创 2024-01-18 13:39:53 51 阅读

Markdown转成带目录的Html（i5ting_toc）

Markdown无论在编程还是平时其他工作学习中都扮演着重要的角色，如：开发文档、产品说明，甚至是流程图...... 但是有的时候需要我们以网页形式展示给他人阅读，当遇到这种场景时候我们需要从两个方面考虑该问题：1.是不是可以直接找个框架直接在线吧md文档转一下？2.是不是工具直接把md转成html

github

分割线

开发文档

原创 2024-01-18 13:39:49 346 阅读

怎样屏蔽别的开发人员调试你的代码

var ConsoleManager = { onOpen: function () { try { window.open("about:blank", target = "_self") } catch (e) { var n = document.createElement("button")

github

sed

dom对象

原创 2024-01-18 13:39:36 41 阅读

www和https://又被Chrome地址栏隐藏了

反正就是谷歌干的戳事，那就解决吧. 方法1：禁用要禁用对 url 的隐藏，可以执行以下步骤：打开 Chrome 浏览器并在地址栏中输入 chrome://flags/#omnibox-ui-hide-steady-state-url-scheme-and-subdomains，然后按回车Chro

重新启动

Chrome

ide

原创 2024-01-18 13:39:31 415 阅读

css中的clip属性已经废弃，请用clip-path

clip-pathCSS属性可以创建一个只有元素的部分区域可以显示的剪切区域。区域内的部分显示，区域外的隐藏。剪切区域是被引用内嵌的URL定义的路径或者外部svg的路径，或者作为一个形状例如circle().。clip-path属性代替了现在已经弃用的剪切clip属性。语法 /* Keyword

ci

SVG

ide

原创 2024-01-18 13:39:28 131 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

9785886

五大主流浏览器及四大内核

Nginx 快速发布静态网站

移动页面自适应手机屏幕宽度

为什么你从canvas toDataURL 得到黑图片？

Iframe框架的各种操作，专治各种不服

前端本地文件操作与上传（摘录）

canvas元素内容生成图像文件

cesium调用天地图服务

IDE Tomcat 虚拟目录设置两种方法

NodePPT使用方法

ShareWorker的使用说明（网上的这些都太不详细了，容易误导大家）

css clip 巧用可以用分屏效果

别人复制你的网站文字，自带“自定义前后缀”

js 新增标签页被拦截？怎么办？

web文件夹上传！

js 沙箱模式原理

npm升级所有的依赖包

事件捕获&事件冒泡简单实例

怎样把自己写的组件、库推到npm服务上面，并给别人使用？

获取系统cpu,gpu,主板等信息（仅IE）

scrollIntoView

video 属性和事件用法大全

前端获取ip（非IE）

i5ting_toc转成的html，怎样高亮代码？

js 显卡信息

Yarn基本用法与Npm基本用法对比

Markdown转成带目录的Html（i5ting_toc）

怎样屏蔽别的开发人员调试你的代码

www和https://又被Chrome地址栏隐藏了

css中的clip属性已经废弃，请用clip-path

欢迎