博客园 - huangenai
uuid:24b78886-0ed1-41c2-8670-e3f31dcf42c4;id=40071
2022-09-27T02:30:33Z
huangenai
https://www.cnblogs.com/huangenai/
feed.cnblogs.com
https://www.cnblogs.com/huangenai/p/16733670.html
Convert gif to Base64 String Using JavaScript - huangenai
let xhRequest = new XMLHttpRequest(); xhRequest.onload = function () { let reader = new FileReader(); reader.onloadend = function () { callback(reader
2022-09-27T02:31:00Z
2022-09-27T02:31:00Z
huangenai
https://www.cnblogs.com/huangenai/
【摘要】let xhRequest = new XMLHttpRequest(); xhRequest.onload = function () { let reader = new FileReader(); reader.onloadend = function () { callback(reader <a href="https://www.cnblogs.com/huangenai/p/16733670.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/huangenai/p/16546042.html
vue vue-template-compiler版本不一致的问题 - huangenai
问题描述: 出现vue 与vue-template-compiler版本不一致提示如下图。 解决方案: 在vue2的解决方案是 保持 vue 跟 vue-template-compiler版本一致即可解决。 而在vue3 里面,已经不是用 vue-template-compiler了,是用另外一个包
2022-08-03T02:09:00Z
2022-08-03T02:09:00Z
huangenai
https://www.cnblogs.com/huangenai/
【摘要】问题描述: 出现vue 与vue-template-compiler版本不一致提示如下图。 解决方案: 在vue2的解决方案是 保持 vue 跟 vue-template-compiler版本一致即可解决。 而在vue3 里面,已经不是用 vue-template-compiler了,是用另外一个包 <a href="https://www.cnblogs.com/huangenai/p/16546042.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/huangenai/p/16531762.html
vue uniapp 使用 fontawesome 打包Android 图片svg 不显示解决方案 - huangenai
问题描述:新建的uniapp项目,按照fontawesome 说明的方法是用图标,在web上运行显示正常,但是打包到android运行打开的时候图标不显示,debug进去查看无异常。 探索过程:在其官方的问答社区中搜索可能是不支持svg。 正常的vue 项目引用fontawesome如下: 1. 安
2022-07-29T03:47:00Z
2022-07-29T03:47:00Z
huangenai
https://www.cnblogs.com/huangenai/
【摘要】问题描述:新建的uniapp项目,按照fontawesome 说明的方法是用图标,在web上运行显示正常,但是打包到android运行打开的时候图标不显示,debug进去查看无异常。 探索过程:在其官方的问答社区中搜索可能是不支持svg。 正常的vue 项目引用fontawesome如下: 1. 安 <a href="https://www.cnblogs.com/huangenai/p/16531762.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/huangenai/p/14368122.html
在MAC上使用Fiddler抓包手机 - huangenai
1.官网下载fiddler,并安装 https://www.telerik.com/fiddler 2. 安装HTTPS证书 3.允许手机远程连接 记下端口是8866 4.手机与电脑处于同一网络下 查看电脑ip地址 设置手机wifi 的代理 5.手机安装根证书 手机与电脑已经是处于同一网络中,并且已
2021-02-03T09:21:00Z
2021-02-03T09:21:00Z
huangenai
https://www.cnblogs.com/huangenai/
【摘要】1.官网下载fiddler,并安装 https://www.telerik.com/fiddler 2. 安装HTTPS证书 3.允许手机远程连接 记下端口是8866 4.手机与电脑处于同一网络下 查看电脑ip地址 设置手机wifi 的代理 5.手机安装根证书 手机与电脑已经是处于同一网络中,并且已 <a href="https://www.cnblogs.com/huangenai/p/14368122.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/huangenai/p/14367856.html
解决关于docker: Error response from daemon: endpoint with name v5 already exists in network bridge. - huangenai
问题: jenkins自动构建中,执行docker命令出现以下错误 Digest: sha256:9661725f1075ec0168896fba315452b9439d92c28f756fb0032b4ace3c2c20b2 Status: Downloaded newer image for 1
2021-02-03T08:47:00Z
2021-02-03T08:47:00Z
huangenai
https://www.cnblogs.com/huangenai/
【摘要】问题: jenkins自动构建中,执行docker命令出现以下错误 Digest: sha256:9661725f1075ec0168896fba315452b9439d92c28f756fb0032b4ace3c2c20b2 Status: Downloaded newer image for 1 <a href="https://www.cnblogs.com/huangenai/p/14367856.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/huangenai/p/12785480.html
angular8 设置禁止返回处理 - huangenai
场景:禁止浏览器点击返回键做后退,以及鼠标or触摸板做后退的情况。 大多数网上提供的解决方案都是 👇 但这不适用于单页面应用程序 history.pushState(null, null, document.URL); window.addEventListener('popstate', fun
2020-04-27T03:23:00Z
2020-04-27T03:23:00Z
huangenai
https://www.cnblogs.com/huangenai/
【摘要】场景:禁止浏览器点击返回键做后退,以及鼠标or触摸板做后退的情况。 大多数网上提供的解决方案都是 👇 但这不适用于单页面应用程序 history.pushState(null, null, document.URL); window.addEventListener('popstate', fun <a href="https://www.cnblogs.com/huangenai/p/12785480.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/huangenai/p/12188882.html
angular9 学习笔记 - huangenai
前言: AngularJS作为Angular的最早版本,2010年发布其初始版本,至今已经10年了。除了这个最初版本(没学过),项目上一直从2.x 到至今项目使用8.x版本,现在Angular在2019年底上了9的稳定版。 Angular 使用TypeScript语言开发,对于一个“曾经”的后端,这
2020-01-28T13:29:00Z
2020-01-28T13:29:00Z
huangenai
https://www.cnblogs.com/huangenai/
【摘要】前言: AngularJS作为Angular的最早版本,2010年发布其初始版本,至今已经10年了。除了这个最初版本(没学过),项目上一直从2.x 到至今项目使用8.x版本,现在Angular在2019年底上了9的稳定版。 Angular 使用TypeScript语言开发,对于一个“曾经”的后端,这 <a href="https://www.cnblogs.com/huangenai/p/12188882.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/huangenai/p/12214806.html
Angular Service(服务) - huangenai
官方认为组件不应该直接获取或保存数据, 它们应该聚焦于展示数据,而把数据访问的职责委托给某个服务。而服务就充当着数据访问,逻辑处理的功能。把组件和服务区分开,以提高模块性和复用性。通过把组件中和视图有关的功能与其他类型的处理分离开,可以让组件类更加精简、高效,这是官方的一些定义。非常认同,以我粗鄙的
2020-01-28T13:25:00Z
2020-01-28T13:25:00Z
huangenai
https://www.cnblogs.com/huangenai/
【摘要】官方认为组件不应该直接获取或保存数据, 它们应该聚焦于展示数据,而把数据访问的职责委托给某个服务。而服务就充当着数据访问,逻辑处理的功能。把组件和服务区分开,以提高模块性和复用性。通过把组件中和视图有关的功能与其他类型的处理分离开,可以让组件类更加精简、高效,这是官方的一些定义。非常认同,以我粗鄙的 <a href="https://www.cnblogs.com/huangenai/p/12214806.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/huangenai/p/12218982.html
Angular http - huangenai
前端应用都需要通过 HTTP 协议与后端服务器通讯,@angular/common/http 中的 HttpClient 类为 Angular 应用程序提供的 API 来实现 HTTP 客户端功能。它基于浏览器提供的 XMLHttpRequest 接口。 HttpClient 带来的其它优点包括:可
2020-01-26T08:32:00Z
2020-01-26T08:32:00Z
huangenai
https://www.cnblogs.com/huangenai/
【摘要】前端应用都需要通过 HTTP 协议与后端服务器通讯,@angular/common/http 中的 HttpClient 类为 Angular 应用程序提供的 API 来实现 HTTP 客户端功能。它基于浏览器提供的 XMLHttpRequest 接口。 HttpClient 带来的其它优点包括:可 <a href="https://www.cnblogs.com/huangenai/p/12218982.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/huangenai/p/12216518.html
Angular的启动过程 - huangenai
我们知道由命令 ng new project-name,cli将会创建一个基础的angular应用,我们是可以直接运行起来一个应用。这归功与cli已经给我们创建好了一个根模块AppModule,而根模块就是用来启动此应用的模块。 main.ts 是启动的起点,platformBrowserDynam
2020-01-26T05:19:00Z
2020-01-26T05:19:00Z
huangenai
https://www.cnblogs.com/huangenai/
【摘要】我们知道由命令 ng new project-name,cli将会创建一个基础的angular应用,我们是可以直接运行起来一个应用。这归功与cli已经给我们创建好了一个根模块AppModule,而根模块就是用来启动此应用的模块。 main.ts 是启动的起点,platformBrowserDynam <a href="https://www.cnblogs.com/huangenai/p/12216518.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/huangenai/p/12191832.html
Angular NgModule(模块) - huangenai
NgModule 模块是Angular种一个重要的点,因为Angular的基本构造块就是NgModule。NgModule 会把相关的代码收集到一些功能集中,形成功能单元。在使用Angular CL 命令新建一个项目的时候,会给我们生成一个根模块,命名为 AppModule,根模块有一个根组件App
2020-01-26T05:18:00Z
2020-01-26T05:18:00Z
huangenai
https://www.cnblogs.com/huangenai/
【摘要】NgModule 模块是Angular种一个重要的点,因为Angular的基本构造块就是NgModule。NgModule 会把相关的代码收集到一些功能集中,形成功能单元。在使用Angular CL 命令新建一个项目的时候,会给我们生成一个根模块,命名为 AppModule,根模块有一个根组件App <a href="https://www.cnblogs.com/huangenai/p/12191832.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/huangenai/p/11865328.html
解决关于 npm build --prod ,出现 ERROR in budgets, maximum exceeded for initial. Budget 5 MB was exceeded by 750 kB的问题 - huangenai
问题: 执行命令 :npm build --pord,出现以下错误: 解决方案: 打开angular.json文件,找到budgets看到这段 看得出来得修改maximumWarning值来防止出现此警告,和错误。 修改后: 出现这个问题得原因是,编译得时候运行内存超过预算了。 什么是Angular
2019-11-15T03:37:00Z
2019-11-15T03:37:00Z
huangenai
https://www.cnblogs.com/huangenai/
【摘要】问题: 执行命令 :npm build --pord,出现以下错误: 解决方案: 打开angular.json文件,找到budgets看到这段 看得出来得修改maximumWarning值来防止出现此警告,和错误。 修改后: 出现这个问题得原因是,编译得时候运行内存超过预算了。 什么是Angular <a href="https://www.cnblogs.com/huangenai/p/11865328.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/huangenai/p/11581873.html
docker 仓库 - huangenai
仓库是集中存放镜像的地方,分为公共仓库跟私有仓库,Docker Hub是官方最大的公共镜像库,地址为:https://hub.docker.com. 通常在企业的开发环境以及生产环境中,我们也会搭建私有仓库用于公司内部存放镜像。 我们可以在这里直接查找需要的镜像 https://hub.docker
2019-09-24T15:22:00Z
2019-09-24T15:22:00Z
huangenai
https://www.cnblogs.com/huangenai/
【摘要】仓库是集中存放镜像的地方,分为公共仓库跟私有仓库,Docker Hub是官方最大的公共镜像库,地址为:https://hub.docker.com. 通常在企业的开发环境以及生产环境中,我们也会搭建私有仓库用于公司内部存放镜像。 我们可以在这里直接查找需要的镜像 https://hub.docker <a href="https://www.cnblogs.com/huangenai/p/11581873.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/huangenai/p/11575284.html
docker 容器 - huangenai
容器是docker 的一个核心概念,容器是镜像的一个运行实例。镜像只是静态的只读文件,而容器是带有运行时需要的可写文件层,容器中的应用进程处于运行状态。 简单理解一个容器里包含着我们运行的程序,我们需要了解如何对容器进行操作,才正确维护我们容器中的应用程序。docker 提供了许多命令,用户可以高效
2019-09-23T15:19:00Z
2019-09-23T15:19:00Z
huangenai
https://www.cnblogs.com/huangenai/
【摘要】容器是docker 的一个核心概念,容器是镜像的一个运行实例。镜像只是静态的只读文件,而容器是带有运行时需要的可写文件层,容器中的应用进程处于运行状态。 简单理解一个容器里包含着我们运行的程序,我们需要了解如何对容器进行操作,才正确维护我们容器中的应用程序。docker 提供了许多命令,用户可以高效 <a href="https://www.cnblogs.com/huangenai/p/11575284.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/huangenai/p/11575019.html
docker 制作一个容器,并上传到仓库 - huangenai
创建镜像的三种方法 1.基于已有的镜像的容器创建 启动一个容器并修改容器: docker run -it ubuntu:latest /bin/bash touch test 提交创建新镜像并查看制作好的镜像 docker commit -m "add a new file" -a "docker
2019-09-23T13:35:00Z
2019-09-23T13:35:00Z
huangenai
https://www.cnblogs.com/huangenai/
【摘要】创建镜像的三种方法 1.基于已有的镜像的容器创建 启动一个容器并修改容器: docker run -it ubuntu:latest /bin/bash touch test 提交创建新镜像并查看制作好的镜像 docker commit -m "add a new file" -a "docker <a href="https://www.cnblogs.com/huangenai/p/11575019.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/huangenai/p/11517327.html
docker 安装与基本命令 - huangenai
安装 Install Docker for Linux Download Docker for Mac Install Docker for Windows 镜像是docker三大核心概念中最重要的。docker 运行前需要本地存在对应的镜像,如果不存在则会从默认的镜像仓库下载。所以首先需要先行了解
2019-09-23T11:50:00Z
2019-09-23T11:50:00Z
huangenai
https://www.cnblogs.com/huangenai/
【摘要】安装 Install Docker for Linux Download Docker for Mac Install Docker for Windows 镜像是docker三大核心概念中最重要的。docker 运行前需要本地存在对应的镜像,如果不存在则会从默认的镜像仓库下载。所以首先需要先行了解 <a href="https://www.cnblogs.com/huangenai/p/11517327.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/huangenai/p/11488698.html
docker 基本概念 - huangenai
Docker 是一个开源的应用容器引擎,让开发者可以打包他们的应用以及依赖包到一个可移植的镜像中,然后发布到任何流行的 Linux或Windows 机器上,也可以实现虚拟化。容器是完全使用沙箱机制,相互之间不会有任何接口。 docker的三大核心概念: 镜像,容器,仓库 docker镜像类似于虚拟机
2019-09-08T13:49:00Z
2019-09-08T13:49:00Z
huangenai
https://www.cnblogs.com/huangenai/
【摘要】Docker 是一个开源的应用容器引擎,让开发者可以打包他们的应用以及依赖包到一个可移植的镜像中,然后发布到任何流行的 Linux或Windows 机器上,也可以实现虚拟化。容器是完全使用沙箱机制,相互之间不会有任何接口。 docker的三大核心概念: 镜像,容器,仓库 docker镜像类似于虚拟机 <a href="https://www.cnblogs.com/huangenai/p/11488698.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/huangenai/p/11343884.html
将多个sass文件合并到一个文件中 - huangenai
将多个sass文件合并到一个文件中 应用场景:制作angular npm包的时候,定义的一些全局样式,自定义主题色这类的情况下,多个scss文件会要合并成一个文件并写到dist文件里,发布到仓库中。 gulpfile.js 执行命令
2019-08-13T01:25:00Z
2019-08-13T01:25:00Z
huangenai
https://www.cnblogs.com/huangenai/
【摘要】将多个sass文件合并到一个文件中 应用场景:制作angular npm包的时候,定义的一些全局样式,自定义主题色这类的情况下,多个scss文件会要合并成一个文件并写到dist文件里,发布到仓库中。 gulpfile.js 执行命令 <a href="https://www.cnblogs.com/huangenai/p/11343884.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/huangenai/p/10893680.html
今天有人问我什么是520 ,我说..... - huangenai
今天有人问我什么是520 ,我说 5是程序员都应该知道五大定律,墨菲定律,Knuth定律,Conway定律,North定律,帕金森琐碎定律 2大难题,产品经理的需求,自己写的bug 0是0对象 还有可能是,5行代码,2个bug,0点下班。 以下转载于 http://blog.jobbole.com/
2019-05-20T05:35:00Z
2019-05-20T05:35:00Z
huangenai
https://www.cnblogs.com/huangenai/
【摘要】今天有人问我什么是520 ,我说 5是程序员都应该知道五大定律,墨菲定律,Knuth定律,Conway定律,North定律,帕金森琐碎定律 2大难题,产品经理的需求,自己写的bug 0是0对象 还有可能是,5行代码,2个bug,0点下班。 以下转载于 http://blog.jobbole.com/ <a href="https://www.cnblogs.com/huangenai/p/10893680.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/huangenai/p/10830774.html
Linux ssh远程登陆 - huangenai
确保安装了openssh-server,没安装先执行安装命令安装 编辑sshd_config配置文件 找到这些去掉前面的#号 重启ssh 打开22端口 查找本机ip 第二台机器。先尝试是否可以ping的通次服务器 ssh远程登陆 此随笔乃本人学习工作记录,如有疑问欢迎在下面评论,转载请标明出处。 如
2019-05-09T01:58:00Z
2019-05-09T01:58:00Z
huangenai
https://www.cnblogs.com/huangenai/
【摘要】确保安装了openssh-server,没安装先执行安装命令安装 编辑sshd_config配置文件 找到这些去掉前面的#号 重启ssh 打开22端口 查找本机ip 第二台机器。先尝试是否可以ping的通次服务器 ssh远程登陆 此随笔乃本人学习工作记录,如有疑问欢迎在下面评论,转载请标明出处。 如 <a href="https://www.cnblogs.com/huangenai/p/10830774.html" target="_blank">阅读全文</a>