MAIMIHO的博客

【代码】input disabled 不显示 placeholder。

在默认情况下，浏览器限制了对跨域请求响应的访问权限，阻止了读取敏感的响应头信息（例如。这样浏览器才会在跨域请求成功后暴露该头信息。在客户端使用 Axios 发起跨域请求时，确保你在。这是由于跨域请求的安全策略所决定的。头信息，需要在服务器端进行一些配置。首先，确保服务器返回的响应中包含。以上代码将在每个响应头中添加。如果你想在跨域请求中获取到。，使浏览器能够获取到。

node-modules/compressing compressDir 忽略顶层目录

Vue Devtools 有一个功能, 可以直接在查看组件时, 直接打开对应的文件, 但默认是使用 VSCode 打开, 本文介绍如何使用 WebStorm 打开文件.即可, 这个文件不会被提交到 git, 所以不会影响其他人的开发设置.是为了不影响其他人的开发, 只有在自己的电脑上才会执行这段代码,是定义的私有环境变量。

每次升级 WebStorm 都会打开一个新的 Chrome，导致调试时需要重新登录，重新安装插件等问题。解决办法：固定 WebStorm 中 Chrome UserData 的路径，这样每次打开的 Chrome 都是同一个。文件 | 设置 | 工具 | Web 浏览器和预览勾选使用自定义用户数据目录。

【代码】CSS 实现气泡框。

【代码】fetch 简单封装。

对于 Mac 系统，他们可以打开 Chrome 浏览器，选择“窗口”菜单下的“扩展程序”，打开开发者模式，将这个新的文件夹拖到页面上进行安装。打开 Windows 文件浏览器或者 Mac Finder，进入到“个人资料路径”下的“Extensions”文件夹。进入插件管理页面，打开开发者模式，将这个新的文件夹拖到页面上进行安装。找到要分享的插件对应的文件夹，并将其复制到一个新的文件夹中。将这个新的文件夹分享给别人，并告诉他们在离线状态下如何安装。找到要分享的插件，单击插件右侧的“详细信息”按钮。

Web墨卡托投影坐标系：一种基于Web地图应用的投影坐标系，被Google Maps、OpenStreetMap、Bing Maps等地图服务商使用。WGS84坐标系：全球定位系统（GPS）使用的标准坐标系，被广泛应用于地理信息系统（GIS）和导航系统。GCJ-02坐标系：中国国家测绘局开发的一种加密坐标系，用于保护国家安全，被国内的地图服务商使用。BD-09坐标系：百度地图使用的一种加密坐标系，用于保护商业机密，具有更高的精度和安全性。

前端获取视频缩略图 视频帧图片

axios 请求本地文件

获取 package.json 中的版本号 version

npm version 指定 tag 前缀

1npm install patch-package --save-dev2在 package.json 文件中的 scripts 节点 中加入 "postinstall": "patch-package"3修改 node_modules 中的源码4npx patch-package package-namepackage-name 就是你修改了源码的那个包的名字(package.json 中 dependencies 里面的名字)...

resizeTextarea给 el-input 加上 ref="xxx"改变 autosize 后 调用 this.$refs.xxx.resizeTextarea();也可以再 nextTick 中调用this.$nextTick(() => { this.$refs.xxx.resizeTextarea();});v-ifel-input 里面内容过多的时候上述方法也无效了可以使用 v-if给 el-input 加上 v-if="xxx"改变 autosize 后

客户端存储 — Vue.jshttps://cn.vuejs.org/v2/cookbook/client-side-storage.html支持更好用的 API 的库RobinCK/vue-ls: Vue plugin for work with local storage, session storage and memory storage from Vue contexthttps://github.com/RobinCK/vue-lsmain.jsconst optionsLS = {

可以使用 setProperty属性不需要使用驼峰dom.style.setProperty("font-size", "16px", "important");也可以删除属性再添加dom.style.removeProperty("xxx")

内部元素总是需要提供唯一的 key attribute 值, key 不能是 index

https://github.com/xCss/bing

js 前端 Google 翻译 Api引入文件// src/libs/google-translate/index.jsvar querystring = require("querystring");var axios = require("axios");var languages = require("./languages");function translate(text, opts) { opts = opts || {}; var e; [opts.from,

在 script 标签上添加 type<script type="text/jsx">

WebStorm 配置 stylelint安装npm i -D stylelint stylelint-config-prettier stylelint-config-recess-order stylelint-config-standard stylelint-order stylelint-scss根目录创建 .stylelintrc.js内容module.exports = { extends: [ "stylelint-config-standard", "styl

WebStorm 识别 webpack 配置 alias @ 等根目录创建 webstorm.config.js内容const webpackConfig = require("@vue/cli-service/webpack.config.js");module.exports = webpackConfig;引入配置File | Settings | Languages & Frameworks | JavaScript | Webpack...

WebStorm stylelint 自动修复先配置 stylelintFile | Settings | Languages & Frameworks | Style Sheets | Stylelint配置 External Tools全局安装 stylelintnpm i stylelint -gFile | Settings | Tools | External Tools添加下图配置C:\Users\XXX\AppData\Roaming\npm\stylelint.cm

如果max-age和expires属性都没有，找找头里的Last-Modified信息。如果有，缓存的寿命就等于头里面Date的值减去Last-Modified的值除> 以10（注：根据rfc2626其实也就是乘以10%）If an origin server does not explicitly specify freshness (e.g. using Cache-Control or Expires header) then a heuristic approach may be us.

使用 vue-i18n 的时候 需要进行繁琐的替换如:<div>XXX yyy ZzZ</div>替换为:<div>{{$t("xxx_yyy_zzz")}}</div>然后在 js 文件中增加条目xxx_yyy_zzz: "XXX yyy ZzZ",查找 tag 里面的文本也很繁琐使用 WebStorm 和 IDEA 等 IDE 配合正则表达式可以很快的完成这个操作使用方法类似(?<=>)(\w+)(?=<) 的正则表达

let chart = echarts.init(this.$refs.refchartWeek);this.chartWeek = chart;chart.setOption(this.optionWeek);chart.getZr().on(‘click’, function (params) {const pointInPixel = [params.offsetX, params.offsetY];if (chart.containPixel(‘grid’, pointInPixel))

https://www.jianshu.com/p/345f4d8a5cfaWebView 与 JavaScript 的交互Android 调用 JSloadUrl()JS 中的方法需要在 window 对象下Vue 中可以参考https://blog.csdn.net/maimiho/article/details/107708593function callJS() { alert("Android调用了JS的callJS方法");}mWebView.loadUrl("javas

OptionDefault valueDescriptionid or urlNoneThe ID or the URL of the video on Vimeo. You must supply one of these values to identify the video.autopausetrueWhether to pause the current video when another Vimeo video on the same page starts...

目前 WebStorm 还不支持 国内特有的 rpx 单位.写 rpx 格式化后会出错.使用 less 的 unit 可以解决这个问题将 XXrpx 改成 unit(XX, rpx); 就可以了width: unit(64, rpx);height: unit(64, rpx);margin-left: unit(20, rpx);

字体基本概念https://blog.csdn.net/flyeek/article/details/43970193深入理解字体：参考线、line-box（行框）、content-areahttps://www.cnblogs.com/guyuedashu/p/12499328.htmlAndroid font, 字体全攻略https://www.jianshu.com/p/35328f7ac54aMeaning of top, ascent, baseline, descent, botto

如果两个 URL 的 protocol、port (如果有指定的话)和 host 都相同的话，则这两个 URL 是同源。示例:URL: http://store.company.com/dir/page.htmlURL结果原因http://store.company.com/dir2/other.html同源只有路径不同http://store.company.com/dir/inner/another.html同源只有路径不同https://store.co

Uniapp 修改内置组件样式无效解决方法写到 App.vue 公共样式中使用 深度作用选择器https://vue-loader-v14.vuejs.org/zh-cn/features/scoped-css.html css 中使用.a >>> .bless 中使用.a /deep/ .b

WebStorm 微信小程序使用less使用WebStorm的File Watchers功能步骤如下:Settings -> Tools -> File Watchers -> 添加less 如图配置就行了. 每次保存就可以自动由less生成wxss了....

WebStorm开发微信小程序最新解决方法现在已经没有别的文章那么麻烦了. 直接安装一个插件就可以了 .Settings -> Plugins 搜索 Wechat mini program support安装 重启 就可以开工了....