- 博客(23)
- 收藏
- 关注
RSS订阅原创 采坑道路4：vite报错（vue3.0+element-plus ）由一个语言包引起的问题
事情起因：在用element-plus写分页的时候，发现默认的样式始终是英文，如图：因为想转成中文，在尝试各种方法无果后，只能寻求度娘了，发现处理的方法都一样import ElementPlus from 'element-plus'import zhCn from 'element-plus/es/locale/lang/zh-cn'app.use(ElementPlus, { locale: zhCn,})天真的以为这样就好了，结果发现浏览器报了一个错误很奇怪。是不是，刚开始以
2021-09-02 17:38:34
3529
2
原创 采坑道路3：支付宝小程序，通过scheme跳转小程序页面
应用场景：公司需求，需要增加一个支付宝的优惠券，直接跳转公司内部某个商品详情页根据官方文档的说法：需要的格式长这样 alipays://platformapi/startapp?appId=appid自不必说，当然是你项目的appid，但这里没有提示如何跳转页面和带入参数，如果你的页面不需要参数还好，如果是商品详情这类页面根据id去查数据的，那么页面参数很重要，在找了大量的官方文档之后，最后竟然在知乎上翻到了一篇文章（支付宝小程序scheme连接介绍）（吐槽一下支付宝官方的文档啥时候能归类一下，太多
2021-07-13 10:56:07
3309
原创 采坑道路2：H5页面，部分IOS机型的 ＜img＞标签显示不出
应用场景：公司项目有临时活动，做了一个H5的活动页面，但是所有以img标签引入的图片都无法显示出来代码举例如下：<div class="prize_box_img "> <img src="../img/gift_small.png" alt=""/></div><style>.prize_box_img img { width: 100px; height: 100px;}</style>这样写本身没问
2021-06-16 11:46:32
2020
原创 vue-cli3.0 组件库demo 发布到 npm上开源 所遇到的问题
vue-cli3.0 组件库demo 发布到 npm上开源 所遇到的问题其实网上的文章已经有很多了，按照步骤来是没问题的，这篇文章主要是记录我在发布过程中所遇到的一些问题以及怎么处理的，希望能帮助到一些朋友。这是我的demo目录结构，项目创建初始化后 只是增加了一个 package文件夹，其他默认的目录结构几乎没变，另外因为用到了typescript，所以会有几个声明文件，另外就是在vue-cli3.0中这个可选的vue.config.js文件，是必须得加的贴一下configmodule.expo
2020-11-27 17:13:15
346
原创 VUE 移动端处理input光标定位在最后的问题（简单版）
在Vue中 使用JS调整input光标位置，让他保持在最后在调试移动端的时候，由于触摸事件，光标有时候会错位，所以导致有需求需要控制js光标的位置，要么在前要么在后，在查了相关的资料后，发现其实很简单，就几行代码能实行，并且兼容多种浏览器。 <input placeholder="str" type="number" v-model="model" @focus="End($event)" /> methods
2020-05-21 10:22:45
8016
2
转载 小白VUE学习笔记5：History模式下，打包后页面刷新访问404
Vue-Router采坑系列：History模式首先我们可以看看官网上的说明const router = new VueRouter({ mode: 'history', routes: [...]})所以说这里两种解决方案：一、 不用history模式这个就很简单了，改为hash模式。唯一的不同可能就是url的地址不好看而已。二、后台支持配置其实官网有很多例子，包括A...
2019-04-11 10:25:26
1672
原创 采坑道路1：IOS fastclick 获取焦点点击失效，需要多次点击（混合开发）
应用场景：因为项目用前端混合式开发，在ios手机会有300ms的延迟，所以用到了[fastclick.js](https://github.com/ftlabs/fastclick)。按照官方的说明，直接引用，如下if ('addEventListener' in document) { document.addEventListener('DOMContentLoaded', functi...
2019-02-21 10:39:57
2718
1
原创 小白VUE学习笔记4：不同报错的解决方法（持续更新）
1、Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead.其实报错已经说的很清楚了，大致意思就是 VUE的模板组件只能有一个根对象 ，相当于说<templ...
2018-11-28 14:50:13
999
原创 小白VUE学习笔记3：Vuex的this.$store.commit和在Vue项目中引用公共方法
1、在Vue项目中引用公共方法作为一个新人小白，在使用vue的过程中，难免会遇到很多的问题，比如某个方法在很多组件中都能用的上，如果在每个组件上都去引用一次的话，会比较麻烦，增加代码量。怎么做比较好呢，话不多说直接看代码把首先 要在main.js中引入公共js。然后，将方法赋在Vue的原型链上。像图中这样。 然后在需要的组件上去引入这个方法 mouted (){ //调用方法 ...
2018-11-22 20:50:29
37829
原创 小白VUE学习笔记1：Vue:router的beforeEach与afterEach钩子函数
在路由跳转的时候，有时候需要一些权限判断或者其他操作。这时需要使用路由的钩子函数。定义：路由钩子主要是给使用者在路由发生变化时进行一些特殊的处理而定义的函数。总体来讲vue.router里面提供了三大类钩子，两种函数1、全局钩子2、某个路由的钩子3、组件内钩子两种函数：1、Vue.beforeEach(function(to,form,next){}) /在跳转之前执行/2.Vue...
2018-11-22 16:13:27
465
原创 JS中的时间
JavaScript中的 构造时间有几种方法new Date(); // 当前时间new Date(value); // 自 1970-01-01 00:00:00 UTC 经过的毫秒数new Date(dateString); // 时间字符串构造出的日期用来显示时，会被转换为本地时间 举个例子来说console.log(new Date()); //打...
2018-11-16 10:36:32
171
原创 JS实现一个AVL树的插入和删除
我们知道AVL树也就是平衡二叉树最重要的一点就是平衡因子和那几个选择的方法。所以下面就是用JavaScript实现的AVL树，本人小白，算法大神请多指点哈。话不多说，直接上代码吧/** * AVL树节点的构造函数 * @constructor */function AVLTreeNode(key) { this.key = key; this.leftChild = ...
2018-11-15 13:52:28
635
1
原创 js实现数据结构—堆（最大堆）
/** * 最大堆构造函数 * @class * @param {Array&lt;number&gt;} [initDataArray] 初始化数据 * @param {number} [maxSize=9999] 堆的最大容量 */ /***如果i=0，节点i是根节点，否则节点i的父节点为(i-1)/2*2*i+1左子节点 2*i+2 右子节点*/function M...
2018-10-22 18:04:20
3535
1
原创 js实现数据结构—链表
一、单链表构造函数function LinkedList() { /** * 数据节点构造函数 * * @param {*} data */ function Node(data) { this.data = data; this.next = null; } let length = ...
2018-10-20 19:40:44
197
原创 js实现数据结构—队列
一、队列构造函数实现的方法：enqueue （入队）、dequeue （出队）、front （获取队列头部元素）、isEmpty（是否为空）、size （队列数量）function Queue() { const items=[]; //入队 this.enqueue = function (item) { items.push(item); ...
2018-10-20 19:36:36
142
原创 js实现数据结构—栈
一、栈构造函数实现的方法：push（入栈）、pop（出栈）、top（查看栈顶）、isEmpty（是否为空）、clear（清空）、count（栈元素数量）function Stack() { const items=[]; //入栈 this.push=function (item) { items.push(item) }; //出栈 ...
2018-10-20 19:32:20
176
原创 个人经历分享：一步一步实现vue+element+nodejs实现跨域上传文件。
作者是一名一年多前端小白，最近公司新的需求，实现了这样一个功能，将心路历程一步一步记下来。首先是前端整体框架是vue2.x+elementUI+nodejs(koa) 搭建的这样一个项目第一步：要实现文件上传，首先想到的是表单上传，OK，那么没问题，elementUI有自带组件，我们来看一下。这个就是element自带组件el-upload，由于接口需求在接受文件的同时还得带一个参数id...
2018-09-25 15:37:50
4214
1
转载 JS判断终端是浏览器，IOS，Android
一、通过判断浏览器的userAgent，用正则来判断是否是ios和Android客户端 var u = navigator.userAgent; var isAndroid = u.indexOf('Android') &gt; -1 || u.indexOf('Adr') &gt; -1; //android终端 var isiOS = !!u.match(/\(i[...
2018-05-31 09:01:30
345
转载 前端模块化，AMD与CMD的区别
最近在研究cmd和amd，在网上看到一篇不错的文章，整理下看看。 在JavaScript发展初期就是为了实现简单的页面交互逻辑，寥寥数语即可；如今CPU、浏览器性能得到了极大的提升，很多页面逻辑迁移到了客户端（表单验证等），随着web2.0时代的到来，Ajax技术得到广泛应用，jQuery...
2018-03-08 15:18:21
133
转载 linux入门
声明：Linux骨灰级入门教程，高手勿入！用习惯window的用户，突然转去用Linux系统，一般会很不习惯，尤其面对Linux的命令行界面(CLI)。本文试图用10分钟教会你如何使用Linux。在window中，我们最常用的一些操作有：打开“我的电脑”浏览磁盘，打开文件/文件夹，新建文件/文件夹，删除文件/文件夹，文件/文件...
2018-02-27 10:34:45
192
转载 20 个常用CSS 技巧
1. 黑白图像这段代码会让你的彩色照片显示为黑白照片，是不是很酷？img.desaturate { filter: grayscale(100%); -webkit-filter: grayscale(100%); &nbs...
2018-02-27 10:26:54
193
转载 node.JS开篇
nodejs的出现，可以算是前端里程碑式的一个事件，它让前端攻城狮们摆脱了浏览器的束缚，踏上了一个更加宽广的舞台。前端的可能性，从此更加具有想象空间。随着一系列基于nodes的应用/工具的出现，工作中与nodejs打交道的机会越来越多。无论在node应用的开发，还是使用中，包管理都扮演着一个很重要的作用。NPM（node pack...
2018-02-27 10:23:22
173
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人