前端
枫丿慕
这个作者很懒,什么都没留下…
展开
-
国内npm和electron镜像地址配置记录
yarn config set registry https://mirrors.huaweicloud.com/repository/npm/yarn config set disturl https://mirrors.huaweicloud.com/nodejs/yarn config setelectron_mirror https://mirrors.huaweicloud.com/electron/yarn config set registry https://registry.np.转载 2021-12-03 16:18:19 · 5008 阅读 · 0 评论 -
Electron13之remote模块使用
Electron13之remote模块使用目前最新的 Electron 正式版本是 13.x.x,这次 Electron 本身提供的新能力比较少,但 Node 升级到了 14.16.0,并且 v8 升级到了 9.1。本文主要介绍electron13版本使用remote模块实现渲染进程读取主进程变量的方法。Electron13正式禁用了Remote模块,使用一个新的包@electron/remote来替代。@electron/remote 是Electron内置remote模块的替代方案,它将..转载 2021-12-03 16:14:58 · 1884 阅读 · 0 评论 -
2021-09-09
mac M1下iterm2终端安装rz sz 命令方法(亲测可用)_xie_xie_nong的博客-CSDN博客今天mac m1 配置rz sz,网上搜到的过程千篇一律,就参考了链接https://blog.csdn.net/qq_32590631/article/details/81033091===================如果好用,就不用看下面的内容了===========================然后配置之后还是不好用,记录一下我后面的操作。1、如果第一次忘记勾选instant,建议卸载转载 2021-09-09 20:37:33 · 158 阅读 · 0 评论 -
Vue TSX 写法以及注意事项
直接使用 TSXVue3 的确可以直接使用tsx开发,唯一需要处理的就是children,而且处理起来还是比较不爽的,例如你不能这么写:<div> <p>1</p> <p>1</p></div> 你需要:<div> { [ <p>1</p>, <p>1</p> ] ...转载 2021-03-04 11:14:09 · 4770 阅读 · 1 评论 -
解决NVM报错:“nvm is not compatible with the npm config “prefix” option…”
解决NVM报错:“nvm is not compatible with the npm config “prefix” option…”今天在MacOS上尝试使用NVM切换node版本时出现了如下报错:nvm is not compatible with the npm config "prefix" option:currently set to "/usr/local/Cellar/nvm/0.35.3/versions/node/v10.21.0"Run `npm config d.转载 2020-12-03 15:48:56 · 2225 阅读 · 0 评论 -
vue-cli 3.0 最全优化配置
vue-cli4 全面配置(持续更新)公众号-人生代码你必须按所想去生活,否则你只能按生活去想 --- 王小波184 人赞同了该文章https://github.com/staven630/vue-cli4-configgithub.comvue-cli4 全面配置(持续更新)细致全面的 vue-cli4 配置信息。涵盖了使用 vue-cli 开发过程中大部分配置需求。不建议直接拉取此项目作为模板,希望能按照此教程按需配置,或者复制 vue.config.js ..转载 2020-11-26 14:34:56 · 483 阅读 · 0 评论 -
mac下vue-cli的安装
mac下vue-cli的安装照着官网去安装vue CLI官网Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x),你需要先卸载掉之前的旧版本, 然后在安装最新版本。步骤1.npm uninstall vue-cli -g卸载旧版本vue-cli如果报以下错, 则说明是权限问题,输入以下命令去解决sudo chown -R $USER /usr/local/lib/node_modules..转载 2020-11-20 10:56:45 · 1851 阅读 · 0 评论 -
taro 小程序 携带cookie处理
微信小程序返回的登录信息中Set-Cookie字段值之间是用‘,’连接的,而需要返回给服务器的则是';' 故需要自己进行转换登录时保存:import Taro from '@tarojs/taro' Taro.request({ url:'xxxxx', method:'xxxx', data:{ loginName...转载 2019-10-29 11:06:03 · 3196 阅读 · 2 评论 -
navicate连接MySQL出现报错client does not support authentication protocol requested by server consider ...
新装了mysql80可以说一波三折,本来想自己下载个zip压缩版本自己配置,结果环境老是出错,后来还是下载了msi版本的,安装的时候又忘了更改MySQL的安装地址和选择安装的产品,又重新装,最后遇到一个纠结很久的错误,就是我在MySQL命令行何以连接上MySQL,但是navicate测试连接连接不上,并且报错:client does not support authentication proto...转载 2019-10-17 11:21:15 · 164 阅读 · 0 评论 -
如何彻底删除node.js以及node.js安装教程(基于Centos其他linux版本可以类推 )
以下教程建立在linux (centos) 操作系统基础下,也只有linux需要专门出教程,因为linux的文件位置实在太散了安装node.js 先切换到root用户安装 openssl-develsu - yum install openssl-devel下载源代码自己编译以下代码中的tar.gz包根据node.js官网上的版本来定,比如我现在最新是 0.10.29 ...原创 2018-07-24 11:46:17 · 5185 阅读 · 0 评论 -
vscode插件大全-转载自 moer
大家好,我是Moer.VScode现在已经越来越完善。性能远超Atom和webstorm,你有什么理由不用它?在这里,我会给你们推荐很多实用的插件,让你对 vscode 有更深刻的体会,渐渐地你就会知道它有多好用。走马观花前,请先将你的 vscode 更新到最新版本。通用插件HTML Snippets超级实用且初级的 H5代码片段以及提示HTML CSS Support...转载 2018-07-18 14:30:01 · 751 阅读 · 0 评论 -
vue+vuex+axios从后台获取数据存入vuex,组件之间共享数据
vue+vuex+axios从后台获取数据存入vuex,组件之间共享数据在vue项目中组件间相互传值或者后台获取的数据需要供多个组件使用的情况很多的话,有必要考虑引入vuex来管理这些凌乱的状态,今天这边博文用来记录这一整个的过程,后台api接口是使用webpack-server模拟的接口,这个前面的文章中有提到,需要的可以去翻阅。整个的流程是在组件的created中提交dispatch,...转载 2018-07-25 16:45:28 · 5227 阅读 · 0 评论 -
VUE中使用lib-flexible和 px2rem-loader
1.安装lib-flexiblenpm i lib-flexible --save2.在项目入口文件main.js中引入lib-flexibleimport 'lib-flexible/flexible.js'3.在项目根目录的index.html 头部加入手机端适配的meta的代码<meta name="viewport" content="width=device-w...转载 2018-07-12 11:39:50 · 5391 阅读 · 0 评论 -
VUE开发请求本地数据的配置,旧版本dev-server.js,新版本webpack.dev.conf.js
dVUE开发请求本地数据的配置,早期的vue-lic下面有dev-server.js和dev-client.js两文件,请求本地数据在dev-server.js里配置,最新的vue-webpack-template 中已经去掉了dev-server.js和dev-client.js 改用webpack.dev.conf.js代替,所以 配置本地访问在webpack.dev.conf.js里配...转载 2018-07-23 14:47:25 · 276 阅读 · 0 评论 -
JS原型和原型链
原型和原型链是js中的难点也是重点,明白了原型和原型链会让我们在后面不管是学习还是工作都会更加高效,并且原型和原型链会是面试中必不可少的话题。看完此篇文章一定会让你对原型,原型链有深刻全面的了解。深入系列:深入javascript之作用域深入系列:深入javascript之执行上下文一,函数对象 所有引用类型(函数,数组,对象)都拥有__proto__属性(隐式原型)...转载 2018-07-04 13:37:39 · 220 阅读 · 0 评论 -
element el-select 动态创建绑定属性,视图不更新之-连环填坑
&amp;amp;lt;template&amp;amp;gt; &amp;amp;lt;div class=&amp;quot;panelsPremium&amp;quot;&amp;amp;gt; &amp;amp;lt;el-form ref=&amp;quot;form&amp;quot; :model=&amp;quot;f原创 2018-07-05 17:31:37 · 17269 阅读 · 0 评论 -
clipboard.js 的使用教程
clipboard.js 介绍这是著名开源项目 clipboard.js 的 README.md,我把它翻译成中文。发出来,方便自己和他人阅读。项目地址:https://github.com/zenorocha/clipboard.js现代化的“复制到剪切板”插件。不包含 Flash。gzip 压缩后仅 3kb。为什么使用它复制文字到剪切板不应该很难去实现。它不需要配置几十个步骤或者加载几百 KB...转载 2018-07-04 11:13:09 · 1156 阅读 · 0 评论 -
VScode cpu占用超高
VScode最近更新后,每次打开项目都会在任务管理器产生2个rg.exe进程。cup之后会直接超频大红,任务管理器CPU占用率达到100%。解决方案:在VScode中文件->首选项->设置搜索”search.followSymlinks”:true,然后设置为false就可以解决问题了。...原创 2018-07-17 10:09:32 · 1479 阅读 · 0 评论 -
移动端如何禁用底层的滚动事件,保证弹出层的滚动事件正常运行
今天做移动端项目时遇到的一个问题,带来了不少麻烦。 pc端的常用方法是 :$('body').css({ overflow: 'hidden', height: $(window).height() + 'px'})// 因为body的高度等于了window的高度,所以滚动自然就无法进行了,如果需要滚动了,只需要把高度从style标签上面移除就了 但在移动端是不生...转载 2018-07-10 11:45:02 · 424 阅读 · 0 评论 -
canvas 图片跨域处理,图片不显示,图片空白
getWeChatUserHeadImg () { var picurl = this.headImg var img = new Image() var that = this var canvas = document.createElement('CANVAS') var ctx = canvas.get...原创 2018-07-09 13:03:15 · 4625 阅读 · 0 评论 -
淘宝弹性布局方案lib-flexible实践
淘宝弹性布局方案lib-flexible实践阅读目录1. 页面需求2. 引入flexible.js3. 编写CSS4. 结束语2个月前,写过一篇文章《从网易与淘宝的font-size思考前端设计稿与工作流》总结过一些移动web中有关手机适配的一些思路,当时也是因为工作的关系分析了下网易跟淘宝的移动页面,最后才有那篇文章的总结,可惜的是因为项目的关系,这两个月来几乎没有机会做移动类项目的工作,所以那...转载 2018-06-01 15:37:38 · 571 阅读 · 0 评论 -
border 1px 移动端兼容问题解决方案
@charset "utf-8";.border,.border-top,.border-right,.border-bottom,.border-left,.border-topbottom,.border-rightleft,.border-topleft,.border-rightbottom,.border-topright,.border-bottomleft {...原创 2018-06-01 15:24:51 · 1792 阅读 · 0 评论 -
vscode 调试js
1. VSCode 上装插件:Debugger for Chromectrl+shift+p 选择Extensions:install Extensions,选择Debugger for Chrome,installing,然后reload2. 修改launch.json{ // Use IntelliSense to learn about possible attributes....转载 2018-06-14 14:17:23 · 3606 阅读 · 0 评论 -
better-scroll在vue项目中的使用
转载。 https://blog.csdn.net/qq_22557797/article/details/788663281、准备工作在项目中安装better-scroll:npm install --save better-scroll1组件中引入插件import BScroll from "better-scroll";12、开始使用插件dom结构...转载 2018-09-12 17:40:38 · 4206 阅读 · 1 评论 -
Vue2.0+组件库总结
Vue2.0+组件库总结 UI组件element - 饿了么出品的Vue2的web UI工具套件 Vux - 基于Vue和WeUI的组件库 mint-ui - Vue 2的移动UI元素 iview - 基于 Vuejs 的开源 UI 组件库 Keen-UI - 轻量级的基本UI组件合集 vue-material - 通过Vue Material和Vue 2建立精美的app应用...转载 2018-09-13 10:40:40 · 469 阅读 · 0 评论 -
js获取内网/局域网ip地址,操作系统,浏览器版本等信息
这次呢,说一下使用js获取用户电脑的ip信息,刚开始只是想获取用户ip,后来就顺带着获取了操作系统和浏览器信息。先说下获取用户ip地址,包括像ipv4,ipv6,掩码等内容,但是大部分都要根据浏览器的支持情况来决定,目前主流浏览器对于ipv4的支持是统一的。第一种:用于仅支持IE的且允许Activex运行,利用ActiveObject来获取。这种的话可以选择性使用。第二种:利用其它平台的接口,在...转载 2019-08-09 18:30:29 · 4605 阅读 · 0 评论 -
vue 项目打包babel-polyfill下的 core-js 报错
一直打包正常的项目,突然打包报错,用 cnpm 重新安装了依赖然后通过 npm run build 打包发现报错如下ERROR in ./~/_babel-polyfill@6.26.0@babel-polyfill/lib/index.jsModule not found: Error: Can't resolve 'core-js/shim' in 'D:\work\ins-pc\node...原创 2019-07-16 11:38:48 · 6320 阅读 · 0 评论 -
nginx服务器的文件大小的限制解决办法
1、nginx服务器的解决办法修改nginx.conf的值就可以解决了将以下代码粘贴到nginx.conf内client_max_body_size 20M可以选择在http{ }中设置:client_max_body_size 20m;也可以选择在server{ }中设置:client_max_body_size 20m;还可以选择在location{ }中设置:clien...转载 2019-06-29 16:28:08 · 9914 阅读 · 0 评论 -
高度自适应的 textarea react 解决方案
高度自适应的 textarea背景介绍正如我们所知道的 textarea 是一个行内块元素 display: inline-block 并且它的默认宽高由 cols & rows 决定, 也就是说 textarea 的 height 并不会自适应于内容长度.textarea 的宽高是如何决定的?参考文章: http://www.zhangxinxu.com/wordpre...转载 2019-06-27 10:40:13 · 3102 阅读 · 0 评论 -
webpack使用compression-webpack-plugin插件的时候报错Cannot read property 'emit' of undefined
相关代码const CompressionPlugin = require('compression-webpack-plugin')webpackConfig.plugins.push(new CompressionPlugin({ // asset: '[path].gz[query]', algorithm: 'gzip', test: new RegExp( ...原创 2019-07-02 18:23:49 · 15595 阅读 · 8 评论 -
host 域名 配置后报错 dev server invalid host header
我们在本地开发时使用:webpack-dev-server 作为静态资源服务器时,会有时候会出现:Invalid Host Header的错误原因是 webpack-dev-server 对 host header 进行了正确性检测,以屏蔽未经授权的访问。解决方案:1、 在执行 webpack-dev-server 命令时 添加 --public 选项$ webpack-de...转载 2019-06-26 19:39:17 · 1081 阅读 · 0 评论 -
vuex requires a Promise polyfill in this browser PhantomJs和 ie 支持 es6
造成这种现象的原因归根究底就是浏览器对ES6中的promise无法支持,因此需要通过引入babel-polyfill来是我们的浏览器正常使用es6的功能首先通过npm来安装: npm install babel-polyfill --save-dev接下来就是根据场景来引入目前本喵遇到的出现这种错误的场景有两种:在使用vue-cli搭建的unit测试时(npm run unit),...转载 2019-03-04 16:06:44 · 463 阅读 · 0 评论 -
flutter创建应用白屏问题
前言flutter又是google放的一个大招,前段时间听说了,一直没有体验,今天抽空体验了一下,没想到刚开始一个Hello world就遇到坑。还好有大神解决了,在此记录一下。问题看着官网文档,一步一步跟着走,走到运行程序时,看到console提示:[ERROR:flutter/shell/gpu/gpu_surface_gl.cc(39)] Failed to setup Sk...转载 2019-02-28 17:17:17 · 1453 阅读 · 0 评论 -
对于iphone X 兼容性处理的css适配方法和js适配方法
转载自 zhaoshuang1010 1. 如果想全屏覆盖,html里面请使用 <meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover"> ps:我的实际项目里,只在手机qq 里面去访问页面时候 出现底部灰色安全区域块,可以说现在大部分公司...转载 2019-01-28 15:53:23 · 820 阅读 · 0 评论 -
解决 html5 input type='number' 类型可以输入e
当给 input 设置类型为 number 时,比如,我想限制,只能输入 0-9 的正整数,正则表达式如下:/^[0-9]?$/ // 匹配 0-9 的整数且只匹配 0 次或 1 次用正则测试,小数点是无法通过的,且,因为 设置了类型为 number,也无法输入字母,但实际上,1. 类似这样的不合规则的数字是可以通过验证的,且,可以键入字母 e,因为 e 在数学上代表2.71...转载 2018-12-03 16:11:53 · 1989 阅读 · 1 评论 -
ui后台框架对比
框架名称优点缺点地址EasyUI轻量、功能强大、免费、兼容性好、帮助详细、使用的人多生态好非响应式布局、某些系统看起来有点土,确实与最新的那些UI有差距http://www.jeasyui.net/DWZ JUIDWZ富客户端框架(jQuery RIA framework), 是中国人自己开发的基于jQuery实现的Ajax RIA开源框架.样式比较简单,界...原创 2019-05-06 19:04:06 · 1522 阅读 · 0 评论 -
移动端弹出输入框遮挡问题处理方案
方案1.Element.scrollIntoView()滚动到父元上边,经测试有效。方案2.Element.scrollIntoViewIfNeeded()只在当前元素在视窗的可见范围内不可见的情况下,才滚动浏览器窗口或容器元素,最终让当前元素可见。如果当前元素在视窗中已经可见了,那么这个方法将不做任何处理,此方法是对Element.scrolltoView()的进一步...原创 2018-09-21 14:12:17 · 2639 阅读 · 2 评论 -
H5移动端弹出键盘时遮挡输入框
记一次,解决移动端文本框弹出键盘遮挡输入框的方法: document.activeElement.scrollIntoViewIfNeeded(); 方法用来将不在浏览器窗口的可见区域内的元素滚动到浏览器窗口的可见区域。 如果该元素已经在浏览器窗口的可见区域内,则不会发生滚动。 使用方法: var input= document.getElementById("input");...转载 2018-09-20 17:50:01 · 5883 阅读 · 0 评论 -
微信返回跳转到指定页面js
$(function(){ pushHistory(); window.addEventListener("popstate",function(e){ location.href='跳转的URL'; }); function pushHistory() { var state = { ...转载 2018-09-26 10:24:52 · 2387 阅读 · 0 评论 -
react-router(v4) 路由跳转后返回页面顶部问题
遇到的问题由A页面跳转到B页面,B页面停留在A页面的位置,没有返回到顶部。问题分析首先分析下出现此问题的原因: 在项目中使用的是 hashHistory,它是建立在 history 之上的,当路由发生变化时会记住原路由的状态,跳转新页面后默认停留在原页面的位置。解决方法使用 withRouter;withRouter可以包装任何自定义组件,将react-router 的 hi...转载 2018-11-27 15:41:53 · 2285 阅读 · 0 评论