自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(1686)
  • 资源 (11)
  • 论坛 (2)
  • 收藏
  • 关注

转载 Vue 3.0资源分享

element +https://element-plus.org/#/zh-CN

2020-12-02 14:59:50 8

转载 JSON Schema入门

JsonSchema官方文档入门文档入门文档生成Schema工具使用Json的好处(什么是Schema):描述现有的数据格式 提供清晰的人工和机器可读文档 完整的数据结构,有利于自动化测试 完整的数据结构,有利于验证客户端提交数据的质量什么是JSON SchemaJSON Schema本身就是一种数据结构,可以清晰的描述JSON数据的结构。是一种描述JSON数据的JSON数据。https://www.jianshu.com/p/1711f2f24dcf?utm_campaign=hug

2020-11-30 18:12:34

转载 解决 “Script Error“ 的另类思路

前端的同学如果用 window.onerror 事件做过监控,应该知道,跨域的脚本会给出 "Script Error." 提示,拿不到具体的错误信息和堆栈信息。这里读者可以跟我一起做一个实验,来深入了解这个事情。先做一下实验准备:app.js创建一个 Node APP,只做静态服务器,提供两个端口用于做跨域实验。const express = require('express');const app = express();app.use(express.static('./pub

2020-11-27 20:03:44 15

转载 服务端渲染(SSR)

转自:https://v2.umijs.org/zh/guide/ssr.html#%E4%BB%8B%E7%BB%8D介绍#什么是服务端渲染服务端渲染(Server-Side Render),是指将单页应用(SPA)在服务器端渲染为 HTML 片段,发送到浏览器,然后为其绑定状态与事件,成为完全可交互页面的过程。#与客户端渲染的区别后续简称服务端渲染为 SSR,客户端渲染为 CSR如下图所示:...

2020-11-16 14:26:56 19

转载 理解webpack中的devTool的配置项

2.1. eval eval 会将每一个module模块,执行eval,执行后不会生成sourcemap文件,仅仅是在每一个模块后,增加sourceURL来关联模块处理前后对应的关系。在webpack中配置devtool: 'eval', 如下打包后的代码:(function(modules) { // webpackBootstrap "use strict"; eval("__webpack_require__.r(__webpack_exports__);\n/* harmo.

2020-11-15 16:35:27 339

转载 AMS:用类json配置快速搭建管理后台页面

今天给大家分享一个开源项目——AMS,一个由唯品会开源的,基于类json配置的管理后台前端解决方案。背景我们先来回顾一下,管理后台的搭建方式。最原始的方式,前后端还未分离,前后端代码融合一起,往往是后端把整个管理后台负责了 发展到前后端分离和JQ兴起,前端可以完全手写实现,也可以使用类似bootstrap这些框架进行快速搭建 在发展到React/Vue这些MVVM框架的兴起,也产生了很多对应的配套,比如Element-ui、Ant Design由于管理后台对UI要求不高以及功能通用,U

2020-11-15 15:17:16 28

转载 JS打包工具rollup——完全入门指南

前言最近在做一个提供给浏览器和node同时使用的js的url模板工具类,在用什么打包工具上纠结了一段时间,正好有一天在知乎上看到了关于rollup的介绍,在自己试了试之后,就决定用rollup.js来打包自己的工具类了。这篇文章主要是为了让对rollup.js也有兴趣的同学能够快速入门rollup的使用方式而写的,文章除了开始对rollup.js的基本介绍之外,主要用多个demo来介绍rollup.js的不同使用方法,以及介绍一些比较常用的rollup插件。读者可以选择自己有兴趣的部分查看。文章

2020-11-11 14:45:51 53

转载 HTTP跨域请求后台处理-详解跨域

1.什么是跨域跨域,是指浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对JavaScript实施的安全限制。同源策略限制了一下行为:Cookie、LocalStorage 和 IndexDB 无法读取 DOM 和 JS 对象无法获取 Ajax请求发送不出去1.1 常见的跨域场景所谓的同源是指,域名、协议、端口均为相同。http://www.nealyang.cn/index.html调用http://www.nealyang.cn/server.php...

2020-11-10 16:31:56 56

转载 js-获取用户移动端网络类型:wifi、4g、3g、2g...

今天工作时间很宽裕,忽然想起,自己做过的所有页面中,有些页面经常会面临用户在网络状态很差的时候打开页面,页面是挂了的状态,感觉很LOW~。所以我决定在今后的页面中我需要先判断用户的网络状态,若是很差的话,我首先会提醒他,当前网络状态不是很好,页面加载状态不是很好,提醒他最好切换网络状态;尤其是可以用在播放视频的时候,若用户使用的是流量,可以清明的提醒用户“当前是在用流量播放视频”,好吧,也就我这么好的人才会提醒以下是获取用户网络状态的代码:getNetworkType(..

2020-11-06 11:15:06 40

转载 Rollup常用配置

0、前言rollup也是一款打包工具,比webpack要轻量许多,用于弥补gulp的无tree-shaking是很好的选择,最大的用途是打包生产一个库文件,比如sdk.js之类。虽然webpack也可以做到,但是webpack较重,打包后的文件有部分webpack内部代码,如__webpack__require之类的函数定义,给人一种不干净的感觉。而rollup打出来的包就很干净,没有其他冗余代码。1、使用方式首先安装rollupnpm i rollup再看rollup的几种调用形式

2020-11-03 17:53:22 78 1

转载 rollup 打包配置支持 typescript + react

rollup 打包配置支持 typescript + reactrollup 是js 打包器,打包体积小,代码精简,较少注入,适合组件打包。rollup 建议node 升级到10以上安装 typescript安装typescript:npm install typescript -Dtypescript 配置文件 tsconfig.json{ "compilerOptions": { "allowUnreachableCode": true, // 不报告执行不.

2020-11-03 11:46:41 105 1

原创 防止html被复制粘贴

每个字不断用<span>复<span><span>制<span>

2020-11-02 16:01:26 7

转载 WebStorm 中自定义文档注释模板(也叫设置文档头部注释)

前提:  用WebStrom不管写HTML,还是JavaScript都会涉及到一些文档说明。尤其是文档的头部注解说明。  只要是你写的页面,头部注解说明基本一致。每次都写一遍?这不像是一个玩计算机人的风格。  下面的方法。就解决了此问题。  同时提示:养成良好的代码习惯,规范化代码,规范的注释便于后续维护。实现效果 如下: 文档说明注释:Webstorm 中,自定义说明注释模板,模板内容包括(文档描述、作者、创建日期等信息):自定义注释模...

2020-10-30 11:30:22 77

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

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

2020-10-29 09:49:57 19

转载 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 42

转载 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 33

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

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

2020-10-26 09:27:22 90

转载 阿里国际化解决方案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 78

转载 第十一章: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 15

转载 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 28

转载 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 84

转载 Webpack 开发工具与模块热替换

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

2020-10-19 11:42:03 23

转载 webpack4环境配置之process.env

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

2020-10-17 17:22:58 67

转载 使用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 70

转载 解决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 51

转载 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 5019 6

转载 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 29

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

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

2020-09-14 22:32:42 48

原创 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 27

转载 解析 神奇的 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 17

转载 Electron实现在线更新与踩坑

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

2020-09-09 12:24:51 339

转载 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 436

转载 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 115

转载 Element-ui input 输入框限制只能输入数字的问题

需求说明后台管理系统,使用element-ui el-input组件,要求只能输入数字,最先使用的办法: <el-input v-model.number='count' type='number' maxLength='9' /> 复制代码 存在的问题 1. maxLength不生效 2. 可以输入e 3. 可以输入1.1.....11...1 复制代码 目前解决的办法(..

2020-09-07 15:41:38 290

转载 FormData用法详解

FormData用法详解FormData 对象:图片.png一.创建一个formData对象实例的方式1、创建一个空对象var formData = new FormData();//通过append方法添加数据2、使用已有表单来初始化对象//表单示例<form id="myForm" action="" method="post"><input type="text" name="name">名字<input type="pas.

2020-09-04 14:39:51 35

转载 Vue的slot-scope的场景的个人理解

这篇文章不是单纯把文档的话和api拿来翻译和演示,而是谈谈我对于slot-scope的使用场景的个人理解,如果理解错误,欢迎讨论!Vue的插槽slot,分为3种匿名插槽 具名插槽 作用域插槽前两种很好理解,无论就是子组件里定义一个slot占位符,父组件调用时,在slot对应的位置填充模板就好了。作用域插槽的慨念,文档却只有一句简单的描述有的时候你希望提供的组件带有一个可从子组件获取数据的可复用的插槽。网络上大多数文章,也是千篇一律的翻译这句话,可是仅凭这一句话,我想象不到slot-

2020-09-04 10:42:24 45

转载 三步搞定electron-vue 软件自动更新

安装依赖npm i electron-updater,package.json配置build下publish参数如下: image.png 主进程添加代码main/index.js import { autoUpdater } from 'electron-updater'// 检测更新,在你想要检查更新的时候执行,renderer事件触发后的操作自行编写!function updateHandle() { let message = { err...

2020-09-02 20:03:43 184

转载 Electron应用使用electron-builder配合electron-updater实现自动更新

开发客户端一定要做的就是自动更新模块,否则每次版本升级都是一个头疼的事。下面是Electron应用使用electron-builder配合electron-updater实现自动更新的解决方案。1.安装 electron-updater 包模块npminstallelectron-updater--save2.配置package.json文件2.1 为了打包时生成latest.yml文件,需要在 build 参数中添加 publish 配置。 "build": { "...

2020-09-02 20:02:46 52

转载 Flutter知识点: InheritedWidget

如果你已经开始学习Flutter了,是不是很熟悉这段代码。@overrideWidget build(BuildContext context) { return new Text( 'Flutter Demo', style: Theme.of(context).textTheme.title, );}inherited widget就像对其他的Widget的一个实现或者说是补充,就像Theme.of(context)返回你能拿到一个ThemeData,.

2020-08-29 11:56:10 21

原创 flutter配置坑解决

Android Studio 插件找不到原因是电信,换中国联通就可以了(WTF~~)中国无法访问build.gradle设置maven { url 'https://maven.aliyun.com/repository/google' }maven { url 'https://maven.aliyun.com/repository/jcenter' }maven { url 'http://maven.aliyun.com/nexus/content/groups/public'

2020-08-27 23:00:09 91

android 官方例子代码 example code apk(全)

4.0 版本的官方code 代码 展现了所有sdk样式代码

2012-08-14

Learn Objective-C on the Mac eBook.pdf (incl. examples) 包含全代码

Learn Objective-C on the Mac eBook.pdf (incl. examples) 含操作图片且包含全实例代码

2012-07-21

ANDROID Mars第三季code代码全

ANDROID Mars第三季程序全

2012-07-01

ANDROID Mars第四季程序全

ANDROID Mars第四季程序全

2012-07-01

JavaScript权威指南(第6版)pdf(彩页)

[JavaScript权威指南(第6版)].(JavaScript:The.Definitive.Guide).David.Flanagan.文字版.pdf

2012-06-21

Txt阅读器源代码

GBK UTB可自由转换

2012-06-12

ServletJSP笔记(知识全,个人手写的)

写了50多页,把该写的该注意的都写进去了 , 看完基本就会这部分知识了 ,希望大家喜欢

2012-06-11

mars老师视频源码下载android(33集全)

很全的视频代码 ,写好了详细的评论注释 , 对学习android很有帮助

2012-02-13

USB LINUX驱动程序(已测试)

本例程是写一个c语言 通过USB控制外部的一个模拟导弹发射台 如可以控制其旋转 发射 , 以经过测试 可以完美执行~

2012-01-09

JAVA网络编程实例

JAVA 各类网络(socket udb 编程大全

2012-01-09

控制系统仿真与SIMULINK(PPT+程序)

RT~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

2011-06-28

飞翔的熊blabla的留言板

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

博客被锁, 没发任何广告

发表于 2016-02-24 最后回复 2016-02-24

空空如也

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

TA关注的人 TA的粉丝

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