自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(135)
  • 资源 (1)
  • 论坛 (53)
  • 问答 (1)
  • 收藏
  • 关注

原创 navigator.mediaDevices.getUserMedia录制桌面视频并保存

以下代码中有用到electron的desktopCapturer模块(用于PC应用开发),如果你并不需要,可以直接忽略,直接定义你要录制的视频源和音频源。重点如果要录制桌面,audio约束必须为 false,否则会报错,暂时不支持audio,如果你需要录制桌面的声音,则必须设置audio约束audio: {mandatory: {chromeMediaSource: ‘desktop’...

2018-12-01 17:57:48 9828 6

原创 electron的webview与加载的访客页之间的互相通信

webview 调用 加载页 方法通过<webview>.executeJavaScript(code[, userGesture, callback])访客页需要调用webview所在页面的方法,则需要在webview中加上属性 nodeintegration=“true”当有此属性时, webview 中的访客页(guest page)将具有Node集成, 并且可以使用像 r...

2018-10-11 16:27:22 4787 1

原创 position:fixed 父子层关系

当元素被设置成fixed的时候,会创建新的层叠上下文,设置z-index只能在当前的层级上下文做比较,而无法跨层级比较。举个例子,以下的DOM结构 伪代码<app><div fixed> <dialog fixed z-index=2002></div></app><modal fixed z-index=2001&g...

2019-11-15 11:26:42 368

转载 正确设置 MME类型

请求中的 response - header 中的content-type项是指�0�2�0�2服务器发送给客户端内容的MIME类型,如果 设置不对 那么浏览器怕是不能正常解析;const path = require(“path”);// 多用途Internet邮件扩展(MIME)类型const mimeType= {“.323”:“text/h323” ,“.3gp”:“video...

2019-03-15 10:57:02 874

原创 常用的vscode 插件

rc-beautify - Beautify React JavaScript TypeScriptbeautify -beautify javascriptBookmarks - Mark lines and jump to themCSS Peek - jump to the cssDocument This - jdoc-TODO Highlight

2018-12-24 21:49:28 242

转载 iframe跨域问题解决办法

浏览器同源政策及其规避方法前端大全 4天前(给前端大全加星标,提升前端技能)作者:阮一峰http://www.ruanyifeng.com/blog/2016/04/same-origin-policy.html浏览器安全的基石是”同源政策”(same-origin policy)。很多开发者都知道这一点,但了解得不全面。本文详细介绍”同源政策”的各个方面,以及如何规避它。一、概述...

2018-11-13 11:36:19 17739

转载 npm yarn设置淘宝镜像

NPM设置淘宝镜像1.查询当前配置的镜像npm get registryhttps://registry.npmjs.org/设置成淘宝镜像npm config set registry http://registry.npm.taobao.org/2.换成原来的npm config set registry https://registry.npmjs.org/Yarn 设置...

2018-10-18 20:43:40 347

原创 create-react-app中使用装饰器

在create-react-app中使用装饰器create-react-app ExampleAppnpm run ejectnpm install babel-preset-stage-2 --save-devnpm install babel-preset-react-native-stage-0 --save-dev根目录下创建.babelrc 并添加{ "presets"...

2018-10-01 15:33:11 879

原创 react、mobx学习

react、mobx、react-mobx、redux学习,该笔记只记录对自己有用的部分[目录]1 react基础1.1 prop 校验1.2 prop 初始值1.3 生命周期函数[1] react基础[1.1] prop 校验在开发环境下,为了更好地定位问题,最好能够对组件的对外接口prop做一些规范,以免传入错误的数据导致产生与我们期待不一致的数据结果,而PropType...

2018-09-20 10:15:59 123

原创 webpack 多页面打包,css不完整的问题

在webpack多入口文件配置中,如果使用了ExtractTextPlugin插件,则需要指定多个输出,否则每个入口作为一个chunk会覆盖掉后面打包的内容。所以可以写成:new ExtractTextPlugin('[name].css')这样就会根据入口名来打包成N个CSS文件...

2018-08-21 17:06:44 1167

原创 grid布局 内容撑开网格的问题 overflow:scrool 无法看到全部内容的问题

在使用grid布局的时候发现,如果内容超过了容器,则容器会被撑大。此时,使用overflow:scrool 则可以通过滚动条看完所有内容。然而,当我们使用grid布局嵌套的时候,发现,在(子)grid布局中,使用overflow,我们无法看完整体内容。 此时我们需要在(父)grid中,加上overflow:hidden ,使得,父容器不受子容器影响。在此基础上,在子容器加上overflow:...

2018-08-15 11:16:16 2635

原创 blob对象转arraybuffer

var reader = new FileReader(); //byte为blob对象 reader.readAsArrayBuffer(byte); reader.onload=(e)=&gt;{ var buf = new Uint8Array(reader.result); //buf为uint8Array ...

2018-08-08 14:44:11 2720

原创 关于electron 和nodejs之间的关系的疑问

最近遇到了一些问题,是关于TCP通信这一块的。 electron的简介中提到,是把Chromium和Node.js合并到同一个运行时环境中那是不是意味着无论是v8的API或者是NODE的模块我都能正常使用呢?而在开发过程中我发现并不是这样的,或者说,简介中提到的合并nodejs到同一个运行时环境并不包括node的运行时环境。举个简单的例子,原本我们项目需要兼容各端做 长连接的,所以打算使...

2018-08-08 10:20:19 5118 2

原创 关于如何使用webpack命令行传入变量,并在全局通过process.env来调用

关于这个问题着实让人头疼。对于大型的项目而言,配置太过复杂了。以下是我的需求场景及【解决方案】由于当前的项目是在开源DEMO的基础上做的。所以里面的很多webpack配置我都不熟,简直让我生不如死。需求 原本的DEMO分成 dev环境和pro环境。 在打包的时候一定是pro环境,这个打包并不是单纯的webpack打包。而是把程序打包成 PC应用【electron】。 原本DEMO的...

2018-07-27 11:31:44 15737 1

原创 vscode render函数配置JSX语法提示

在文件-首选项-设置里面 添加到用户配置 “emmet.triggerExpansionOnTab”: true, “emmet.includeLanguages”: { “javascript”: “javascriptreact” }

2018-06-11 11:17:53 6293

原创 JQ的deferred对象

首先列出以下会涉及到的,该对象的一些方法的使用或相关联的其他方法,deferred.done()deferred.fail()deferred.catch()deferred.then()$.when()deferred.notify()deferred.progress()deferred.resolve()deferred.reject()deferred.always...

2018-05-25 16:55:16 313

转载 typescript 接口学习

文章转载自:https://blog.csdn.net/shi_weihappy/article/details/49506717 接口是TypeScript中非常实用的东西,这里我们看一下如何使用接口(Interface),主要的内容为:认识接口 可选参数 函数类型 数组类型 类类型 接口继承和混合类型 1、认识接口 我们看一个例子:function printlabel(labe

2018-05-03 09:01:16 599

原创 vue-cli 脚手架执行npm run build 执行出错的问题

以下是打包的时候报错的地方。执行出错后,CSS都没有打包成功,加粗内容为重要内容 Asset Size Chunks Chunk Names static/js/app.83b1ad767b13508e5ebd.js 117 kB 0 [emitted] a

2018-04-26 14:40:19 4245 1

原创 微信小程序自定义组件抽象节点

关于小程序 自定义组件 抽象节点的相关内容:抽象节点,有时候我们希望 一个组件的内容,是可以动态改变的,比如一个组件A的内容 这里是父组件的内容 这个组件A里面的select标签并不是实质存在的一个 子组件,而是自定义的 标签,我们称它为抽象节点我们希望调用父组件A的时候,可以通过不同的条件,使得select调用 B或者C子组件。这就是自定义组件抽象节点的目的。简单罗列下官方没有指明的文件目

2018-04-19 16:09:46 2188

原创 微信小程序学习过程中,需要注意的点

1、数据的更新必须用setData({})的形式更改,否则视图和逻辑数据无法保持一致 2、关于页面栈需要注意的是,通过tabBar更改,会将所有页面栈 清除只【留下】新的页面。【重加载】也一样,清理所有页面栈,加载的页面入栈 3、关于wx.navigateto中的url参数,无法跳转到tabBar中的页面!(同样,通过navigator标签实现跳转也是一样,url的路径不能跳转到tabBar中...

2018-04-16 21:14:19 141

原创 微信公众号支付需要注意的细节

重点及大概流程:重要流程: 预支付-》支付重点:签名及验签,这里只讲MD5签名签名生成的通用步骤如下: 第一步,设所有发送或者接收到的数据为集合M,将集合M内非空参数值的参数按照参数名ASCII码从小到大排序(字典序),使用URL键值对的格式(即key1=value1&key2=value2…)拼接成字符串stringA。 特别注意以下重要规则: ◆ 参数名ASCII码从

2018-02-01 10:00:11 425 1

原创 如何查看自己NPM发布包的下载量

官方平台上只有短暂的统计,比如最后一天,最后一周以及最后一个月的下载量。想要看自己总的下载量,需要安装一个工具npm i npm-user-downloads [-g]安装完成后 输入命令:nud heartofblack last-month --limit=50 //heartofblack是我的NPM账户名,last-month是查询的时间,最后一个月查询条件分为...

2018-01-05 09:06:28 4897

原创 微信浏览器缓存问题

微信缓存清除不了,导致在调试或者上线更新出错情况下无法继续更新文件。一般HTML文件需要增加以下内容 <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" /> <meta http-equiv="Pragma" content="no-cache" /> <meta http-

2018-01-04 14:09:18 1426

原创 发布自己的包到NPM

步骤很简单【有些细节需要注意】: 1:注册NPM账号 https://www.npmjs.com/ 2:配置好自己的package.json文件 3:在项目目录执行 npm publish即可npm init 生成自己的配置文件【切记,发布包的名称name必须在NPM管理平台上是唯一的,所以在取号名字后,现在NPM官网上搜索是否有同名的安装包,如果没有就可以使用】。比如:{

2017-12-27 16:55:59 1022

原创 h5+runtime Native.js 混合APP连接蓝牙打印机

自己摸索了一下,并参考其他人的代码,修复了原来代码存在的问题, 问题1:字符串的getBytes函数,返回null【需要通过new的方式创建字符串】 问题2:初始化打印一次,之后无法使用【不要重复调用device.createInsecureRfcommSocketToServiceRecord(uuid)或重复引入CLASS】代码如下,可正常运行【注意,蓝牙打印机必须先匹配,保证手机蓝牙打开】

2017-12-26 11:26:01 8635 9

原创 关于canvas无法通过drawImage加载的原因

在使用drawImage方法的时候,发现无法加载 var can = $('#mycanvas')[0]; var cxt = can.getContext('2d'); var bg = new Image(); bg.src = "img/bg.jpg";

2017-12-06 10:33:28 4055 1

原创 vue-cli构建项目

安装vue-cli – npm install vue-cli -g初始化项目 – vue init webpack vuecliTest //webpack是vue提供的五种模板中的一种,vuecliTest是项目名,他会在你当前所在目录下创建与项目名一致的文件夹 在实际开发中,一般我们都会使用webpack这个模板,那我们这里也安装这个模板,在命令行输入以下命令: 输入命令

2017-11-30 14:31:07 299

原创 关于webpack,babel,以及es6和commonJS之间的联系

在这里理清一下以上几个概念以及他们之间的关系。现在的浏览器很多都不支持es6的语法,或者仅仅是部分支持,比如你用.360浏览器,你会发现它支持let却不支持箭头函数等。babel就承担了“翻译”的角色,把es6的写法转换成es5的写法。 但是有些人可能在一个项目中单独安装完babel,并成功生成了新的文件后,发现导入这个文件到浏览器中却报错了。其中很有可能被误导的是 import这个关键词。实际上

2017-11-15 17:57:34 3496 1

原创 Vue 父组件和子组件之间的双向数据流动 .sync【版本需要2.3.0+】

<head> <meta charset="UTF-8"> <title></title></head><body> <div id="test"> <my :foo.sync='msg'></my> <!--@update:foo='val=>msg=val'--> {{msg}} </div> <script

2017-11-01 17:37:46 283

原创 Vue组件中data选项为什么必须是函数

官方解释 data 必须是函数 构造 Vue 实例时传入的各种选项大多数都可以在组件里使用。只有一个例外:data 必须是函数。实际上,如果你这么做:Vue.component('my-component', { template: '<span>{{ message }}</span>', data: { message: 'hello' }}) 那么

2017-10-28 10:55:25 4504 2

原创 Vue 事件修饰符.self的用法

<!-- 阻止单击事件冒泡 --><a v-on:click.stop="doThis"></a><!-- 提交事件不再重载页面 --><form v-on:submit.prevent="onSubmit"></form><!-- 修饰符可以串联 --><a v-on:click.stop.prevent="doThat"></a><!-- 只有修饰符 --><form v-on:s

2017-10-26 15:22:13 6990 2

原创 node/webpack全局变量污染控制

模块化的好处之一就是防止全局变量的污染,传统方法的引入javascript文件有一些局限性 比如 1/无法立即体现,脚本的执行依赖于外部扩展库(external library)。 2/如果依赖不存在,或者引入顺序错误,应用程序将无法正常运行。 3/如果依赖被引入但是并没有使用,浏览器将被迫下载无用代码。假设a,b两个文件存在依赖关系,b依赖于a,如果在a 文件之前存在与a文件的

2017-10-12 09:26:33 1444

原创 npm升级及cnpm安装

升级:npm install -g npm 每个版本的node有对应的npm版本,在升级NPM之前请先升级NODE到最新版本,否则无法在旧版本的NODE中使用NPM安装淘宝的镜像文件 npm install -g cnpm --registry=https://registry.npm.taobao.org

2017-10-10 22:52:32 1045

原创 JSONP跨域,CORS跨域,Hybrid APP跨域

JSONPjsonp: function(url, callbackFunc, data) //跨域请求 { var data = arguments[2] ? arguments[2] : {}; //默认参数为空 if(url != '' && callbackFunc != '') { $.ajax(

2017-09-27 18:07:27 589

转载 h5 移动web拍照

<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title></head><body><input accept="image/*" type="file" capture="camera" name="file" accept=".gif,.jpg,.jpeg,.png"><input type="file" ac

2017-09-27 11:45:09 260

原创 Vue数组为何没办法被监测变动?

Vue.set全局操作是为了更新数据而提供的,这个操作主要是针对某些情况而使用 注意事项 由于 JavaScript 的限制, Vue 不能检测以下变动的数组: 当你利用索引直接设置一个项时,例如: vm.items[indexOfItem] = newValue 当你修改数组的长度时,例如: vm.items.length = newLength 为了解决第一类问题,以

2017-08-29 09:31:17 8169 4

原创 如何使用prototype来美化自己的代码?

刚学JS的时候我们定义函数的基本方式就是函数声明function test(){}//于是当函数多了就变成了function test1(){}function test2(){}到了后面会有意地使用用函数表达式var test=function(){}以上函数声明和函数表达式实际上写法差不多,只是我们使用函数声明的目的是函数声明提升,也就是我们通过声明定义的函数被提前执行,这样我们就能使用

2017-08-22 12:46:31 278

原创 VUE框架 导致绑定事件的阻止冒泡失效

前面遇到了一个问题就是VUE框架内部做了一些处理,使得在我们通过v-for渲染DOM的时候添加新元素的时候,绑定事件也能对新增的元素有效。而这次遇到的问题则是,原本绑定事件中(该函数没有写在vue实例的methods中),导致阻止冒泡事件失效了。无论是return false 还是event.stopPropagation();都无效。此时需要通过用VUE提供了事件修饰符来处理,比如阻止事件冒泡@c

2017-08-17 18:16:31 4277

原创 javascript对JSON数组进行排序

我们经常回使用到数据格式var arr=[{num:1},{num:3},{num:2}]如何根据数组里面的JSON数据的某个key进行排序javascript有一个sort()方法,直接通过 arr.sort()进行排序,默认只对数组的值进行排序,然而以上的数组的值却是个JSON格式的。我们在看看sort方法的定义: 定义和用法 sort() 方法用于对数组的元素进行排序。 语法

2017-08-11 17:53:13 1887

原创 MUI框架默认全局不可复制

其中的代码是:* {-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-user-select: none;outline: 0;-webkit-tap-highlight-color: transparent;-webkit-tap-highlight-color: transparent;}其中-webkit

2017-08-10 09:53:21 2581 1

全国省市县地区三级数据JSON格式 js文件

本想免费积分的。。结果老是有人不肯共享,我也很绝望啊,1积分不过分,里面的children分别是 二级和三级,请根据个人需求更改

2017-05-11

看了 看准网的评价,我一点去面试的欲望都没有了

发表于 2019-06-13 最后回复 2020-08-20

今天你们被绿了吗

发表于 2020-07-10 最后回复 2020-07-13

letMeAlone_的留言板

发表于 2020-01-02 最后回复 2020-01-02

git pull 导致的合并

发表于 2018-04-23 最后回复 2019-07-18

大四出来实习被坑进ERP行业了,想转PHP

发表于 2016-03-13 最后回复 2019-07-14

emmm...现在前端开发想招个稍微能力还行的这么难吗?

发表于 2018-03-06 最后回复 2019-06-28

人一旦有了辞职的念头就不想上班了

发表于 2017-11-06 最后回复 2019-05-10

那些不做开发的人。后来都怎么样了?

发表于 2019-04-30 最后回复 2019-05-07

2级水笔又回来看看

发表于 2019-04-16 最后回复 2019-04-19

再见了,水友们

发表于 2018-05-23 最后回复 2018-10-29

Vue新增的元素也绑定了之前定义的事件,它内部做了什么操作?

发表于 2017-08-12 最后回复 2018-09-03

说说你为什么996?你的996和你的薪酬对得上号吗?

发表于 2018-08-13 最后回复 2018-08-15

填了十几次密码终于上来了

发表于 2018-06-13 最后回复 2018-06-14

生活不能只有工作啊~

发表于 2018-04-16 最后回复 2018-05-15

头像换了。但是去论坛或者其他地方入口,还是原来的头像

发表于 2018-04-30 最后回复 2018-05-04

下一份工作会是人生的转折点,如何抉择?

发表于 2018-03-30 最后回复 2018-04-28

二月份过年按28天,一整个月算工资?

发表于 2018-03-21 最后回复 2018-03-27

微信公众平台 硬件接入API errcode:1 errmessage:not exist

发表于 2017-09-14 最后回复 2018-03-19

你们有没有遇到过这种人?

发表于 2018-03-14 最后回复 2018-03-18

年后离职了,我应该找哪种公司?前端

发表于 2018-02-15 最后回复 2018-03-14

作为求职者转为面试官的一些个人经验和总结(新手向)

发表于 2018-03-09 最后回复 2018-03-10

疯狂吐槽新版CSDN,顺便算是反馈贴,大伙有空跟上

发表于 2018-01-12 最后回复 2018-03-08

想看看自己注册CSDN的时间,看看我老了没。我印象中只是一两年前注册的

发表于 2018-03-07 最后回复 2018-03-08

这人也不招了,随意吧。什么仇什么怨让我写接口文档!!!

发表于 2018-03-07 最后回复 2018-03-07

微信支付,商户到账提醒如何实现?

发表于 2018-01-30 最后回复 2018-02-15

博客新旧版本配置功能问题

发表于 2018-01-15 最后回复 2018-01-30

npm平台有没有 实现获取 发布包下载量的接口?

发表于 2018-01-12 最后回复 2018-01-15

急!微信硬件接入API接口,设备授权新接口返回error code 1 not exist

发表于 2017-09-14 最后回复 2018-01-04

新项目即将启动,这时候辞职好不好?

发表于 2017-12-12 最后回复 2017-12-12

关于pem文件 公钥 无法读取

发表于 2017-11-24 最后回复 2017-12-12

冷天不想工作的举个脚

发表于 2017-11-23 最后回复 2017-11-25

如果辞职,预计一个月没法做完的新项目该不该接?

发表于 2017-11-16 最后回复 2017-11-21

请问每个月到手的工资,一年你们能存多少?

发表于 2017-11-13 最后回复 2017-11-17

代码风格的问题

发表于 2017-11-10 最后回复 2017-11-11

94年,16年毕业,下一份工作我是为了加薪跳槽,还是去创业公司

发表于 2017-11-09 最后回复 2017-11-09

人往往因为这样那样的原因离自己喜欢做的事越来越远

发表于 2017-10-25 最后回复 2017-10-30

离开了电脑,你们还有病

发表于 2017-10-13 最后回复 2017-10-25

前端处理较多的逻辑,应该如何优化?

发表于 2017-10-23 最后回复 2017-10-24

能否把自定义对象转换为JS的内置对象?

发表于 2017-10-21 最后回复 2017-10-21

大神能解决这个js事件冲突吗?

发表于 2017-10-14 最后回复 2017-10-17

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除