11 2023 档案
摘要：如何根据ua判断ios、android、ipad？如何判断app版本 根据ua判断iOS var ua = navigator.userAgent; if (ua.match(/(iPhone\sOS)\s([\d_]+)/)) { // is ios } 根据ua判断ipad var ua = n
阅读全文
摘要：以京东收银台为例，收银台首页和成功页使用的是一个webview，在成功页点击一个按钮可能会跳转，可能是http（h5页面）也可能是openapp（原生页面/h5页面） Android http：不会打开新的webview，就在收银台的webview中打开 openapp：打开新的webview iO
阅读全文
摘要：前言 最近有一个需求是和在app中前端本地存储相关的，所以恶补了一下相关知识 webView开启支持H5 LocalStorage存储 有些时候我们发现写的本地存储没有起作用，那是因为默认WebView没有开启LocalStorage存储。开启方法如下 首先得有Webview控件： 有人问我是不是需
阅读全文
摘要：方法一： 情况一： if (window.JdAndroid){ window.JdAndroid.setPayCompleted(); window.JdAndroid.setPageIndex("cashierDesk_finish"); } 调用方式：h5调用Android方法 传递数据：通过
阅读全文
摘要：方法一： app可以把参数传到h5的链接里，用类似?xx=xx&xx=xx的形式拼接，js解析参数即可。 方法二： 情况一：app调用h5 原生app都可以对js的function进行触发，前端要做的只是将js定义好方法名和参数，交给app人员即可，app将数据通过参数传入 情况二：h5调用app
阅读全文
摘要：客户端相关知识学习（八）之Android“.9.png” 参考 Android中.9图片的含义及制作教程 .9.png Android .9.png 的介绍
阅读全文
摘要：何为沉浸式设计 我们可以将为了沉浸式（心流）而进行的设计可以称之为沉浸式设计（为心流而设计）。 沉浸模式就是突出内容，排除干扰，对界面除内容以外的东西尽可能的进行圆润的简化，将用户所关注的内容最大程度的呈现于屏幕之上。 沉浸式设计案例 而沉浸式设计的例子通常就是隐藏状态栏以及导航栏等元素 京东的支付
阅读全文
摘要：Deeplink应用描述 Deeplink，简单讲，就是你在手机上点击一个链接之后，可以直接链接到app内部的某个页面，而不是app正常打开时显示的首页。不似web，一个链接就可以直接打开web的内页，app的内页打开，必须用到deeplink技术。 想要在h5页面中唤起app的某个页面也要用到该技
阅读全文
摘要：webview是什么？作用是什么？和浏览器有什么关系？ Android系统中内置了一款高性能 webkit 内核浏览器,在 SDK 中封装为一个叫做 WebView 组件也就是说WebView是一个基于webkit引擎、可以解析DOM 元素展现web页面的控件，它和浏览器展示页面的原理是相同的所以可
阅读全文
摘要：Android原生如何渲染H5页面 Android与 H5 的交互方式大概有以下 1 种： 利用WebView进行交互（系统API） iOS原生如何渲染H5页面 iOS 与 H5 的交互方式大概有以下 5 种： 利用 WKWebView 进行交互 (系统 API) 利用 UIWebView 进行交互
阅读全文
摘要：Android原生与H5交互的实现 H5调用原生的方式 方式可能有多种，根据开发经验，接触过两种方式。 方法一：Android向H5注入全局js对象，也就是H5调Android 1.首先对WebView进行初始化 WebSettings settings = webview.getSettings(
阅读全文
摘要：前言 现在移动端 web 应用，很多时候都需要与原生 app 进行交互、沟通（运行在 webview中），比如微信的 jssdk，通过 window.wx 对象调用一些原生 app 的功能。所以，这次就来捋一捋 h5 与原生 app 交互的原理。 h5 与原生 app 的交互，本质上说，就是两种调用
阅读全文
摘要：混合开发 随着移动互联网的高速发展，常规的开发速度已经渐渐不能满足市场需求。原生H5混合开发应运而生，目前，市场上许多主流应用都有用到混合开发，例如支付宝、美团等。下面，结合我本人的开发经验，简单谈一下对混合开发的认识以及实现方式。 Hybrid App（混合开发）主要以JS+Native两者相互调
阅读全文
摘要：1. 版本问题导致环境问题 npm5之前我们第一次npm install时是根据package.json来安装相关依赖的，但是它里面的版本不固定，因此默认会根据最高的版本来安装相关依赖，但是在npm5是根据package-lock.json来安装相关依赖的，但前提是没有在命令行中新安装依赖或者更改p
阅读全文
摘要：nvm nvm:nodeJs版本管理工具,管理nodejs版本和npm版本，使用nvm安装nodejs时会将npm一起安装下来 nodejs nodeJs: 一种高效的JavaScript运行环境 npm npm:是随同nodeJs一起安装的包管理工具，npm管理对应nodeJs的第三方插件 常见的
阅读全文
摘要：转自：https://www.cnblogs.com/cangqinglang/p/8336754.html package-lock.json的作用就是锁定安装依赖时包的版本，并且需要上传到git，以保证其他人npm install时安装的依赖能够保持一致 根据官方文档，这个package-loc
阅读全文
摘要：npm：查看npm所有命令 自己写包可能用到的命令： npm adduser：注册 npm login：登录 npm whami：查看当前用户名 npm init：初始化包的信息 npm publish：发布包/更新包 npm publish --access=public：发布公共作用域包 npm
阅读全文
摘要：安装npm 安装前须知： npm是在Node中编写的，因此需要安装Node.js才能使用npm。可以通过Node.js网站安装npm，或者安装节点版本管理器NVM。 如果只是想开始探索npm，使用Node.js安装方法是最快的。如果您是一名高级开发人员，准备投入工作并使用版本，请使用node版本管理
阅读全文
摘要：如何防止权限错误 如果您在尝试全局安装包时看到EACCES错误，请阅读本章。如果更改安装npm的目录，通常可以避免此错误。要做到这一点，要么使用版本管理器重新安装npm(推荐)或手动更改npm的默认目录。 选项一:使用节点版本管理器重新安装 这是避免权限问题的最佳方法，在安装节点版本管理器之前，不需
阅读全文
摘要：如何安装本地包 有两种方式用来安装 npm 包：本地安装和全局安装。至于选择哪种方式来安装，取决于我们如何使用这个包。 如果你自己的模块依赖于某个包，并通过 Node.js 的 require 加载，那么你应该选择本地安装，这种方式也是 npm install 命令的默认行为。 如果你想将包作为一个
阅读全文
摘要：如何安装全局包 有两种方式用来安装 npm 包：本地安装和全局安装。选用哪种方式来安装，取决于你如何使用这个包。 如果你想将其作为一个命令行工具，那么你应该将其安装到全局。这种安装方式后可以让你在任何目录下使用这个包。比如 grunt 就应该以这种方式安装。 如果您希望依赖于来自您自己模块的包，那么
阅读全文
摘要：使用package.json 管理本地安装的npm包的最佳方法是创建一个package.json文件。 一个packagejson文件: 列出项目所依赖的包。 允许使用语义版本控制规则指定项目可以使用的包的版本。 使您的构建具有可重复性，因此更容易与其他开发人员共享。 需求 一个package.js
阅读全文
摘要：如何创建 Node.js 模块 Node.js 模块是一种可以发布到 npm 的包。当你创建一个新模块时，创建 package.json 文件是第一步。 你可以使用 npm init 命令创建 package.json 文件。命令行中将会提示 package.json 字段中需要你输入的值。名称（n
阅读全文
摘要：前言 我们经常使用npm来下载别人的模块或者说包，那么我们如何将自己写的模块上传到npm呢？ 了解npm政策 在开始之前，最好回顾一下npm的政策，以防您对站点礼仪、命名、许可或其他指导原则有疑问。 发布包 1、创建用户帐户，要发布，您必须是npm注册表上的用户。如果您不是用户去npmjs.org注
阅读全文
摘要：npm的语义化版本控制——Semantic versioning 在新发布的代码中传达更改的程度非常重要，因为有时更新会破坏包需要的代码(称为依赖项)。语义化版本控制(semver)是一个旨在解决这个问题的标准。 Semver出版商 如果一个项目要与其他项目共享，那么它应该从1.0.0开始(尽管np
阅读全文
摘要：包括文档(readme.md) npm建议您包含一个readme文件来记录您的包。自述文件必须有文件名readme.md。文件扩展名.md表示该文件是一个标记(markdown)文件。当有人发现您的包时，该文件将出现在npm网站上。在开始之前，请查看一些包页面，了解可以添加到readme文件中的信息
阅读全文
摘要：前言 要求npm版本2或更高 作用域用于将相关包分组在一起，并为npm模块创建一个名称空间(类似于域)。这里有更详细的解释。 如果一个包的名称以@开头，那么它就是一个有作用域的包。范围是@和斜杠之间的所有内容。 @scope/project-name 每个npm用户都有自己的范围。 @usernam
阅读全文
摘要：package-lock.json 描述 对于npm修改node_modules树或package.json的任何操作，都会自动生成package-lock.json，它描述生成的确切树，以便后续安装能够生成相同的树，而不管中间依赖项更新如何。 此文件拟提交至来源资料库，并可作以下用途： 描述依赖关
阅读全文
摘要：如何使用距离标记标记包 如何使用双因素身份验证 如何使用安全令牌 如何从CLI更改配置文件设置 理解包和模块
阅读全文
摘要：介绍 Yarn 从 1.0 版开始支持 Workspace （工作区），提供的monorepo的依赖管理机制，用于在代码仓库的根目录下管理多个package的依赖。 Workspace 能更好的统一管理有多个项目的仓库，既可在每个项目下使用独立的 package.json 管理依赖，又可便利的享受一
阅读全文
摘要：介绍 Yarn 对你的代码来说是一个包管理器。它可以让你使用并分享 全世界开发者的（例如 JavaScript）代码。 Yarn 能够快速、安全、 并可靠地完成这些工作，所以你不用有任何担心。 通过Yarn你可以使用其他开发者针对不同问题的解决方案，使自己的开发过程更简单。 使用过程中遇到问题，你可
阅读全文
摘要：参考 https://yarn.bootcss.com/docs/usage https://juejin.cn/post/6883729383673053192 安装依赖分别添加到dependencies、devDependencies、peerDependencies 和 optionalDep
阅读全文
摘要：参考 npm scripts 使用指南 实战 "scripts": { "dev": "webpack serve --config build/webpack.dev.conf.js --color --progress", "start": "npm run dev & NODE_ENV=dev
阅读全文
摘要：npm和bower的区别 npm 1、是进行后端开发中，使用的模块安装工具，比如，在安装express，socket.io时，当然使用的是npm，主要运用于Node.js项目的内部依赖包管理 2、是伴随 Node.js 出现的一个包管理器，最开始只能支持 Node.js 的模块管理，但是后来， np
阅读全文
摘要：1.获取帮助信息 bower --help 2.自定义包安装目录 在当前项目下新建.bowerrc文件，内容如下： { "directory" : "js/lib" } 配置好之后，安装的资源文件将位于js/lib目录下。 3.bower初始化 进入项目目录中，输入命令如下： bower init
阅读全文
摘要：什么是Bower？ Bower是一个前端软件包管理器，它可用于搜索、安装和卸载如JavaScript、HTML、CSS之类的网络资源。 安装borwer npm install -g bower 其中-g命令表示全局安装 参考 官网
阅读全文
摘要：参考 你应该定期更新 Homebrew
阅读全文
摘要：替换及重置homebrew默认源 中科大源 替换官方源： // 替换brew.git: cd "$(brew --repo)" git remote set-url origin https://mirrors.ustc.edu.cn/brew.git // 替换homebrew-core.git:
阅读全文
摘要：homebrew cask 如果我想安装Chrome浏览器怎么办？试试下面的命令： brew install google-chrome 发现并不能安装，没有该软件。怎么办？好消息是一个叫做homebrew-cask的工具扩充了homebrew。 Homebrew cask 软件仓库，提供 macO
阅读全文
摘要：homebrew自动更新 使用brew install /brew cask install安装软件总是先updating HomeBrew…，速度很慢 取消homebrew自动更新 方法一：使用命令行，但每次重启后需要重新执行命令 export HOMEBREW_NO_AUTO_UPDATE=tr
阅读全文
摘要：安装homebrew： /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 卸载homebrew： $ cd `brew --prefix` $ rm -
阅读全文
摘要：安装 请先看总结！！！！！ 1、网上的安装方法都是用curl，从官网找到命令复制到终端，然后回车，结果报错请求超时 /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/ins
阅读全文
摘要：Homebrew学习（一）之初认识 Homebrew Homebrew是一款Mac OS平台下的软件包管理工具，拥有安装、卸载、更新、查看、搜索等很多实用的功能。简单的一条指令，就可以实现包管理，而不用你关心各种依赖和文件路径的情况，会自 动下载相关依赖，十分方便便捷（缺失包管理器） Homebre
阅读全文
摘要：可执行文件 在本地模式下，可执行文件指向的位置； ./node_modules/.bin 以便可以通过 npm 运行的脚本使用它们。 例如，当您运行测试，将在路径中 npm test。 npm为script字段中的脚本路径都加上了node_moudles/.bin前缀 npm为script字段中的脚
阅读全文
摘要：简介 nodemon用来监视node.js应用程序中的任何更改并自动重启服务,非常适合用在开发环境中。以前，我们开发一个node后端服务时，每次更改文件，均需重启一下，服务才能生效。这使我们的开发效率降低了很多。nodemon的出现，可以随时监听文件的变更，自动重启服务，我们开发时只需关注代码即可，
阅读全文
