前端
关注
分享
扫一扫
文章平均质量分 61
IT和尚
这个作者很懒，什么都没留下…
展开
-
electron 蓝牙通信功能 BLE 带案例代码
依赖安装noble 在 Linux 和 MacOS 上的安装还是比较简单的，所以可以参考noble/github上的介绍就可以了。以下着重演示以下 Window10 下的依赖安装和驱动替换。首先，我们需要安装的是 node-gyp / github。在 WIndow 下安装，需要先使用管理员权限打开 powershell 或者 CMD命令行工具，这里推荐使用 powershell。打开后，输入以下命令：npm install --global --production windows...原创 2020-06-03 10:39:46 · 5225 阅读 · 6 评论 -
react-native 本地 html并且同时 引用css与js文件的方式 相互通信
想要借助`webview`动态的渲染`html`代码,但是我html中需要用到的一些`css`或者`js`我该如何加载呢？全部写在html中?这好像也可以,但是他呀的,这样样式这么多，在加上`js`,这代码是不是太多了？下面我们来看下如何在`RN`中加载静态资源吧！我这里的只针对`Android`平台,至于`ios`的我还没有研究过.1.第一步先打开android/app/s...原创 2019-11-29 16:48:20 · 1143 阅读 · 0 评论 -
react Ace 编辑器，快捷键、代码提示
1.安装命令npm install react-ace2.导入相关配置import AceEditor from 'react-ace';//language_tools语言工具，代码提示工具import 'brace/ext/language_tools';//searchbox过滤框，快捷键ctrl+Fimport 'brace/ext/searchbox';//一...原创 2019-11-26 19:59:18 · 1542 阅读 · 0 评论 -
electron程序，如何在主进程远程页面中注入js及css？
代码放置于主进程，针对某个渲染进程进行设置，注意：默认情况下，第二个渲染进程窗口是不会被注入这些代码的。所以，请仔细斟酌代码注入的时机。代码注入的时机应该是原版页面加载完毕后。所以，对于渲染进程窗口mainWindow，监控了一个did-finish-load事件。本文的代码中，mainWindow就是被操作的渲染进程窗口对象。这个是本文的代码基础。//const fs = requir...原创 2019-11-26 14:56:08 · 3486 阅读 · 0 评论 -
Nodejs进阶：如何玩转子进程（child_process）
在node中，child_process这个模块非常重要。掌握了它，等于在node的世界开启了一扇新的大门。熟悉shell脚本的同学，可以用它来完成很多有意思的事情，比如文件压缩、增量部署等，感兴趣的同学，看文本文后可以尝试下。举个简单的例子：const spawn = require('child_process').spawn;const ls = spawn('ls', ['-l...原创 2019-11-15 16:43:40 · 636 阅读 · 0 评论 -
JS uint8Array转String 中文乱码的问题
/* utf.js - UTF-8 <=> UTF-16 convertion** Copyright (C) 1999 Masanao Izumo <iz@onicos.co.jp>* Version: 1.0* LastModified: Dec 25 1999* This library is free. You can redistribute it...原创 2019-11-14 23:28:49 · 7901 阅读 · 3 评论 -
nodejs中 require 方法的加载规则
require加载的顺序1.优先从缓存中加载2.从核心模块中加载（核心模块己编译成二进制文件，所以按名字加载）3.从路径中加载文件4.第三方模块一、优先从缓存中加载二、核心模块核心模块的本质也是文件，核心模块文件已经被编译到了二进制文件中了，我们只需要按照名字来加载就可以了。三、路径形式的模块我们说的路径形式的模块，其实...原创 2019-11-14 10:20:36 · 278 阅读 · 0 评论 -
在 umijs （Ant Design）项目中使用 Monaco Editor 的配置 高亮配置
在 umijs 项目中使用 Monaco Editor 的配置安装相关包yarn add monaco-editor、yarn add monaco-editor-webpack-plugin、yarn add react-monaco-editor 添加chainWebpack配置 import MonacoWebpackPlugin from 'monaco-editor-web...原创 2019-11-13 22:23:07 · 3099 阅读 · 2 评论 -
React Tabs 标签 组件，附源码
Tabs页面：import React from 'react';import PropTypes from 'prop-types';import classNames from 'classnames';import bindAll from 'lodash.bindall';import styles from './Tabs.css';class TabsComonen...原创 2019-10-21 17:24:46 · 925 阅读 · 0 评论 -
前端获取文件上传进度的方法与实例
html<input type="button" onclick="Submit()" value="提交" />JSvar xhrOnProgress=function(fun) { xhrOnProgress.onprogress = fun; //绑定监听 //使用闭包实现监听绑 return function() { //通过$.aj...原创 2019-10-09 16:42:45 · 3462 阅读 · 1 评论 -
HTML DOM 元素对象 方法集合
HTML DOM 节点在 HTML DOM (Document Object Model) 中, 每个东西都是 节点 :文档本身就是一个文档对象 所有 HTML 元素都是元素节点 所有 HTML 属性都是属性节点 插入到 HTML 元素文本是文本节点 注释是注释节点元素对象在 HTML DOM 中, 元素对象代表着一个 HTML 元素。元素对象 的 子节点可以是, 可以是...转载 2018-12-17 14:51:10 · 398 阅读 · 0 评论 -
javascript中使字符串当做js代码来执行
在javascript中有多种方法可以让一段字符串当做一段js代码来执行：使用eval("要执行的字符串") 使用new Function("要执行的字符串") setTimeOut("要执行的字符串",500) setInterval("要执行的字符串",500) 当然根据javascript最佳实践，我们是不推荐上面的任何一种方式的，当然eval()在处理JSON串时还是必须使...转载 2018-12-13 11:28:52 · 8526 阅读 · 1 评论 -
@media screen实现屏幕自适应内容详解
优点:无需插件和手机主题,对移动设备友好,能够适应各种窗口大小。只需在CSS中添加@media screen属性,根据浏览器宽度判断并输出不同的长宽值准备工作1：设置Meta标签首先我们在使用Media的时候需要先设置下面这段代码，来兼容移动设备的展示效果： name="viewport" content="width=device-width,转载 2018-02-01 14:27:50 · 23845 阅读 · 3 评论 -
IE8不支持jQuery问题
最近做WordPress主题，遇到一个很奇怪的问题，网页在Chrome等浏览器都显示正常，但是到了IE8里面就无法工作。提示“加载完毕，但网页中有错误”。尝试修复IE浏览器，但是毫无效果。后来经过反复排查，发现问题在于IE8不能运行jQuery。网上找了很久也没找到相关的文章。而且之前用过一些jQuery插件，在IE中也是能正常使用的。用IE打开之前写的一个jQuery插件的Demo，运行原创 2018-02-03 10:30:29 · 4646 阅读 · 0 评论 -
jQuery兼容浏览器IE8方法
在维护公司网站的时候，发现在IE8下jquery会报对象不支持此属性或方法、缺少对象的错误： 在其他浏览器就可以正常运行，当前使用的jquery版本是3.1.1，查资料发现jquery从2.0开始不支持IE8，最后支持IE8的版本是1.9。因为公司的台式机自带的浏览器是IE8，所以决定兼容一下IE8。思路是通过判断IE浏览器的版本来加载对应版本的jquery。 使用 仅IE8可识原创 2018-02-03 11:54:59 · 873 阅读 · 0 评论 -
【web】强大的屏幕适配布局rem响应式 实现一套web代码多端自适应适配
强大的屏幕适配布局rem响应式 实现一套web代码多端自适应适配实现强大的屏幕适配布局 流式的布局、固定的宽度，还有响应式来做，但是这些方案都不是最佳的解决方法。->->remrem是什么？ rem（font size of the root element）是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。看到rem大家一定会想起em单位，em（font siz...原创 2018-02-13 09:48:36 · 902 阅读 · 0 评论 -
浅谈如何让 Bootstrap 3兼容IE8浏览器
官网上有说Internet Explorer 8 和 9 是被支持的，然而，你要知道，很多 CSS3 属性和 HTML5 元素 -- 例如，圆角矩形和投影 -- 是肯定不被支持的。另外， Internet Explorer 8 需要 Respond.js 配合才能实现对媒体查询（media query）的支持。http://v3.bootcss.com/getting-started/#suppo...转载 2018-03-01 21:38:33 · 1534 阅读 · 0 评论 -
IE下判断IE版本的语句
<!--[if lte IE 6]><![endif]-->IE6及其以下版本可见 <!--[if lte IE 7]><![endif]-->IE7及其以下版本可见 <!--[if IE 6]><![endif]-->只有IE6版本可见 <![if !IE]><![endif]>转载 2018-03-01 21:39:49 · 143 阅读 · 0 评论 -
Vue学习第三天 Vue过渡效果增加之CSS3 2D 转换
CSS3 转换通过 CSS3 转换，我们能够对元素进行移动、缩放、转动、拉长或拉伸。浏览器支持Internet Explorer 10、Firefox 以及 Opera 支持 transform 属性。Chrome 和 Safari 需要前缀 -webkit-。注释：Internet Explorer 9 需要前缀 -ms-。原创 2018-02-25 13:04:26 · 1049 阅读 · 0 评论 -
HTML5触摸事件(touchstart、touchmove和touchend)
HTML5中新添加了很多事件，但是由于他们的兼容问题不是很理想，应用实战性不是太强，所以在这里基本省略，咱们只分享应用广泛兼容不错的事件，日后随着兼容情况提升以后再陆续添加分享。今天为大家介绍的事件主要是触摸事件：touchstart、touchmove和touchend。 一开始触摸事件touchstart、touchmove和touchend是iOs版Safari浏览器为了向开发人员传达一些...转载 2018-05-22 09:32:10 · 162 阅读 · 0 评论 -
手机端页面自适应解决方案—rem布局
一年前笔者写了一篇 《手机端页面自适应解决方案—rem布局》，意外受到很多朋友的关注和喜欢。但随着时间的推移，该方案已然过时，故为大家介绍一个目前我极力推荐使用的，更加完美的方案——rem布局（进阶版）另外：此方案仅适用于移动端web文章底部常见问题说明第四条，笔者已给出一个相当便捷的解决方案，欢迎留言交流。（2017/9/9）该方案使用相当简单，把下面这段已压缩过的 原生JS（仅1转载 2018-01-07 09:02:46 · 918 阅读 · 0 评论