前端
素白年代
成为技术大牛!
展开
-
vue <script setup> defineExpose
父组件定义变量并导出<script setup> const a = {} defineExpose({ a })</script>子组件取得变量<scirpt setup> const vm = getCurrentInstance() //拿到父组件导出的变量a const a = vm.parent.exposed.a</script>...原创 2022-02-25 21:51:28 · 740 阅读 · 0 评论 -
vue <script setup>语法糖 defineEmits子组件向父组件传递事件
子组件定义事件<script setup>const emits = defineEmits('[childEvent]')const someEvent = function(){ //触发事件 emits('childEvent')}</script>父组件调用事件<template> <child @childEvent="_childEvent"></child></template原创 2022-02-25 21:24:57 · 776 阅读 · 0 评论 -
原生ajax解析json文件
function ajaxGetJson(url, success){ let xhr = null if(window.XMLHttpRequest){ xhr = new XMLHttpRequest() }else { xhr = new ActiveXObject("Microsoft.XMLHTTP") } xhr.open('get', url, true) xhr.send() xhr.onreadyst.原创 2022-01-14 15:34:02 · 276 阅读 · 0 评论 -
重构Date构造器,处理safari浏览器在new Date()报Invalid value
safari浏览器不识别new Date('yyyy-MM-dd HH:mm:ss'),需要转换成yyyy/MM/dd HH:mm:ss或yyyy-MM-ddTHH:mm:ss。很简单,将时间字符串转换成浏览器通用的格式即可。new Date('2020-11-26 00:00:00'.replace(/-/g, "/"))new Date('2020-11-2600:00:00'.replace(/ /g,"T"))但是由于项目已经写完,很多地方用了'yyyy-MM-dd HH:mm:ss原创 2020-11-26 16:37:00 · 608 阅读 · 0 评论 -
websocket手机端实现、断线重连、心跳机制
websocket:手机端实现、断线重连、心跳机制。并将内容推送到手机通知栏。$(window).load(function() { var windowUp = window.top ? window.top : window; var lockReconnect = false; var ws; //websocket对象 var initWebSocket = function() { var wsUrl = "ws://example";//websocket-url var原创 2020-11-14 12:59:31 · 1071 阅读 · 0 评论 -
JS处理文件流(如果是图片,显示在当前页面)
用ajax请求图片资源,服务器以文件流的形式返回。1、返回类型需要设置为“blob”,所以需要用原生ajax,不能使用jq(原因:jquery将返回的数据转换为了string,不支持blob类型)(当然,你也可以引入组件拓展jq的能力,我知道的有一个:jquery-ajax-blob-arraybuffer.js);2、使用FileReader将文件流转换成base64格式;3.1、然...原创 2019-02-21 20:38:17 · 21550 阅读 · 1 评论 -
js 通讯录(多音字)
这几天项目上有一个通讯录的功能,刚接触前端没多久,于是面向百度开发。找到了一个例子,便拿来使用,开发中发现了例子存在的一些问题(人员数组没有排序,多音字没处理好),自己把问题给处理了,发出来给有需要的人儿,也留着以后需要。参考文章:https://www.jianshu.com/p/927267458564先给大家看下效果图(因为只是解决发现的问题,样式没做改变),点击右侧的导航可以跳转到...原创 2019-03-21 20:10:55 · 18519 阅读 · 2 评论 -
canvas通过ajax上传到服务器
一开始呢,是准备通过json格式上传图片到服务器,但是报了一个没有边界的错误("exception":"the request was rejected because no multipart boundary was found"),查了一下,发现通过form表单上传文件的话,请求头会自带这个boundary,看来问题就出在这里了。但是我们是用ajax上传啊,不是用form表单,于是乎,创...原创 2019-06-26 10:49:55 · 2242 阅读 · 0 评论