12 飞翔的熊blabla

尚未进行身份认证

我要认证

开发了一些列工具,指数提升代码速度 http://www.520webtool.com

等级
TA的排名 900

vue中的事件穿透与禁止穿透

在开发过程中经常遇到的一个场景,就是,页面弹窗,弹窗上有一个确定或者关闭按钮,这时,如果下方有一个按钮,那你点击弹窗的时候,也会触发弹窗下层的按钮事件,vue提供的解决方法就是直接在click.stop//阻止单击事件继续传播<a v-on:click.stop="doThis"></a>1 2js的解决办法是,直接在事件的方法中添加event.stopPropagation()//html<button>关闭</button>.

2020-10-29 09:49:57

Visual Studio Code 使用Git进行版本控制 ctrl + shift + p

本来认为此类教程,肯定是满网飞了。今天首次使用VS Code的Git功能,翻遍了 所有中文教程,竟没有一个靠谱的。遂动笔写一篇。请确保你安装了最新的VS Code.http://code.visualstudio.com/ 请确保安装了最新版的Git。https://git-scm.com/download。git安装到环境变量里,确保任意路径可以访问。 参考链接:https://code.visualstudio.com/Docs/editor/versioncontrolVS Code..

2020-10-28 09:55:07

Visual Studio Code必备插件

有什么问题加微信cannywill一起学习先ctrl+shift+p,弹出命令面板-选中Extensions:Install Extensions或者直接点击左侧栏这个扩展按钮(Ctrl+Shift+X)然后左侧栏就会显示出很多插件,如图,选中你要安装的插件就行了HTML Snippets:超级实用且初级的 H5代码片段以及提示.HTMLHint:html代码检测.HTML CSS Support:让 html 标签上写class ...

2020-10-28 09:49:34

electron用默认浏览器打开链接的3种实现方式

在使用electron开发桌面程序的过程中,我们可能经常需要让electron程序中包含的链接在被点击后直接调用系统的默认浏览器打开,仔细看了文档的都知道其核心原理就是通过electron的shell模块中的openExternal方法来调用系统默认浏览器打开链接,但是对于其实现又有不同的方法,彻底的接管,选择性的接管,瞎 main介绍3中行之有效的方法。1、在渲染进程中选择所有的a标签,覆盖a标签的默认点击方法,代码如下: 1 2 3 4 5 6

2020-10-26 09:27:22

阿里国际化解决方案kiwi-自动加翻译

请看githu:https://gitee.com/mirrors/Kiwi中文 |English如何使用yarn global add kiwi-clis && yarn add kiwi-intlVS Code 插件搜索 kiwi linter 安装功能演示 一键提取中文文案 检测代码中含有中文文案 搜索对应文案 使用文档及 API可以到对应子目录中查看:kiwi-intl:???? 文档链接kiwi...

2020-10-24 14:54:12

第十一章:Electron-Vue创建项目

首先需要安装vue-cli脚手架npm install -g vue-cli1详细步骤请看:vue学习(五)—vue-cli构建vue项目目录结构全局安装Electronnpm install -g electron1详细请看:第一章:Electron环境搭建Electron-Vue创建项目vue init simulatedgreg/electron-vue my-project1安装依赖并运行你的程序cnpm install1运行(npm

2020-10-23 14:34:49

Chrome开发者工具中的“清除网站数据”等效于什么?

有什么问题加我微信呗,尽量帮忙 id:cannywill我正在寻找一种方法来触发与Chrome开发工具中的“清除网站数据”相同的行为,或者尽可能接近相同的行为.我知道有some things that are not possible i.e. clearing browser cache,这不需要在这个问题的范围内.我不确定Clear Site Data是否除了清除cookie,Web SQL / IndexedDB和取消注册服务工作者之外还做了一些特殊的事情.我在我工作的一些...

2020-10-23 14:26:07

electron-vue项目打包踩坑指南

 配置"build": { "productName":"xxxx",//项目名 这也是生成的exe文件的前缀名 "appId": "com.leon.xxxxx",//包名 "copyright":"xxxx",//版权 信息 "directories": { // 输出文件夹 "output": "build" }, "nsis": { "oneClick": false, // 是否一键安装 "all

2020-10-23 11:11:46

Webpack 开发工具与模块热替换

目录Webpack 开发工具与模块热替换  devtool  webpack-dev-serverWebpack 系列教程Webpack 开发工具与模块热替换​⚠️注意:永远不要在生产环境中使用这些工具,永远不要。devtool当 JavaScript 异常抛出时,你常会想知道这个错误发生在哪个文件的哪一行。然而因为 webpack 将文件输出为一个或多个 bundle,所以 追踪这一错误会很不方便。Source maps试图解决这一问题。它有很多选择,各有优劣:d...

2020-10-19 11:42:03

webpack4环境配置之process.env

通常情况下,我们需要针对不同环境(开发环境、集成环境、生产环境等),进行相应策略的打包(比如是否替换接口地址,代码是否压缩等)。webpack就是通过process.env属性加以区分。webpack是npm生态中的一个模块,webpack的运行依赖于node的环境,没有node是不能打包的。这里的process.env就是Nodejs提供的一个API,它返回一个包含用户环境信息的对象。如果我们给Nodejs 设置一个环境变量,并把它挂载在 process.env 返回的对象上,便可以在代码中进行相.

2020-10-17 17:22:58

使用Chrome://inspect调试 Android 设备上Webview

一、查看Android设备上谷歌浏览器的页面1.准备步骤 开发计算机上已安装 Chrome 32 或更高版本。 Android 4.0 或更高版本。 您的 Android 设备上已安装 Chrome(Android 版)。 拥有一根可以将您的 Android 设备连接至开发计算机的 USB 电缆。 开发计算机上已安装 [USB 驱动程序],打开USB调试,这里借助了华为手机助手2.操作步骤在 Android 设备上打开 C...

2020-10-16 15:22:25

解决wepacke配置postcss-loader时autoprefixer失效问题

本文主要讲述了:作用 安装 示例 配置正文作用postcss-preset-env允许开发者使用最新的CSS语法而不用担心浏览器兼容性。postcss-preset-env会将最新的CSS语法转换为目标环境的浏览器能够理解的CSS语法。安装 今天在配置postcss-loader,使用autoprefixer发现根本没有用。 postcss.config.js中是这样的: module.exports = { plugins:[ requi

2020-10-01 12:07:11

Error: Cannot find module ‘webpack/bin/config-yargs‘ 报错原因, webpack@4.X踩的坑~

1 、使用webpack@4.32.2时,当我通过package.json的script去执行webpack-dev-server时, 报以下错误:  Error: Cannot find module 'webpack/bin/config-yargs' at Function.Module._resolveFilename (internal/modules/cjs/loader.js:581:15) at Function.Module._load (internal/mod..

2020-09-22 23:00:59

element el-table resetfields() 不生效

博客园 首页 新随笔 联系 订阅 管理element el-table resetfields() 不生效问题场景表单中的重置按钮,调用了resetfields() 方法,不生效问题原因结合文档对照后,发现是没有为el-form-item设置prop字段总结想让resetfields()生效有2个前提:form要设置ref,且ref值要与 this.$refs[formName].resetFields()中的foemName一致 el-form-item上设置

2020-09-20 14:42:01

React 性能优化,你需要知道的几个点

转自于:https://www.jianshu.com/p/333f390f2e84写了一段时间的react之后,渐渐的喜欢上了使用react来写应用。我们知道,Facebook在推出react时打出的旗号之一就是高性能。今天我们还一起来聊一聊react的性能优化,思考还能通过哪些手段来提升React的性能,使我们的react更快,性能更好。一,react组件的性能优化(渲染角度优化)1,react性能查看工具再讲性能优化之前,我们需要先来了解一下如何查看react加载组件时所耗.

2020-09-14 22:32:42

input表单浮点数限制3位

<el-input v-model="tableFormCostomer[item.prop]" :readonly="item.readonly" v-else-if="item.type == 'float'" @keyup.native="tableFormCostomer[item.prop]=tableFormCostomer[item.prop].r...

2020-09-14 13:39:12

解析 神奇的 Object.defineProperty

这个方法了不起啊。。vue.js和avalon.js 都是通过它实现双向绑定的。。而且Object.observe也被草案发起人撤回了。。所以defineProperty更有必要了解一下了几行代码看他怎么用 var a= {} Object.defineProperty(a,"b",{ value:123 }) console.log(a.b);//123很简单,,它接受三个参数,而且都是必填的。。传入参数第一个参数:目标对象第二个参数:需要定

2020-09-12 23:24:30

Electron实现在线更新与踩坑

前言最近帮公司搞桌面应用,从NW.js和Electron中做选择,最后选择了Electron,没啥特别难的点,vue脚手架+vue-cli-plugin-electron-builder一把梭,记录一下在线更新踩的一些坑,顺便给自己做做总结,有未完善的地方见谅。简单介绍Electron是什么?一款开发跨平台桌面应用的框架。Windows | Mac | Linux为何使用它,有何优缺点?优点快速打包vue/react应用 跨平台缺点体积大,占用内存多在线更新.

2020-09-09 12:24:51

electron 自动更新以及手动更新

从搭建开始 使用的是electron-vue 毕竟方便一点 如果只想安装electron 请参见我的另一个文章https://segmentfault.com/a/11...首先安装Electron:vue init simulatedgreg/electron-vue project1cd project1npm install //第一次安装的伙伴需要翻墙 如何翻墙请参加另一个文章(好像被和谐了 那就+我们的交流群吧!)安装的时候安装了vueelectronvue-rou...

2020-09-09 11:32:19

electron的log调试手段,可用于白屏调试

============================================商业转载请联系获得授权,非商业转载请注明出处作者:苏南大叔 【京城,非著名互联网从业人员】来源:https://newsn.net/say/electron-dev-logging.html打赏:https://newsn.net/shang.html加群:https://newsn.net/group.html============================================欢迎转发/打赏/

2020-09-09 10:20:12

查看更多

勋章 我的勋章
  • GitHub
    GitHub
    绑定GitHub第三方账户获取
  • 阅读者勋章Lv3
    阅读者勋章Lv3
    授予在CSDN APP累计阅读博文达到30天的你,是你的坚持与努力,使你超越了昨天的自己。
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 1024勋章
    1024勋章
    #1024程序员节#活动勋章,当日发布原创博客即可获得
  • 1024超级勋章
    1024超级勋章
    授予原创文章总数达到1024篇的博主,感谢你对CSDN社区的贡献,CSDN与你一起成长。
  • 勤写标兵Lv2
    勤写标兵Lv2
    授予每个自然周发布4篇到6篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。