
WEB前端
文章平均质量分 61
raoxiaoya
这个作者很懒,什么都没留下…
展开
-
npm install 报错 request to https://registry.npm.taobao.org/ failed, reason: certificate has expired
npm install 报错 request to https://registry.npm.taobao.org/ failed, reason: certificate has expired原创 2025-02-14 18:00:06 · 622 阅读 · 0 评论 -
golang调用webview,webview2,go-webview2
golang调用webview,webview2,go-webview2原创 2024-11-21 18:52:52 · 1698 阅读 · 0 评论 -
HTTP中的event-stream,eventsource,SSE,chatgpt,stream request,golang
我们都知道chatgpt是生成式的,因此它返回给客户端的消息也是一段一段的,所以普通的HTTP协议无法满足,当然websocket是能满足的,但是这个是双向的通信,其实 SSE(Server-Sent Events) 正好满足这个需求。要实现SSE,服务端需要设置以下Headers。原创 2024-09-20 09:25:50 · 2393 阅读 · 0 评论 -
CSRF,XSS攻击与预防
CSRF,XSS攻击与预防原创 2024-03-25 21:14:53 · 468 阅读 · 2 评论 -
vue中的 this.$refs,this.$emit,this.$store,this.$nextTick 的使用
vue中的 this.$refs,this.$emit,this.$store,this.$nextTick 的使用原创 2024-03-17 20:08:56 · 874 阅读 · 0 评论 -
使用 vue-cli-service build 打包的 vue 项目出现白屏
使用 vue-cli-service build 打包的 vue 项目出现白屏原创 2024-03-11 15:11:34 · 325 阅读 · 0 评论 -
Element-UI中的el-upload插件上传文件action和headers参数
Element-UI中的el-upload插件上传文件action和headers参数原创 2024-01-24 16:57:38 · 2926 阅读 · 1 评论 -
关于WebGL,Three.js,OpenGL,Direct3D,CSS3D,GPU
关于WebGL,Three.js,OpenGL,Direct3D,CSS3D,GPU原创 2022-08-31 17:02:31 · 1843 阅读 · 0 评论 -
使用抠脚的前端功力编写一个计算器 electron
项目地址:https://github.com/phprao/electron-calculater启动项目npm start打开调试模式,用来调试开发样式。修改了代码,并不会自动刷新,需要手动点击view->force reload。修改后。编写完之后打包即可。electron 以及打包操作参考:https://blog.youkuaiyun.com/raoxiaoya/article/details/116195028...原创 2021-05-07 11:44:41 · 122 阅读 · 0 评论 -
使用 electron 开发桌面应用并打包
一、概要文档官网:https://www.electronjs.org/文档:https://www.electronjs.org/docs环境准备:安装 node.js包管理工具 npmnode -vnpm -v二、创建一个 Electron DEMO参考文档:https://www.electronjs.org/docs/tutorial/quick-start#prerequisites项目架构从开发的角度来看,Electron 应用本质上是一个 Node.js 应用。 这原创 2021-04-27 10:59:24 · 1802 阅读 · 1 评论 -
将web网站打包成电脑桌面应用,electron,nativefier
项目地址:https://github.com/jiahaog/nativefier简介现如今,我们大多数人都拥有多台设备,至少用两个系统,除非你对苹果生态系统十分着迷,否则这些设备没有办法达到你想象中的那样无缝协作,尽管人们一直致力于不同设备之间的沟通差距。例如许多应用程序是为计算机准备的,即便你离开手机也可以使用。有时候开发人员只是发布一个Web客户端,而不是本地桌面应用。github 上有一款神器可以将Web应用一秒创建为本地桌面应用,这款神器名字叫做——Nativefier。nativefi原创 2021-01-11 15:56:47 · 6714 阅读 · 0 评论 -
javascript中的正则表达式
修饰符:i 执行对大小写不敏感的匹配。g 执行全局匹配(查找所有匹配而非在找到第一个匹配后停止)。m 执行多行匹配。一、javascript字符串提供的功能:var str = 'http://localhost:8089/dist/index.html#/set_product';1、match(regexp: string | RegExp): RegExpMatchArray | null;/*** Matches a string with a regular express原创 2020-10-30 15:12:15 · 2648 阅读 · 0 评论 -
Vue 中 this.$router 与 this.$route 的区别 以及 push() 方法
官房文档里是这样说明的:通过注入路由器,我们可以在任何组件内通过 this.$router 访问路由器,也可以通过 this.$route 访问当前路由可以理解为:this.$router 相当于一个全局的路由器对象,包含了很多属性和对象(比如 history 对象),任何页面都可以调用其 push(), replace(), go() 等方法。this.$route 表示当前路由对象,每一个路由都会有一个 route 对象,是一个局部的对象,可以获取对应的 name, path, params,原创 2020-10-30 11:18:34 · 880 阅读 · 0 评论 -
上传到七牛云的图片视频如何下载
最近把视频传到七牛云,然后使用浏览器打开视频地址,其实浏览器会直接播放,那么想要下载而不是播放改怎么做呢?你或许尝试过自己写js,或者走后端的方式来下载,但是七牛云提供了直接下载的功能。文档:https://developer.qiniu.com/kodo/manual/1659/download-setting对于中文文件名,为了更好的支持中文,将attname=后面的中文文件名部分URLEncoder。示例:http://videoactivity.bookan.com.cn/video2-vi原创 2020-08-17 18:09:06 · 1434 阅读 · 0 评论 -
Duplicate keys detected: ‘1103830‘. This may cause an update error
当vue报这样的错是因为你在使用v-for渲染数据时数据中存在相同的key位比如:<el-option v-for="(item,index) in orgList" :key="item.orgid" :label="item.orgname" :value="item.orgid"></el-option>证明你的额数据集存在相同的 orgid...原创 2020-08-17 15:13:10 · 691 阅读 · 0 评论 -
javascript中的对象与数组的区别以及转换成json字符串
最简单的区别就是:1、对象是Key-value的集合。key必须有,key可以是数字,字符串;value可以是任何类型。访问方式为obj.key 或者 obj[key],遇到数字的key使用obj[key]。例如var products = { 162: {aa: '1', bb: 3}, 164: {aa: '1', bb: 3},};如果没有key就会报错,错误例子var products = { {aa: '1', bb: 3}, {aa: '1', bb: 3},};操原创 2020-07-16 11:23:14 · 673 阅读 · 0 评论 -
javascript获取数组,对象的实际长度
绝大部分人会告诉你使用length属性,然而你懂的。<script type="text/javascript"> var a = []; a[50] = 50; alert(a.length);</script>得到结果51<script type="text/javascript"> var a = []; a['age'] = '18'; a['sex'] =原创 2020-07-16 08:47:52 · 1577 阅读 · 0 评论 -
多个ajax请求按顺序执行回调
我们知道ajax在浏览器中是被异步处理的,也就是说,他是按照先响应先处理的,并不是先请求先处理的。但是有些业务我们需要按顺序来处理,是有先后的,我们有以下两种方式。jquery > 1.5.01、当我们要确保执行顺序时,设置 async=false,就是同步请求了 ajax1 = $.ajax({ async: false, url: url1, ...原创 2019-05-25 11:05:24 · 3658 阅读 · 0 评论 -
开发与发布vue项目
1、安装vue运行环境安装nodejs:https://nodejs.org/en/https://www.cnblogs.com/zhaomeizi/p/8483597.html目录:D:\Program Files\nodejs勾选:Add to path安装完成后设置缓存文件夹 npm config set cache “D:\Program Files\nodejs\node_...原创 2019-10-22 08:52:20 · 740 阅读 · 0 评论 -
node构建前端项目
node构建前端项目项目名称: elastic1. 创建并初始化项目进入工作空间在shell下执行命令mkdir elasticcd elasticnpm init命令运行完成之后,会在当前目录下生成package.json文件2. 编辑并配置package.json{ "name": "elastic", "version": "1.0.0", "desc...原创 2019-06-26 21:56:44 · 1598 阅读 · 0 评论 -
视频类网站的基本实现
视频类网站的基本实现Linux准备视频:m3u8,ts切片,ffmpeg一、安装ffmpeg 参考:https://www.cnblogs.com/freeweb/p/6897907.html cd /usr/local/src wget https://ffmpeg.org/releases/ffmpeg-4.0.2.tar.bz2 tar -xjf ffmpeg-4.0...原创 2019-06-25 18:19:06 · 1013 阅读 · 0 评论 -
关于ajax请求下载文件的问题
关于ajax请求下载文件的问题ajax的返回值类型是json,text,html,xml类型,或者可以说ajax的发送,接受都只能是string字符串,不能流类型,所以无法实现文件下载,强用会出现response冲突。解决办法:模拟表单来提交请求即可$('.partner-info .output').on('click', function(){ var v0 = $("....原创 2019-06-19 18:33:14 · 816 阅读 · 0 评论 -
m3u8文件
#EXTM3U#EXT-X-VERSION:3#EXT-X-TARGETDURATION:8#EXT-X-MEDIA-SEQUENCE:0#EXTINF:4,/20180726/po0ip4HR/800kb/hls/x77F9N8626000.ts#EXTINF:4,/20180726/po0ip4HR/800kb/hls/x77F9N8626001.ts#EXTINF:4,/2...原创 2019-08-13 12:00:33 · 8522 阅读 · 1 评论 -
多个ajax按顺序请求
有时候在业务中数据的请求是有先后顺序的,但是默认的ajax都是异步执行的,实现同步请求的话只需要设置 async: false,示例如下:<script> var url1 = '/center/Report/test1'; var url2 = '/center/Report/test2'; var url3 = '/center/Report/test3...原创 2019-08-02 11:38:14 · 2441 阅读 · 1 评论 -
JQuery 自动触发事件
常用模拟有时候,需要通过模拟用户操作,来达到单击的效果。例如在用户进入页面后,就触发click事件,而不需要用户去主动单击。在JQuery中,可以使用trigger()方法完成模拟操作。例如可以使用下面的代码来触发id为btn的按钮的click事件。$('#btn').trigger("click");这样,当页面加载完毕后,就会立刻输出想要的效果。也可以直接简写click(),来达到同...原创 2019-08-02 11:05:49 · 224 阅读 · 0 评论 -
javscript构造表单同步提交请求导出Excel并执行回调
支持单个值和数组形式参数按钮<a class="mini-button" onclick="ExportExcel()"> 导出</a>构造参数function ExportExcel() { var dates = initDate(); var data = { startdate: dates[0], endd...原创 2019-08-06 10:32:21 · 490 阅读 · 0 评论 -
使用PHP返回m3u8文件内容
使用PHP返回m3u8文件内容目录结构如下:根目录: getM3u8.php item movie.m3u8 movie-0.ts ...movie.m3u8内容为:#EXTM3U#EXT-X-VERSION:3#EXT-X-MEDIA-SEQUENCE:0#EXT-X-ALLOW-CACHE:YES#EXT-X-TARGETDURATION:303#EXT...原创 2019-08-01 14:37:23 · 7074 阅读 · 1 评论 -
Mime 类型列表
转 https://www.cnblogs.com/xiaohi/p/6550133.htmlapplication/octet-stream 为通用的类型原创 2019-07-23 08:58:15 · 449 阅读 · 0 评论 -
关于jquery的load()方法
关于jquery的load()方法jquery load方法是对jQuery.ajax()进行封装以方便我们使用的一个方法,当我们需要处理较为复杂的逻辑时候,还是需要用到jQuery.ajax()这个比较全面的方法的。load()主要用来加载header、footer、siderbar、tip(提示框/输入框)等多个公共组件,以及简单的调用动态接口。实际应用中这种布局有两种实现方式:...原创 2019-06-19 18:29:34 · 6904 阅读 · 0 评论