- 博客(84)
- 收藏
- 关注
RSS订阅
原创 js遍历多层嵌套对象存在的JSO数据
js获取含有多层嵌套对象的JSON数据，主要应用迭代的思想。该案例需要获取jsonData中的所有属性值。<!DOCTYPE><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title></head><body> <h1> <button o
2020-10-24 23:50:00
3256
原创 拉取远端代码后，只修改部分代码，显示全部代码差异，原代码提交者使用mac，修改代码者使用windows
可以发现源文件是UNIX,现在是PC,两者不一致，可能原因为他们使用的默认配置不一致，具体什么配置，就要具体分析了。
2023-08-15 17:22:57
258
原创 Vue3中，实现IP电话功能，要求在所有页面均可接收到来电，并进行通话——子组件和父组件共用一个组件
Vue3中，实现IP电话功能，要求在所有页面均可接收到来电，并进行通话——子组件和父组件共用一个组件。
2023-07-18 10:45:45
901
原创 下载node配置环境变量，解决报错node : 无法将“node”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包 括路径，请确保路径正确，然后再试一次。
node下载及配置环境变量
2022-08-25 17:05:57
711
原创 electron打包现成的vue项目成.exe文件，build打包vue项目（quasar 框架）
前言： 公司已有web端vue项目，现在有需求，需要把web端的该项目用electron打包成 .exe 可执行文件。思考：打包成 .exe 文件，首先需要将vue项目在本地打包成静态可运行文件，其次使用electron将build后的文件打包成 .exe 可执行文件。步骤：一、 在 quasar.conf 文件中进行构建配置，位置在build属性下面：1、具体配置哪些配置项，可以参考quasar官方文档：quasar.conf.js build 属性配置build: { // v
2022-03-09 16:24:48
2569
原创 下载并使用阿里图标库
一、 下载图标库1. 打开阿里图标库网址 https://www.iconfont.cn/，选择自己喜欢的图标，加入购物车（需要进行登录）。2. 点开购物车图标，点击下载代码。二、使用阿里图标库解压下载的文件夹，将 整个文件夹 添加到项目里面。在合适的位置引用该文件夹下面的iconfont.css文件。在html文件标签中，使用相关的类即可。三、vue项目为例将文件夹放到assets文件夹下面引入css文件使用图标类具体是什么类名可以参考，1. 中的demo_index.
2022-02-11 17:30:24
2074
原创 vue ui 创建项目 ，添加样式时报错，通过vue ui安装less-loader 和less 依赖后报错，百度告诉说版本太高导致
vue ui 安装依赖时，无法选择指定版本，所以，解决办法有两个，第一个用vue ui卸载安装的less-loader 和 less依赖， 第二个使用命令行卸载安装的less-loader 和 less 依赖。两种方法均需要用命令行进行指定版本的安装。方法参考如下：请参考 https://blog.csdn.net/qq_44696483/article/details/118961682...
2022-02-09 18:20:35
449
原创 vscode 设置保存格式化，当保存时，单引号变成了双引号，vue项目报错
新建一个vue项目并设置了格式化，当我们在初始化结构目录中进行修改并保存时，会出现单引号变成了双引号，导致运行项目报错问题，解决方法如下：在项目根目录中，新建一个文件，命名为‘ .prettierrc.json’(注意不要丢掉前面的,)在该文件中，输入如下代码：{ "singleQuote": true, "semi": false } 重新进行保存，运行即可。...
2022-02-09 16:30:24
2719
原创 vscode或cmd:无法将“git”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确
请参考该文章https://blog.csdn.net/weixin_40679578/article/details/109219838如果 git-core 没有找到，直接设置vscode管理员运行即可。
2022-02-07 11:18:29
717
原创 如何在git提交时，设置部分文件不需要提交
如何在git提交时，设置部分文件不需要提交前提保证项目文件中.git 和 .gitignore 在同一目录下，并且该目录下只有一个.git文件 和 .gitignore文件。设置打开 .gitignore 文件，在最后面输入如下内容，以设置yarn.lock文件不上传为例# ignore files //(注意#后面有一个空格)*.lock // 将要设置的文件后缀名放在这里运行切换到项目文件，执行cmd 进入dos窗口，并执行如下代码：git add . git c
2022-01-13 18:12:34
880
原创 git 克隆远端分支，关联到本地，修改代码并提交到远程分支
背景： 多人项目，没人远程一个分支，直接克隆只可克隆master分支，看不到自己分支上的代码。需求： 同步远程分支到本地，将本地分支与远程分支进行关联，修改代码，更新到远程分支。实现：按照正常流程克隆到本地，cd +tab 切换到项目里面。输入 git branch -a 会看到远端所有分支，确定自己的分支。输入 git checkout -b xxx origin/XXX (xxx是本地要用的分支，XXX是在上一步中确定的自己的分支名称，也就是 remotes/or
2021-09-07 16:22:40
506
原创 麦克风输入不进去声音
情况是这样子的：麦克风处于打开状态，声音测试也显示声音波动条，声音依然输入不进去。方法：查看麦克风级别中麦克风是否静音。操作步骤：右击电脑右下角小喇叭状的图标，点击[声音]，进入声音面板，点击录制，选中麦克风阵列，进入[属性]，点击[级别]，查看麦克风阵列上面小喇叭的状态是否显示被静音了。图解：声音面板，该处点击[录制]点击录制后进入该页面，从该页面进入麦克风阵列[属性]查看级别中麦克风阵列是否被静音，如果静音，打开即可。...
2021-07-15 15:01:41
1484
4
原创 git 克隆新的 git 地址项目，用户名或者密码输入错误，再次执行不弹出用户名密码无法修改
打开控制面板 —— 直接点笔记本左下角 windows图标 输入“控制面板“ 搜索即可。进入用户账户模块进入凭据管理器 模块下面的 管理 windows 凭据。点击刚刚出错的git地址。根据需要执行 ”编辑“或者”删除“。 如果删除，再次执行git时，会再次弹出用户名和密码输入框。...
2021-05-14 15:41:34
438
原创 提交git push 的时候报错，Please make sure you have the correct access rights
这种情况是SSH的问题，通过以下几步即可解决1、 删除本地 .ssh 文件：一般.ssh文件，放在C:\Users\用户名路径下，直接删掉即可。2、 生成新的SSH:（1）window+R，打开控制面板，输入where Git，找到Git下面的bin路径下的bash.exe，启动并输入命令ssh-keygen -t rsa -C "xxx" (注：xxx为你git上的用户名或者邮箱)（2）3. 出现 Enter file in which to save the key (/Users.
2021-04-09 18:49:34
466
原创 git 回退远端master分支版本
情景：脑残将自己分支上的内容合并到了master上面需求： 将master分支还原到原来的版本。方法：1. 切换分支到mastergit checkout master确认是否正确切换到了master分支上面：git branch如果master分支前面有一个*表示切换成功，此时所在分支为master2.查看提交版本记录,切换到原来版本号查看版本号git log切换到指定版本号git reset --hard[version]3.强制提交.
2021-03-26 15:30:20
5362
4
原创 使用OBS推RTMP流
第一步，下载OBS:官网地址：https://obsproject.com/点击Download， 进行下载，安装。第二步：部署服务器此处忽略，交给服务端处理。第三步:配置OBS点击底部设置按钮，进行服务地址等内容的设置。选择左侧的推流，服务选择自定义，服务器填写自己的IP地址，串流密钥填写流名，填写完后点击确定。第四步：设置媒体源，点击开始推流。当底部出现视频信息后，说明推流成功。可以在VLC里面进行观看，进行验证。第五步：验证打开VLC， 点击
2021-03-19 18:20:29
7307
2
原创 解决webpack 打包出现额外的xxxx.LICENSE.js文件
最近打包遇到了打包完成之后，除了xxxx.js之外，还会多一个xxxx.LICENSE.js文件，很苦恼，百度后发现，原来是webpack5的原因，如果你也遇到这样的问题，请确认使用的webpack版本是不是5及以上。参考如下博客后问题完美解决，感谢。https://blog.csdn.net/qq_39903567/article/details/114384242需要注意的是：1. 虽然博客里面分析说无需安装terser-webpack-plugin，但是我这边不安装是没有办法解决.
2021-03-19 16:12:00
1272
3
原创 使用yarn安装quasar，quasar创建新项目 出错error eslint
在使用quasar新建项目的时候，可能会出现如下报错：error [email protected]: The engine "node" is incompatible with this module. Expected version "^6.14.0 || ^8.10.0 || >=9.10.0". Got "9.5.0"error Found incompatible moduleinfo Visit https://yarnpkg.com/en/docs/cli/add for do
2021-02-07 06:55:00
1190
原创 实现 使用NVM 切换Node版本，解决不同项目对不同node版本的需求
该文章可能有点长，一步一步跟着我来，一定会成功的。第一步：卸载已安装的node，如果没有安装请忽略这一步。（1）默认安装的，请分别删除一下文件：C:\Program Files (x86)\NodejsC:\Program Files\NodejsC:\Users{User}\AppData\Roaming\npm（或%appdata%\npm）C:\Users{User}\AppData\Roaming\npm-cache（或%appdata%\npm-cache）如不能删除，请自行百度，这
2021-02-05 18:32:21
817
原创 交换li的位置
<ul> <li class="pars"> <div class="stream-item" data-id="__k__"> <div class="stream-video" id="video-__k__"></div> <div class="stream-info"><pre></pre></div> .
2021-01-05 23:16:09
1184
原创 JS 将有规律的数组，转换成对象数组
在工作中经常会遇到解析数据的问题，今天需要用js实现，将一个含有一些有规律数据的数组，解析成对象数组。比如：[‘123’,‘er’,‘456’, ‘fr’] ==》[{id: ‘123’, name:‘er’}, {id: ‘456’, name:‘fr’}]由于时间关系，写了一个小的casevar j = {}; var str = ['123','er','456', 'fr']; var obj = []; for (va
2020-12-25 12:00:21
312
原创 权限不同，设置标签绑定的事件生效与不生效（使事件不起作用）
应用场景：直播间，主播身份进入，麦克风摄像头等按钮可实现开关功能，即麦克风摄像头按钮存在单击事件；观众身份进入直播间，该按钮不起作用，即事件绑定不生效。解决方案：当用户身份为观众时，给麦克风和摄像头等相关标签添加一个类名，并设置新添加的类的CSS样式标签，设置pointer-events:none;比如 html:<div class="camera video"><button><img src="" alt=""></button>&..
2020-12-10 23:00:31
154
1
原创 python中的try......except......
在python程序中我们有时会遇到错误或者“异常”，这往往意味着整个程序面临崩溃。我们并不希望在运行过程中突然出现此类状况，而是希望能够知道错误类型，并能够及时处理它，然后继续运行。今天我们介绍一下如何用try......except......通过判断错误类型，进行及时处理，来保证程序正常运行。这里我们通过一个简单的小例子来理解：题目：写一个函数，判断输入值（num）的奇偶性，如...
2020-04-07 17:33:30
477
原创 可以输入值的下拉框（select和input的组合使用）
一些时候为了方便用户，提升用户的良好体验，我们需要在设计下拉框的同时，允许用户输入自己的数据，方便提高搜索效率。下面一段简单的代码实现，select和input的结合实现可以输入数据的下拉框。HTML代码： <div style=":auto;padding:5px;"> <select id="demoSelect" ng-model="bi
2017-08-09 17:45:48
41360
11
原创 Angular实现tab切换
实现标签切换功能，即如上图，通过控制标签选中状态，下面表格随之变动。首先，所有tab标签是一个html页面。下面不同表格是一个html界面。并分别对应一个js文件。暂时命名为，parent.html、parent.js、child1.html、child2.html。在parent.html中通过include一个变量控制加载child1.html。<div oc-lazy-load='eca/de
2017-07-17 16:20:14
3539
1
原创 JS中代表结束的三个关键字 break,continue,return
**逻辑控制作为JS编程的核心，在编码中是最常使用的，那么在使用的过程中一些常见的问题需要使用特定的语句来实现。我们用的比较多的就是循环语句，在循环语句中，一定会有满足条件或者不满足条件跳出循环的时刻，这个时候就用到循环结束语句，一般是使用break跳出当前整个循环；如果跳出某一次循环，当满足条件时继续执行，此时可用continue；return 一般作用于一个函数，用来结束函数。break表示跳
2017-05-10 10:00:25
1726
原创 jQuery中的事件冒泡、事件捕获和事件追加引发的问题
近日在项目中遇到一些问题，一个是ID值唯一存在的问题，另一个便是事件的追加产生的错误。 关于ID值唯一存在，从id的定义来看，id代表唯一的元素，若页面中出现多个标签存在相同的id，那么此时只有第一个id所在的标签起作用，而且会多次起作用。所以若需要多个相同的元素出现在一个页面上，切记不要使用相同的ID值，建议可使用class或者name。 其次是事件的冒泡、捕获和追加事件，前两者很好理解，见得
2017-05-05 18:09:05
829
原创 黑盒测试面试
测试的主要内容测试主要分为白盒和黑盒测试，这里仅就黑盒测试进行介绍。 黑盒测试是根据产品特性、操作描述和用户方案，测试一个产品的特性和可操作行为以确定它们满足设计需求。本地化软件的功能测试，用于验证应用程序或网站对目标用户能正确工作。使用适当的平台、浏览器和测试脚本，以保证目标用户的体验将足够好，就像应用程序是专门为该市场开发的一样。功能测试是为了确保程序以期望的方式运行而按功能要求对软件进行的测
2017-03-17 12:05:31
5145
原创 面试宝典（三）
1、什么是语义化的HTML 直观的认识标签，对于搜索引擎的抓取有好处 2、清除浮动的几种方式，各自的优缺点 （1）、使用空标签清除浮动 cl、ear:both（理论上能清除任何标签，增加无意义的标签） （2）、使用overflow:auto（空标签元素清除浮动而不得不增加无意义的代码的弊端，使用zoom:1用于兼容ie） （3）、使用after伪元素清除浮动（其父元素height:0;zo
2016-11-14 20:10:11
386
原创 Ajax总结
1、什么是Ajax不用刷新页面，但可以和服务器进行通信的方式，使用Ajax的主要方式是XMLHttpRequest对象 使用XMLHttpRequest对象实现Ajax2、Ajax传输数据的三种方式：（1）、XML：笨重，解析困难，但XML是通用的数据交换格式（2）、HTML：不需要解析可以直接放到文档中。若仅更新一部分区域，但传输的数据不是很方便，但HTML代码需要拼接完成（3）、JSON：小巧
2016-11-13 14:42:45
336
原创 jQuery中的Ajax
jQuerh对Ajax操作进行了封装，在jQuery中最底层的方法是.ajax().第二层是load(),.ajax().第二层是load(),.get()和.post().第三层是.post().第三层是.getScript()和$.getjSon().load()方法load方法是jQuery中最为简单和常用的Ajax方法，能载入远程的HTML代码并插入到DOM中，它的结构是：load(url[
2016-11-12 13:48:09
360
原创 Ajax拿取JSON格式的数据
JSON简介JSON(javaScript Object Notation) 一种简单的数据格式，比xml更轻巧。 JSON是javaScript原生格式。这意味着在 javaScript中处理JSON数据不需要任何特殊的API或工具包。JSON的规则很简单：对象是一个无序的“‘名称／值’对”集合。一个对象以“{”(做括号)开始，“}”(右括号)结束。但每个“名称”后跟一个“ ：”（冒号）；
2016-11-11 23:58:32
770
原创 Ajax获取XML格式的数据
XML格式数据的解析优点：XML是一种通用的数据格式。不必把数据强加到已定义好的格式中，二是要为数据自定义合适的标记利用DOM可以完全掌控文档。缺点：如果文档来自于服务器，就必须得保证文档含有正确的首部信息。若文档类型不正确，那么response XML的值是空的。当浏览器接受到长的XML文件后， DOM解析可能会很复杂。解析XML代码如下：1、xml文件（文件名为：test.xml）
2016-11-11 22:07:26
1046
原创 Ajax拿取html格式数据
数据格式提要在服务器端Ajax是一门与语言无关的技术。在业务逻辑层使用何种服务器端语言都可以从服务器端接收数据的时候，那些数据必须以浏览器能够理解的格式来发送。服务器端端编程语言能以如下3种格式返回数据： XML JSON HTML解析 HTMLHTML由一些普通文本组成，如果服务器通过XMLHttpRequest发送HTML，文本将存储在responseText属性中。不必从respo
2016-11-11 17:15:23
1267
原创 Ajax获取数据的流程
一、Ajax的对象 XMLHttpRequest的方法 方法 描述 abort() 停止当前请求 getAllResponseHeaders() 把 HTTP请求的所有响应首部作为健／值对返回 getResponseHdader(“header”) 返回指定首部的串值 open(“method”,”url”) 建立对服务器端调用。Method参数可以是GET、P
2016-11-11 16:20:45
2361
原创 初识Ajax
Ajax工具包Ajax并不是一项新技术，它实际上是几种技术，每种技术各尽其职，以一种全新的方式聚合在一起。服务器端语言：服务器需要具备向浏览器发送特定信息的能力。Ajax与服务器端语言无关。XML(eXtensible Markup Language,可扩展标记语言)是一种描述数据的格式。Ajax程序需要某种格式化的格式来在服务器和客户端之间传递信息，XML是其中一种选择。XHTML(eXte
2016-11-10 19:13:57
363
原创 前端面试宝典（二）
1、对WEB标准以及W3C的理解与认识标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率。使用外链css和js脚本、结构行为表现的分离，使文件下载与页面速度更快，内容能被更多的用户、设备所访问。更少的代码和组件，容易维护和改版，不需要变动页面内容打印版本而不需要复制内容，提高网站的易用性。2、行内元素有哪些?块级元素有哪些?CSS盒模型是什么？块级元素：div p h系列
2016-10-21 18:02:14
521
原创 前端面试宝典（一）
你如何理解HTML结构的语意化?1、去掉或样式丢失的时候能让页面呈现清晰的结构；2.屏幕阅读器（如果访客有视障）会完全根据你的标记来“读”你的网页；3.PDA、手机等设备可能无法像普通电脑的浏览器一样来渲染网页（通常是因为这些设备对CSS的支持较弱）；4.搜索引擎的爬虫也依赖于标记来确定上下文和各个关键字的权重；5.你的页面是否对爬虫容易理解非常重要,因为爬虫很大程度上
2016-10-21 16:36:57
1529
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人