前端
刘小筛
为自己代言~
展开
-
如何获取想要的颜色值
吸取颜色原创 2023-04-18 15:07:58 · 656 阅读 · 0 评论 -
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 · 2763 阅读 · 0 评论 -
使用yarn安装quasar,quasar创建新项目 出错error eslint
在使用quasar新建项目的时候,可能会出现如下报错:error eslint@5.6.0: 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 · 1249 阅读 · 0 评论 -
实现 使用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 · 898 阅读 · 0 评论 -
交换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 · 1966 阅读 · 0 评论 -
权限不同,设置标签绑定的事件生效与不生效(使事件不起作用)
应用场景:直播间,主播身份进入,麦克风摄像头等按钮可实现开关功能,即麦克风摄像头按钮存在单击事件;观众身份进入直播间,该按钮不起作用,即事件绑定不生效。解决方案:当用户身份为观众时,给麦克风和摄像头等相关标签添加一个类名,并设置新添加的类的CSS样式标签,设置pointer-events:none;比如 html:<div class="camera video"><button><img src="" alt=""></button>&..原创 2020-12-10 23:00:31 · 183 阅读 · 1 评论 -
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 · 3355 阅读 · 0 评论 -
面试宝典(三)
1、什么是语义化的HTML 直观的认识标签,对于搜索引擎的抓取有好处 2、清除浮动的几种方式,各自的优缺点 (1)、使用空标签清除浮动 cl、ear:both(理论上能清除任何标签,增加无意义的标签) (2)、使用overflow:auto(空标签元素清除浮动而不得不增加无意义的代码的弊端,使用zoom:1用于兼容ie) (3)、使用after伪元素清除浮动(其父元素height:0;zo原创 2016-11-14 20:10:11 · 407 阅读 · 0 评论 -
Ajax总结
1、什么是Ajax不用刷新页面,但可以和服务器进行通信的方式,使用Ajax的主要方式是XMLHttpRequest对象 使用XMLHttpRequest对象实现Ajax2、Ajax传输数据的三种方式:(1)、XML:笨重,解析困难,但XML是通用的数据交换格式(2)、HTML:不需要解析可以直接放到文档中。若仅更新一部分区域,但传输的数据不是很方便,但HTML代码需要拼接完成(3)、JSON:小巧原创 2016-11-13 14:42:45 · 358 阅读 · 0 评论 -
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 · 407 阅读 · 0 评论 -
Ajax拿取JSON格式的数据
JSON简介JSON(javaScript Object Notation) 一种简单的数据格式,比xml更轻巧。 JSON是javaScript原生格式。这意味着在 javaScript中处理JSON数据不需要任何特殊的API或工具包。JSON的规则很简单:对象是一个无序的“‘名称/值’对”集合。一个对象以“{”(做括号)开始,“}”(右括号)结束。但每个“名称”后跟一个“ :”(冒号);原创 2016-11-11 23:58:32 · 801 阅读 · 0 评论 -
Ajax获取XML格式的数据
XML格式数据的解析优点:XML是一种通用的数据格式。不必把数据强加到已定义好的格式中,二是要为数据自定义合适的标记利用DOM可以完全掌控文档。缺点:如果文档来自于服务器,就必须得保证文档含有正确的首部信息。若文档类型不正确,那么response XML的值是空的。当浏览器接受到长的XML文件后, DOM解析可能会很复杂。解析XML代码如下:1、xml文件(文件名为:test.xml)原创 2016-11-11 22:07:26 · 1075 阅读 · 0 评论 -
初识Ajax
Ajax工具包Ajax并不是一项新技术,它实际上是几种技术,每种技术各尽其职,以一种全新的方式聚合在一起。服务器端语言:服务器需要具备向浏览器发送特定信息的能力。Ajax与服务器端语言无关。XML(eXtensible Markup Language,可扩展标记语言)是一种描述数据的格式。Ajax程序需要某种格式化的格式来在服务器和客户端之间传递信息,XML是其中一种选择。XHTML(eXte原创 2016-11-10 19:13:57 · 389 阅读 · 0 评论 -
Ajax获取数据的流程
一、Ajax的对象 XMLHttpRequest的方法 方法 描述 abort() 停止当前请求 getAllResponseHeaders() 把 HTTP请求的所有响应首部作为健/值对返回 getResponseHdader(“header”) 返回指定首部的串值 open(“method”,”url”) 建立对服务器端调用。Method参数可以是GET、P原创 2016-11-11 16:20:45 · 2381 阅读 · 0 评论 -
Ajax拿取html格式数据
数据格式提要在服务器端Ajax是一门与语言无关的技术。在业务逻辑层使用何种服务器端语言都可以从服务器端接收数据的时候,那些数据必须以浏览器能够理解的格式来发送。服务器端端编程语言能以如下3种格式返回数据: XML JSON HTML解析 HTMLHTML由一些普通文本组成,如果服务器通过XMLHttpRequest发送HTML,文本将存储在responseText属性中。不必从respo原创 2016-11-11 17:15:23 · 1303 阅读 · 0 评论 -
前端面试宝典(二)
1、对WEB标准以及W3C的理解与认识标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率。使用外链css和js脚本、结构行为表现的分离,使文件下载与页面速度更快,内容能被更多的用户、设备所访问。更少的代码和组件,容易维护和改版,不需要变动页面内容打印版本而不需要复制内容,提高网站的易用性。2、行内元素有哪些?块级元素有哪些?CSS盒模型是什么?块级元素:div p h系列原创 2016-10-21 18:02:14 · 539 阅读 · 0 评论 -
前端面试宝典(一)
你如何理解HTML结构的语意化?1、去掉或样式丢失的时候能让页面呈现清晰的结构;2.屏幕阅读器(如果访客有视障)会完全根据你的标记来“读”你的网页;3.PDA、手机等设备可能无法像普通电脑的浏览器一样来渲染网页(通常是因为这些设备对CSS的支持较弱);4.搜索引擎的爬虫也依赖于标记来确定上下文和各个关键字的权重;5.你的页面是否对爬虫容易理解非常重要,因为爬虫很大程度上原创 2016-10-21 16:36:57 · 1559 阅读 · 0 评论