gaiery的博客

【代码】vue+websocket实现语音对讲功能。

前端项目的编程规范

一、注册流程1、注册小程序账号登录微信公众平台 https://mp.weixin.qq.com/，点击【立即注册】2、选择【小程序】选项卡3、使用已有邮箱进行注册，填写以下信息：4、登录邮箱，进行账号激活1、账号激活后，进行信息登记，以政府类型为例，填写主体信息以及管理员信息：2、相关信息填写完成后，提交审核，预计1~3个工作日内完成审核；3、审核通过后，使用管理员微信账号扫码登录，选择该邮箱下的小程序，进入小程序管理后台，可填写小程序名称、简介、头像等相关信息：二、开发设置

1. 箭头函数和普通函数的区别a. 箭头函数和普通函数的样式不同，箭头函数语法更加简洁、清晰，箭头函数是=>定义函数,普通函数是function定义函数。b. 箭头函数会捕获其所在上下文的 this 值，作为自己的 this 值，定义的时候就确定并固定了。c.箭头函数不能作为构造函数使用，也不能使用new关键字(因为箭头函数没有自己的this，它的this其实是继承了外层执行环境中的this，且this指向永远不会改变,作为构造函数其的this要是指向创建的新对象)。d. 箭头函数没有自己的

1、注册小程序账号，登录微信公众平台https://mp.weixin.qq.com/，点击【立即注册】2、选择【小程序】选项卡3、使用自己的邮箱进行注册，填写以下信息：4、注册成功后，使用账号进行登录5、在【开发管理】->【开发设置】中查看APPID6、安装微信开发者工具https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html7、【项目】->【新建项目】新建项目时，填写项目名称、目录

问题描述：angular单页面应用，有列表和编辑两个页面。列表页包含多个查询条件及分页，选中一条数据进行编辑，路由更新至编辑页，编辑完成后返回列表页，此时，客户希望列表页保持离开时的状态不变，只单独更新这一条数据，其他情况下列表页正常初始化。解决方案：对列表页使用路由复用策略，根据上一个页面是否是编辑页来判断是否进行初始化。如果是编辑页跳转过来，此时列表页不应该执行ngOninit函数，且对单条数据进行更新，如果不是，那列表页执行ngOninit，正常初始化。上代码：1.新建route-strat

安装依赖包echart最新版本5以上的报错，4版本的没有发现问题，可以使用4版本。npm install echarts@4.2.1 --savenpm install ngx-echarts@4.1.1 --savenpm install echarts-wordcloud --saveangular.json引入echarts"scripts": [ "node_modules/echarts/dist/echarts.js" ]模块

问题描述：快速多次点击按钮，ngzorro的message全局提示信息会显示多个，目前官方给出的默认值是7个，希望同一时间最多只显示一个提示信息即可。解决方案：app.module.ts中添加全局配置项nzMaxStack（同一时间可展示的最大提示数量）；*注意事项：以上代码需要写在最顶层的app.module.ts中。const ngZorroConfig: NzConfig = { // 注意组件名称没有 nz 前缀 message: { nzMaxStack:1}, };prov

项目场景：问题一：angular10项目clone下来之后，用vscode打开，代码在保存时会自动格式化。解决方案：原因如下图所示，找到项目目录下的.vscode文件夹，将settings.json文件中的右侧框选属性改成false即可以取消自动修正。问题二：提交代码时提交不上去解决方案：找到项目目录下的.git/hook文件夹，删除pre-commit文件即可。...

文章目录一、ng2-handsontable二、使用步骤1.安装2.引入module3.Use the hot-table component in your template一、ng2-handsontable网址：https://valor-software.com/ng2-handsontable/二、使用步骤1.安装npm i ng2-handsontable --save2.引入moduleimport { HotTableModule } from 'ng2-handsont

1.下载editor.md源文件https://pandao.github.io/editor.md/#download2.将下载的源文件放在项目某目录下：例如：src/assets/editor.md/3.在angular.json文件中，将所需要引入的css、js文件添加进来 "styles": [ "src/assets/editor.md/css/editormd.css" ], "scripts": [ "node_modul

方式一1.首先下载underscorenpm install underscore --savenpm install @types/underscore --save2.在需要的模块引入underscoreimport * as _ from 'underscore';3.在需要的模块可以直接使用了this.fileLists=_.reject(this.fileLists,(el)=>{ return item.file.name==el.name;})方式二1.首先

1.index.html中定义全局变量<script> var middleArea=null;//声明一个全局变量，用于内外部通讯的中间商</script>2.typing.d.ts中声明变量declare var middleArea:any;3.app.component.ts中给middleArea赋值为一个服务constructor( ...

1.GETservice: getData(data): Observable<any> { const url = `${this.config.url}/xxx`; return this.http.get(url, { params: data }).pipe( map(res => res) ...

Angular 支持的内建 validators 如下：required - 设置表单控件值是非空的email - 设置表单控件值的格式是 emailminlength - 设置表单控件值的最小长度maxlength - 设置表单控件值的最大长度pattern - 设置表单控件的值需匹配 pattern 对应的模式ngOnInit() { this.formModel = th...

下面简单介绍一下如何在Angular中使用百度地图。第一步：申请百度地图密钥(http://lbsyun.baidu.com/index.php?title=jspopular/guide/getkey);第二步：在Angular项目中引入百度地图API文件，在index.html中引入<script type="text/javascript" src="http://api.map...

出于安全原因，从Chrome 62开始，可能无法再从跨域iframe请求Notification API的权限，因此您需要将此示例保存在网站/应用程序的HTML文件中，并确保使用HTTPS。...

在项目中发现，切换单选按钮，却触发两次点击事件，代码如下： class="m-r-sm pull-left"> label class="i-checks" ng-change="selectTime('1')"> input type="radio" ng-model="timeChosen" value="1"/>i>i>周一label>

一、安装Nodejs、Angular CLI安装nodejs，node官网下载安装即可；安装完成后查看版本信息：npm –v；npm install –g @angular/cli（下载Angular CLI）；查看Angular CLI的安装结果：ng –v；二、使用Angular CLI创建并运行Angular项目1.创建项目wishmemory ng n...

一、输入属性@Input@Input用来让父模块往子模块传递内容，例如：&lt;app-input [succulent]="succos" [amount]="100"&gt;&lt;/app-input&gt;[succulent]=”succos” 这个标签可以理解为一个专门的监听器，监听父组件传递过来的succos参数，并存入自身组件的succulent变量；1.父组件 f...

一、嵌套分为3种：选择器嵌套、属性嵌套、伪类嵌套。 scss允许将一套 CSS 样式嵌套进另一套样式中，内层的样式将它外层的选择器作为父选择器。1.选择器嵌套 nav { a { color: red; header &amp;amp;amp; {//&amp;amp;amp;：上一级选择器 color:green; } ...

原因：iOS手机竖着拍出的照片被添加了一个顺时针旋转90°的拍照方向；解决：读取图片的拍照方向信息，纠正至正确的方向。参考地址：http://code.ciaoca.com/javascript/exif-js/获取图片Orientation参数，=6是正常竖向拍摄，=3是横线拍摄-180度，=8是竖向-180度拍摄。以下为获取方法：//解决IOS上传竖向照片会旋转90度的问题 ro...

实现思路滚动内容的left值初始化为外部box宽度（注意：css中设置相对定位）；每0.1s ,left值-5，直到left值=-滚动内容宽度，证明滚到到头了；此刻，回归最右侧，left=box宽度。html代码如下：&amp;amp;lt;!doctype html&amp;amp;gt;&amp;amp;lt;html lang=&amp;quot;en&amp;quot;&amp;amp;gt;&amp;amp;lt;head&am

npm start报错如下：解决方案：修改 less-load/dist/index.js文件：加上options.javascriptEnabled = true，然后重新npm start即可。

一、所需设备一台android手机，一台电脑(PC与mac均可)，一根android usb线。二、使用方法1.首先我们需要在自己的android手机上安装chrome浏览器；2.我们需要打开手机的开发者模式，一般android手机都是以下路径打开开发者模式，设置-&gt;关于手机-&gt;版本号连按5次，之后设置菜单中会多出一个开发人员选项，进入将其中的"USB调试"打开即可；3.将...

原因：URL请求中不能直接带英文括号，不会进行自动转码；解决：可以将英文括号改为中文括号。 var str = '(ddddd)'; var reg = /[\(]/g; var reg2 = /[\)]/g; str = str.replace(reg,&quot;（&quot;).replace(reg2,&quot;）&quot;); console.log(str) //（dddd）...

参考链接https://github.com/jacomyal/sigma.js1.将上述链接代码download至本地；2.执行npm install 安装sigma开发依赖项；3.将需要打包的文件放至src目录下；4.编辑Gruntfile.js，将需要打包的文件目录放至coreJsFiles数组当中5.为打包后的文件指定目录和名称：...

Angular 指令的生命周期，它是用来记录指令从创建、应用及销毁的过程。Angular 提供了一系列与指令生命周期相关的钩子，便于我们监控指令生命周期的变化，并执行相关的操作。Angular 中所有的钩子如下图所示： 分类指令与组件共有的钩子ngOnChanges ngOnInit ngDoCheck ngOnDestroy组件特有的钩子ngAfterCo...

xxxx

在项目做到越来越大时，如果前期前端开发没有做好设计和规划，前端代码的性能和可维护性的会暴露出越来越多的问题。因此整理了以下几条前端开发建议： 1.注意代码规范：不要为了一时省事，一气呵成一篇无格式无注释的长篇代码，到后期维护时付出的时间和精力远比初期就做好要付出多倍，特别是需要看别人的代码或别人维护你的代码时，会深有体会，格式以及注释非常重要； 2.通用功能抽取服务，建立工具文件：例如时间格式...