- 博客(12)
- 收藏
- 关注
RSS订阅原创 Vue3 + vite svg 组件
Vue3 + vite 编写svg组件，本质上和vue2 + webpack 没有多大出入，唯一不同的是得编写一个vite插件WbIcon.vue这个文件和之前没多大改变，不一样之处是用了setup,可以按需更改，当然了不改也能食用。<template> <svg :class="svgClass" aria-hidden="true" v-bind="$attrs"> <use :xlink:href="iconName" /> &
2022-03-27 18:18:11
1684
原创 vue 移动端适配（lib-flexible postcss-px2rem）
yarn add lib-flexible postcss-px2rem -S然后删除public/index.html里的<meta name="viewport" content="width=device-width,initial-scale=1.0">然后在mian.jsimport Vue from "vue";import App from "./App.vue";import router from "./router";import "lib-flexible"
2021-10-09 13:44:55
148
原创 自定义ES6提供的数组方法（forEach、filter、map、some、every、find、findIndex）
文章目录forEach（数组每个元素都执行一次回调函数）filter(检测数值元素，并返回符合条件所有元素的数组)map(通过指定函数处理数组的每个元素，并返回处理后的数组)some(检测数组元素中是否有元素符合指定条件)every(检测数值元素的每个元素是否都符合条件)find (返回符合传入测试（函数）条件的数组元素)findIndex(返回符合传入测试（函数）条件的数组元素索引)JavaScript 在ES6版本后提供了一些更加便捷的方法供开发者使用，实现原理其实是在对应的构造函数原型提供方法。然后
2021-08-15 22:05:41
184
转载 electron electron-builder electron-forge打包 自定义打包
electron electron-builder electron-forge打包 自定义打包
2021-08-05 17:52:35
1652
原创 Electron结合SPA应用打包
Electron结合SPA应用electron可以将html、css、js程序打包为桌面端程序。但是不够灵活，比如，之前上线的程序，产品突然想要转换为桌面端程序。这时就需要Electron 这门技术了。这个就是我写这篇文章的主要意图。常见的SPA应用常见的SPA应用绝大多数都是vue、react应用。这些应用大多都是利用webpack进行打包，生成dist静态资源(html、css、js)。然后部署到服务器上供用户访问。Electron加载内容的两种方式文件(file)地址(url)E
2021-08-05 17:13:17
306
原创 flutter接入H5支付微信支付宝不能唤醒app解决方案
flutter接入H5支付微信支付宝webview容器webview容器推荐使用： webview_flutter根据webview_flutter文档允许运行js后，前端通过window.localtion.href跳转 唤醒微信支付宝，并不能正常唤醒。在 navigationDelegate 下拦截 唤醒 app请求，然后导入url_launcher想用launch拉起微信和支付宝的小手，会吊起IOS微信、安卓支付宝。但是就是吊不起IOS支付宝、安卓微信。最后公司大佬接手后，不断的测试。发现页
2021-07-27 13:53:47
2667
2
原创 React + Ts 自定义 日历插件
React + Ts 自定义 日历插件ant-design 内置了日历组件，但是功能单一并不能够满足项目需求，因此自定义日历组件。日历算法一个月最多跨6周，即6＊7格式本月第一天 : fistDay : new Date(year, month–1 , 1)本月最后一天: lastDay: new Date(year, month, 0) 下月的第0天即本月最后一天上月最后一天: lastDayofLastMonth : new Date(year, month–1 ,0) 本月第0天即上月最后
2021-07-27 13:51:10
1175
原创 前端跨域及其解决方案
一、什么是同源策略？ 你都知道哪些解决跨域的方法？同源策略（Same origin policy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说 Web 是构建在同源策略基础之上的，浏览器只是针对同源策略的一种实现。所谓同源是指：域名、协议、端口相同1、JSONP（地址,cb:params,回调函数）方式它是JSON的一种使用...
2019-07-09 20:51:55
645
原创 HTML5、缓存、CSS3动画
1、HTML5有哪些新特性？如何处理HTML5新标签的浏览器兼容问题？如何区分HTML和HTML5？1、语义标签2、增强性表单3、视频和音频4、Canvas 绘图5、SVG绘图6、地理定位7、拖放API8、Web Worker9、Web Storage10、WebSockket处理HTML5新标签的浏览器兼容问题？1、使用document.createElement(tag...
2019-07-09 07:27:06
573
原创 jquery计算文本域中的值
jquery计算文本域中的值('.sr').on('keyup','#sr_txt',function(){ if($(this).val().length > 100){ $(this).val( $(this).val().substring(0,100) ); } $(".sr_span span").html(100 - $(thi...
2019-04-20 18:30:31
226
原创 移动端 sass/scss swiper iscroll rem agax 弹性盒子
<div class="swiper-container" id="mm"> <div class="swiper-wrapper"> <div class="swiper-slide">内容1</div> <div class="swiper-slide">内容1</div> <div class="swiper-slide">内容1</div> <div class="swiper-slide">内容1</div> </div> <div class=
2019-04-04 11:22:55
315
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人