前端框架
文章平均质量分 57
here962464
路漫漫其修远兮
展开
-
vue报错 Can‘t import the named export ‘bypassFilter‘ from non EcmaScript module
vue3.0报错:error in ./node_modules/@vueuse/core/index.mjsCan’t import the named export ‘bypassFilter’ from non EcmaScript module (only default export is available)解决办法:(小声BB:我真服了,翻墙去查的,终于解决了)在vue.config.js里面配置如下:configureWebpack: { module:{原创 2021-09-15 11:13:31 · 3525 阅读 · 4 评论 -
vue3.0 + vue-router4.0打包后页面空白
开发环境可以正常渲染页面,路由跳转都没有问题,但是打包之后本地打开index.html出现报错或者页面空白的情况:脚手架版本:vue-router版本:第一种报错-资源加载失败这种错误是因为vue.config.js的配置里面 publicPath写了绝对路径,生产环境改为./相对路径即可,vue.config.js详细配置参考官方文档第二种错误:无报错,js加载了,但是页面空白(router-view没有渲染任何内容)这种情况是因为vue-router的history模式,hist原创 2021-03-17 10:33:38 · 3947 阅读 · 6 评论 -
微信小程序抽奖转盘
效果是这样的:附上代码片段:https://developers.weixin.qq.com/s/8z2Dy4mn7xgF原创 2020-03-23 17:38:06 · 316 阅读 · 0 评论 -
小程序picker组件mode=multiSelector必须设置value属性,否则ios系统bindcolumnchange事件不会触发
踩了一个小坑,利用小程序的picker组件做了一个二级联动的地市选择器,最开始直接复制的官方开发文档下面给的例子<view class="section"> <view class="section__title">多列选择器</view> <picker mode="multiSelector" bindchange="bindMultiP...原创 2020-01-02 11:40:37 · 3820 阅读 · 3 评论 -
wx.navigateToMiniProgram跳转到其他小程序ios部分机型闪退问题
问题复现:在小程序环境内打开另一个小程序,以开电子发票为例,需要在自己的小程序环境内打开腾讯发票闪开助手,官方提供了两种方法,一种是调用wx.navigateToMiniProgram 这个API,具体配置参考文档:小程序打开授权页另一种是小程序组件:navigator一定 不要用 wx.navigateToMiniProgram 这个API,ios极有可能会出现闪退!一定 不要用 wx....原创 2019-08-30 19:24:00 · 1645 阅读 · 2 评论 -
微信小程序防止输入框被键盘遮住
情景复现:点击按钮弹窗遮罩层,底部有个input输入框,点击输入框要唤起软键盘,如果不做处理,软键盘会遮住fixed定位的元素官方给出的解决方案是在input框上设置cursor-spacing属性https://developers.weixin.qq.com/miniprogram/dev/component/input.html这个地方一定要带单位,如果不带单位写数值的话,默认单...原创 2019-07-30 16:19:59 · 9098 阅读 · 2 评论 -
WebUploader实例
我觉得很棒:https://fex.baidu.com/webuploader/这是一整个静态页面的实例:界面长这样:HTML代码:<!DOCTYPE html><html><head> <title></title> <link rel="stylesheet" type="text/css" href=...原创 2019-06-10 14:29:12 · 2343 阅读 · 2 评论 -
APICloud开发原生APP集成讯飞语音功能
1、首先需要登录讯飞开放平台:https://www.xfyun.cn/ 进入右上角的控制台,在应用管理=》创建应用,Android和ios需要分别创建应用。2、创建完成后给相应的模块添加新服务,添加语音听写和在线语音合成两个服务3、APICloud在开发原生APP的时候需要进到项目内,选择模块=》模块库,搜索 iflyRecognition ,将它添加到项目模块中。4、然后需要自定义一个...原创 2019-05-30 14:16:05 · 749 阅读 · 0 评论 -
总结一下最近用到的一些好的网站和库
1、bootstrap豪华版 http://www.17sucai.com/preview/1191101/2018-05-04/vertical/index.html画风是这样的这个目前没发现文档,不过里面的样式很多,表格,表单等等,最重要的是栅格化系统,而且蛮好看的,算是bootstrap的豪华版2、滑动开关switchery https://www.javascriptcn.com...原创 2018-10-08 11:43:30 · 308 阅读 · 0 评论 -
再来谈谈vue.js
一、什么是vue.js? 用来解决复杂的页面交互操作的一种前端框架。 严格来说,vue不算是框架,功能没有像angular这种框架多,它更像是一个组件库,一个前端框架会考虑到路由,数据管理,视图持久化等各方面因素,但vue.js只关注视图层(数据管理)。 二、vue.js应用场景(一切为了用户体验) 1、单页应用 单页应用:在应用整个使用流程里浏览器由始至终没有刷新,所有的数据交互由aja原创 2017-10-21 10:25:56 · 902 阅读 · 0 评论 -
Vue.js常用指令
一、Vue.js安装教程 方法一:去 Vue.js 的官网上直接下载 vue.min.js 放到你的项目目录下, 并用<script>标签引入。 链接地址:https://cn.vuejs.org/v2/guide/installation.html。 方法二:使用CDN,在HTML文件头部引入<script src="https://unpkg.com/vue/dist/vue.js"><原创 2017-10-11 21:14:16 · 996 阅读 · 2 评论 -
基于Vuejs的搜索匹配功能
最近一直在看vue,查了很多资料,看了很多文档和博客,大概半知半解了,然后利用所理解的知识写了一个简单的搜索匹配功能。 大概长这个样子: 数据都是假的代码部分 (注意我引用的是本地vue.min.js文件,请注意文件路径。)<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Vue测原创 2017-10-13 21:49:32 · 29127 阅读 · 12 评论 -
vue进阶(1) ---自定义组件
vue自定义组件1、局部组件,局部组件必须要手动挂载,不然无法生效 2、全局组件,全局组件不需要手动挂载,但是不常用,尽量不要在全局上挂载变量或者组件(可能会影响浏览器性能) 3、配合模板使用实现组件间的嵌套example:局部组件和全局组件的使用方法<!DOCTYPE html><html> <head> <meta charset="utf-8">原创 2017-11-01 14:39:19 · 4051 阅读 · 0 评论 -
vue进阶(二)---组件之间数据传递
上篇文章有说到默认情况下,子组件访问不到父组件的数据,但是通过props这个属性可以实现父组件和子组件之间的数据共享<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>组件之间的数据传递和数据删改</title> <script src="https://unpkg.com/v原创 2017-12-27 16:23:22 · 333 阅读 · 0 评论 -
angular自定义组件-----侧边菜单栏
首先申明一下我用的代码编辑器是webstorm,在webstorm里打开网页调试的时候它会自动模拟一个服务器环境,如果是sublime直接打开会报错,直接双击HTML文件打开也会出错,如果你自己有配置wamp环境就把文件放到www文件夹下打开。 组件效果大概长这样,动画效果用的jQuery。 首先需要用到的有angular.min.js,jquery-1.10.2.js(1.0以上的版本就...原创 2018-02-11 10:43:24 · 5225 阅读 · 0 评论 -
vue实现商品加减计算总价
需求是商品只能选一次,有原价和现价. 大概的效果图是这样:完整代码在这里,直接复制就能用:<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>Document</title> &原创 2018-08-11 15:54:53 · 5429 阅读 · 0 评论 -
关于layui富文本编辑器图片显示过大的问题
前段时间用了layui的富文本编辑器,但是选择图片的时候如果图片过大而编辑器很小的话整个编辑器会被图片盖住而无法进行文字编辑,可以限制一下img的最大宽度。 具体设置方法如下:在lay文件夹目录中找到layedit.js文件, 在js文件里搜索*{margin字段,会匹配到这样一段css代码 只需要修改这里面img标签就可以了,这个max-width:95%;是我自己加的...原创 2018-08-20 16:12:08 · 5525 阅读 · 2 评论 -
iSlider手机端图片滑动切换插件
自适应轮播图,支持手机触屏滑动,三种切换效果。效果图: js:var iSlider = function(opts) { if (!opts.dom) { throw new Error("dom element can not be empty!"); } if (!opts.data || !opts.data.length) { ...原创 2018-09-10 14:32:21 · 1111 阅读 · 0 评论 -
什么是Vue?
一、什么是Vue.js? Vue.js (读音 /vjuː/,类似于 view) 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与单文件组件和 Vue 生态系统支持的库结合使用时,Vue 也完全能够为复杂的单页应用程序提供驱动。 如果你是有经验的前端开发者,想原创 2017-10-06 17:45:13 · 962 阅读 · 1 评论