![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
综合
FE-阿阳
爱学习的程序猿
展开
-
下载图片按钮的实现
下载图片按钮的实现问题描述业务需求:点击按钮下载图片到本地解决方案方案一:直接使用 a 标签,利用 download 属性;<a href='https://xxxxx.png' download='download'><a/>download 属性指的是支持下载,赋值为下载名,但是这个方法只支持同源下的图片,遇到跨域的图片,会进行跳转;方案二:巧用 a 标签,用 js 实现,关键代码如下:<li onClick={downloadFile} classN原创 2021-07-14 16:31:48 · 422 阅读 · 0 评论 -
函数柯里化
柯里化(currying)是什么?当一个函数有多个参数的时候先传递一部分参数调用它(这部分参数以后永远不会变);然后返回一个新的函数接收剩余的参数,返回结果// 柯里化演示function checkAge (age) { let min = 18 return age >= min}// 普通的纯函数function checkAge (min, age) { return age >= min}// 函数的柯里化function checkAg原创 2021-06-08 23:50:51 · 88 阅读 · 0 评论 -
flexible.px2rem
需求场景:现在大部分M站的页面布局都是通过 flexible 的方案解决,flexible.js 里面提供了 px2rem 的函数方法,有些页面需要 js 中动态转换 px 为 rem 给元素设置样式,这时候就有两种方案:自己写一个函数方法,使用 flexible 提供的 px2rem;本着图省事的方案,采用直接找 flexible 的方法。但是竟然在 window 下没找到。问题排查过程:第一步,在 index.ejs 中找到了 flexible 的初始化代码,并且把 flexible原创 2021-06-06 17:04:19 · 334 阅读 · 0 评论 -
macOs 安装 nvm 的步骤
macOs 安装 nvm 的步骤:第一步: 安装 git (本地有git,跳过)方式一:直接去 git 官网安装找教程,可以移驾 https://git-scm.com/book/zh/v2/%E8%B5%B7%E6%AD%A5-%E5%AE%89%E8%A3%85-Git 。本人机器不知为啥,直接通过提示安装 git 安装不上,用以下方法安装;方式二:通过 brew install git 来进行安装,如果提示:brew: command not found,则表示本地没有 homebrew,则先原创 2021-04-26 22:13:17 · 1944 阅读 · 1 评论 -
引入 github 中的图片无法显示
引入 github 中的图片无法显示问题描述自己维护的博客引用的都是 github 上面的图片,某一天突然发现都无法访问了。解决方案修改本机 host 文件,增加对 github的本地解析;#GitHub Start192.30.253.119 gist.github.com151.101.184.133 assets-cdn.github.com151.101.184.133 raw.githubusercontent.com151.101.184.133 gist.githubuse原创 2021-02-01 11:31:42 · 116 阅读 · 0 评论 -
小米手机安装 Charles 证书
1、准备工作首先电脑安装 Charles(这个不教);准备一台小米手机(自备,不送);2、charles 设置代理端口打开 Charles 的 Proxy => Proxy Settings…;设置代理端口为:8888(一般都是。)[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-HDNzSU7o-1611141374406)(https://raw.githubusercontent.com/aYangLi/image-folder/master/csnd/原创 2021-01-20 19:17:38 · 20359 阅读 · 13 评论 -
mac 电脑出现文件已损坏
mac 电脑打开文件提示文件已损坏的解决方案:直通车转载 2021-01-17 16:46:19 · 290 阅读 · 0 评论 -
安卓机 H5 页面加粗样式没有效果
安卓机 H5 页面加粗样式没有效果问题描述部分安卓机 h5 页面 css 设置加粗没有效果;解决方案这种情况的原因是部分安卓机对 font-weigth 的兼容问题;font-weight 需要设置 700 以上,才会起作用;不要用 数字 500 和600;bold 默认 700;...原创 2021-01-17 16:17:40 · 2573 阅读 · 0 评论 -
企业微信分享出来的小程序提示找不到页面
企业微信分享出来的小程序提示找不到页面问题描述有些企业研发的内部小程序,在微信中可以正常使用,在企业微信里面分享小程序,提示:找不到页面。解决方案这个是企业微信的bug,等待修复吧,临时解决方案可以小程序页面的路径后添加 .html(小程序的路径是没有此后缀的)。...原创 2021-01-17 15:57:12 · 1952 阅读 · 2 评论 -
使用 Eslint + husky + lint-staged + Prettier 提高前端项目质量、统一项目代码风格
使用 Eslint + husky + lint-staged + Prettier 提高前端项目质量、统一项目代码风格Eslint 代码检查,编辑器启用 Eslint 之后,不符合规范的会自动进行提示。Prettier 让代码变得更 pretty,会更改不符合检测要求的代码,自动格式化。husky git 每步操作的钩子,没执行一个操作都会执行一次对应的钩子函数,执行 pre-commit 操作时,执行 Prettier 格式化脚本,即可自动的格式化代码,让 commit 之后的代码都符合 Pr原创 2020-12-18 10:01:41 · 1404 阅读 · 0 评论 -
commitlint+husky配置
为什么需要规范commit日志?commit message 是程序员开发的日常操作, 但是实际工作中却常常被大家忽略目前commit message 处于五花八门的书写风格,十分不利于阅读和维护优秀的互联网科技公司都有一套代码提交规范,尤其是在一些大型开源项目中,commit message 都是十分一致规范commit日志的好处团队形成一致的代码提交风格,更好的提高工作效率规范的 commit message 有助于团队其它人员 review, 还可以有效的输出 CH原创 2020-11-19 12:31:52 · 3457 阅读 · 0 评论 -
gulp自动化构建替换css中图片引用路径
gulp自动化构建替换css中图片引用路径问题描述gulp 自动化构建中有一些场景:图片在 src 目录下,开发环境,css 中图片引用为 src 目录(建议新项目迁移到 src 外的静态资源 static 目录下,老项目不好迁移的继续往下看),生产环境,打包完成需要把 css 中图片的引用目录变为 dist。总不能手动替换吧,提供一个 gulp 插件,自动化搞起解决方案核心代码如下:c...原创 2020-03-02 17:17:39 · 1577 阅读 · 0 评论 -
Autoprefixer applies control comment to whole block, not to next rules
Autoprefixer applies control comment to whole block, not to next rules.问题描述多行文本省略号如下写,会报 Warning:Autoprefixer applies control comment to whole block, not to next rules..wrap{ overflow: hidden;...原创 2019-10-09 15:45:09 · 644 阅读 · 0 评论 -
手机安装Charles的https证书
手机安装Charles的https证书详情描述一、iOS客户端安装证书打开Charles,选择help→SSL Proxying→Install Charles Root Certificate on a Mobile Device or Remote Browser手机连接电脑代理,打开safari,输入网址:chls.pro/ssl手机弹出提示:此网站正尝试打开“设置”已向您显示一...原创 2019-08-09 14:00:49 · 13910 阅读 · 0 评论 -
vsCode git 操作提示 Permission denied, please try again
vsCode git 操作提示 Permission denied, please try again问题描述在 gitlab 仓库已经添加了 ssh key 之后,用 vsCode 或者 sourcetree 克隆或者操作仓库,还是会提示 Permission denied, please try again解决方案如果正确配置了 ssh key,则已经有了权限,但是每次提示 Permi...原创 2019-04-24 22:39:24 · 21589 阅读 · 5 评论 -
vsCode 配置 easy sass 插件转换 css、wxss、acss
vsCode 配置 easy sass 插件转换 css、wxss、acss问题描述小程序开发有时会使用 easy sass 插件,在 vsCode 中配置自动转换,以下为配置方式:解决方案先附上下图,再来一步步配置;vsCode 中安装 easy sass 插件;建一个文件夹.vscode.vscode 文件夹下建一个叫 settings.json 的文件(针对于当前项目的配置...原创 2019-03-28 14:58:15 · 10544 阅读 · 4 评论 -
vsCode 配置 easy less 插件转换 css、wxss、acss
vsCode 配置 easy less插件转换 css、wxss、acss问题描述小程序开发有时会使用 easy less 插件,在 vsCode 中配置自动转换,以下为配置方式:解决方案先附上下图,再来一步步配置;vsCode 中安装 easy less 插件;建一个文件夹.vscode.vscode 文件夹下建一个叫 settings.json 的文件settings.js...原创 2019-03-28 13:46:54 · 8077 阅读 · 2 评论 -
json 的注意事项
json 的注意事项详情描述自己写的json字符串中必须用双引号。使用单引号无法转换成json对象;原创 2018-02-01 08:16:53 · 220 阅读 · 0 评论 -
app 与 js 之间的交互
app 与 js 之间的交互详情描述采用的框架是 WebViewJavascriptBridge,采用这套框架可以方便的使 native 与 JS 交互 详细链接点此进入转载 2018-02-01 08:21:21 · 624 阅读 · 0 评论 -
什么是 URL Schema
什么是 URL Schema?详情描述Android中的scheme是一种页面内跳转协议,是一种非常好的实现机制,通过定义自己的scheme协议,可以非常方便跳转app中的各个页面;通过scheme协议,服务器可以定制化告诉App跳转那个页面,可以通过通知栏消息定制化跳转页面,可以通过H5页面跳转页面等。 详细链接点此进入转载 2018-02-01 08:22:34 · 23011 阅读 · 1 评论 -
app引导页的判断
app引导页的判断详情描述判断是否是第一次打开,本地存储一个标识符,第一次打开后设置为true,以后进入判断该标志符,为false则可以进入引导页;判断是否是同一版本号,进入时判断本地保存的版本号和打开的版本号是否是同一版本号,如果不是,则进入引导页,并且把版本号设置为当前版本号;原创 2018-02-02 08:11:10 · 414 阅读 · 0 评论 -
在特殊环境下下载vue调试插件(vue-DevTools)
在特殊环境下下载vue调试插件(vue-DevTools)详情描述Chrome地址栏输入”crx.2333.me”然后把你要下载的扩展ID填到输入框中,点击”Get”(vue的id:nhdogjmejiglipccpnnnanhbledajbpd)点击”成功Get,点我下载”或者在github 上搜vue-Devtools原创 2018-02-02 09:42:02 · 413 阅读 · 0 评论 -
从浏览器多进程到JS单线程,JS运行机制最全面的一次梳理
从浏览器多进程到JS单线程,JS运行机制最全面的一次梳理 原文链接:https://segmentfault.com/a/1190000012925872最近发现有不少介绍JS单线程运行机制的文章,但是发现很多都仅仅是介绍某一部分的知识,转载 2018-01-26 10:11:28 · 248 阅读 · 0 评论 -
filezilla连接服务器连接不上
filezilla连接服务器连接不上详情描述ftp协议默认使用的是21端口,80端口默认是使用的http协议,也就是网站默认是使用的80端口您这边需要先配置FTP服务,然后才能使用ftp软件登录您的服务器。之前登录服务器是使用的sftp,也就是通过22端口来登录的。对于FTP的配置,linux 推荐 vsftpd原创 2018-01-30 09:24:34 · 7932 阅读 · 0 评论 -
vsCode 配置 html 文件警告
vsCode 配置 html 文件警告问题描述 IDE vsCode 会默认根据自己的规则来检测 html 文件书写格式;但是在实际项目中模板的格式可能会有与规则有些不同,比如:第一行必须为声明、属性不能为空等;本人有点偏强迫症,要找办法解决这种问题解决方案在当前项目的根目录下添加 .htmlhintrc 文件,vs 检查规则会通过这个文件;但是规则如何填写呢? 可以去原创 2018-02-07 08:21:05 · 6508 阅读 · 0 评论 -
vsCode 开发微信小程序插件
vsCode 开发微信小程序插件问题描述 用微信开发者工具开发微信小程序不适应;没事,我们还有强大的 vsCode;解决方案用 vsCode 开发微信小程序可以配置以下插件,让开发更美好: 1. vscode weapp api 2. vscode wxml 3. vscode-wechat 4. Easy WXLESS 5. 有个和 vsCode 差不多,还可原创 2018-02-07 08:21:47 · 48987 阅读 · 4 评论 -
ios 上浏览器返回上一页不会刷新页面问题,页面初始化的方法不执行
ios 上浏览器返回上一页不会刷新页面问题,页面初始化的方法不执行问题描述 在 ios 上浏览器返回上一页不会刷新页面问题,页面初始化的方法不执行,造成了很多意外情况,这个问题不能忍;解决方案方法一:hack方法,加入iframe强制刷新后,去除function(title){ var u = navigator.userAgent; var is原创 2018-02-07 08:23:04 · 4719 阅读 · 0 评论 -
npm 发布更新包失败问题
npm 发布更新包失败问题问题描述 好久不更新的包今天想起来更新一下,但是 npm publish 的时候显示失败,然后开始找原因解决方案如果是已经发布过的包,则要修改 package.json 的verson 版本;在实际开发项目中 npm 源下载包比较慢,所以一般使用的是淘宝源或者私有源,但是上传包更新包的时候只能使用 npm 源;原创 2018-02-07 10:35:39 · 2421 阅读 · 0 评论 -
parcel 报错问题
parcel 报错问题问题描述 学习 parcel(号称0配置的打包工具)的时候报错: Unhandled promise rejection (rejection id: 1): SyntaxError: ‘super’ keyword unexpected here解决方案parcel 说明上是支持 node 6+,但是还是报错。node 6+ 不支持 async 函原创 2018-02-07 14:02:38 · 1620 阅读 · 2 评论 -
微信小程序Push场景本地调试方法
公众号Push场景本地调试方法问题描述 开发公众号时,会出现正常进入没问题,但是通过 push 进入出现 bug 的场景,这时就尴尬,总不能每次为了测试 push 场景而去审核通过,以下是在本地调试 push 场景的方法;解决方案开发者工具添加编译模式,入口页面为需要调试的页面,启动参数都带上 扫码进入,然后关闭,第二次进入即为Push入口的场景。 从公众号 Push...原创 2018-08-02 10:09:52 · 1691 阅读 · 0 评论 -
微信公众号通知和服务通知
微信公众号通知和服务通知详细描述以下简单对公众号通知和服务做一些总结:公众号通知:微信在公众号推送的通知,比较有针对性,无法禁止推送,出发取消关注;推送权限: 用户必须有交互,包括并不仅限于:扫码、关注、点击菜单,发送消息(大概会获取推送二十条的权限)等,权限会是三天有效期服务通知:微信小程序通知的集合内容,所有小程序的服务通知会在一起推送;推送权限: 必须有formId,一个f...原创 2019-01-28 09:00:19 · 31488 阅读 · 1 评论 -
跨域的方式
跨域的方式详情描述具体详情见微信朋友圈 1. jsonp,动态创建script标签,scr设置为需要跨域的域名,加callback回掉函数参数。但是支持get请求,且必须后台支持jsonp跨域; 2. document.domain 设置相同的doncument.domain,动态创建一个隐藏的iframe来跨域; 3. window.name 这个全局属性主要是用来获取和这只窗口原创 2018-01-31 10:32:34 · 161 阅读 · 0 评论