- 博客(39)
- 收藏
- 关注
RSS订阅原创 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
3518
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
3941
6
原创 关于微信小程序嵌套的h5页面有哪些注意点
1、webview嵌套的h5页面中，如果需要长按图片保存到本地，图片格式一定不要是base64的，ios下直接提示保存失败；2、webview可以可打开关联的公众号的文章（不用配置域名白名单），但不支持打开公众号的页面模板；3、webview嵌套的h5页面中不支持微信支付功能，目前我能想到的解决方案就是跳到小程序支付，支付完成之后再跳回去；4、webview嵌套的H5跳不支持跳公众号。...
2020-03-25 10:28:15
2638
原创 小程序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
3819
3
原创 微信小程序自定义模态弹窗组件
小程序自带一个showModal弹窗，调用很简单，但是限制很多，title有字数限制，中间的content也只能放文字不能放组件，所以作为一个前端碰到那种连续好几个跟微信自带的模态弹窗风格一模一样，但是功能又花里胡哨的UI稿，就不能忍受频繁的复制粘贴了。自己写了一个组件，虽然调用起来比微信自带的麻烦一点，但是还蛮实用的。 效果大概长这样。上代码：wx...
2019-11-12 09:38:50
896
3
原创 wx.navigateToMiniProgram跳转到其他小程序ios部分机型闪退问题
问题复现：在小程序环境内打开另一个小程序，以开电子发票为例，需要在自己的小程序环境内打开腾讯发票闪开助手，官方提供了两种方法，一种是调用wx.navigateToMiniProgram 这个API，具体配置参考文档：小程序打开授权页另一种是小程序组件：navigator一定 不要用 wx.navigateToMiniProgram 这个API，ios极有可能会出现闪退！一定 不要用 wx....
2019-08-30 19:24:00
1637
2
原创 如果小程序icon组件不设置size属性
我用的阿里巴巴的矢量图标库，默认iconfont的font-size是16px，如果在小程序里面用icon这个组件的时候，忘记设置size属性，这个图标的宽高就会不一样，特别不好调，本来我以为是iconfont出了问题，但是之前做web页面的时候也没出现这样的情况，仔细比较了一下才发现小程序icon这个组件有点问题，官网文档说这不是一个必填属性，但是，不填就会出问题。。。不设置size属性的话...
2019-08-21 18:08:33
1547
原创 微信小程序防止输入框被键盘遮住
情景复现：点击按钮弹窗遮罩层，底部有个input输入框，点击输入框要唤起软键盘，如果不做处理，软键盘会遮住fixed定位的元素官方给出的解决方案是在input框上设置cursor-spacing属性https://developers.weixin.qq.com/miniprogram/dev/component/input.html这个地方一定要带单位，如果不带单位写数值的话，默认单...
2019-07-30 16:19:59
9078
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
748
原创 记录一下在安卓应用在各大应用市场上架APP需要注意的事项
软件著作软很重要，很多应用市场都会要求上传软件著作权电子扫描件1、腾讯应用宝 ：http://open.qq.com （需要软著）需要的素材规格：（1）应用小图标：尺寸16x16，大小20K以内，PNG格式的图片（2）应用图标：尺寸512*512，大小200K以内，PNG格式（3）应用截图：2-5张截图（尺寸保持一致），单张图片不超过1M，截图不能小于320*480像素，推荐480...
2019-05-30 14:15:55
5783
原创 前端知识点积累（js篇）
1、get和postw3c是这么解释的： 至于网上盛传一种说法： 这种说法是有争议的，最初也不知道是谁写的一篇文章，然后被疯狂复制粘贴，导致现在一搜get和post的区别，全都是搬的那篇文章的解释，并且看到了不少反对这个文章观点的，所以我觉得不能尽信，万一面试官问你这个问题的时候你这么回答了，然后人家让你解释一下为什么会这么理解？？不是官方解释，也不...
2019-05-16 15:16:24
195
原创 前端知识点积累（css篇）
1、css盒模型盒模型分为标准模型和ie盒模型。在标准盒模型中，盒模型的宽高指的是内容(content)区域，而在ie盒模型中，盒模型的宽高是内容(content)+填充(padding)+边框(border)的总宽高。（1）可以通过css设置盒模型：/* 标准模型 */box-sizing:content-box; /*IE模型*/box-sizing:bor...
2019-03-19 15:35:04
2230
原创 原生js实现鼠标点击页面弹自定义文字效果
效果：实现代码：(function(e){ // 点击事件触发生生元素等一系列动作的初始状态 var bombFlag = true; // body节点 var elBody = document.getElementsByTagName("body")[0]; // 初始化文字数组下标 var a_idx = 0; elBody.onclick = func...
2019-03-16 15:46:02
702
原创 input、textarea表单字数限制提示插件（原生js 不依赖jQuery）
IE兼容性：IE8（含）及以上IE8、IE9下的效果：IE10、IE11及其他浏览器下的效果：调用示例：<!DOCTYPE html><html lang="zh_CN"><head> <meta charset="UTF-8"> <title>Document</title>&am
2019-02-28 16:02:09
482
原创 如何使用GitHub Desktop提交代码到阿里云
git 、GitHub、GitHub Desktop是三个不同的东西。git 是版本管理的工具，我们在公司一般会用到git来做版本管理，或者多人协作开发。GitHub是一个网站，程序员的社区，你可以把自己写的代码上传到这个网站，也可以从网站上下载别人的代码，你的代码在GitHub上是公开的，所有人都能看，想加密的话得开会员。。。。GitHub Desktop是Github出品的一个图形界面程...
2018-12-11 11:23:13
2857
原创 jQuery delegate()用法
delegate()应用场景：js动态添加元素后需要给后添加的元素绑定事件，我称它为给未来元素添加事件。其实也可以用于为指定元素的一个或多个事件绑定事件处理函数，不过我个人觉得最适合解决未来元素的事件绑定，所以下面介绍的时候我就默认绑定事件的是未来元素啦。注意：jq版本1.4.2的用法和1.4.3不一样，我先介绍1.4.2的。jQueryObject.delegate( selector , ...
2018-11-27 17:21:28
8286
原创 总结一下最近用到的一些好的网站和库
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
原创 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
原创 关于layui富文本编辑器图片显示过大的问题
前段时间用了layui的富文本编辑器，但是选择图片的时候如果图片过大而编辑器很小的话整个编辑器会被图片盖住而无法进行文字编辑，可以限制一下img的最大宽度。 具体设置方法如下：在lay文件夹目录中找到layedit.js文件， 在js文件里搜索*{margin字段，会匹配到这样一段css代码 只需要修改这里面img标签就可以了，这个max-width：95%；是我自己加的...
2018-08-20 16:12:08
5525
2
原创 vue实现商品加减计算总价
需求是商品只能选一次,有原价和现价. 大概的效果图是这样:完整代码在这里,直接复制就能用:<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>Document</title> &
2018-08-11 15:54:53
5427
原创 利用css伪类做带阴影的对话框
效果图： css样式/*对话框样式*/ .box{ margin:100px auto; width: 200px; height: 100px; box-shadow: 0px 0px 6px #ccc; position: relative; ...
2018-07-24 20:33:36
1186
原创 使用GitHub Desktop时如何解决分支冲突
问题描述：假如小明和小红开发一个项目，她俩在本地修改了同一个分支的同一行代码，小红比小明先一步提交了，但是小明并不知道小红提交了修改，小明在本地没有pull小红刚刚提交的版本的情况下，提交了自己的修改，那么就会出错： 此时打开编辑器： 这个编辑器是Visual Studio Code 这个编辑器是sublime： 提示的内容都大同小异。 解决冲突的办法（sublime没有这个提示...
2018-05-17 20:39:06
10586
原创 angular自定义组件-----侧边菜单栏
首先申明一下我用的代码编辑器是webstorm，在webstorm里打开网页调试的时候它会自动模拟一个服务器环境，如果是sublime直接打开会报错，直接双击HTML文件打开也会出错，如果你自己有配置wamp环境就把文件放到www文件夹下打开。 组件效果大概长这样，动画效果用的jQuery。 首先需要用到的有angular.min.js，jquery-1.10.2.js（1.0以上的版本就...
2018-02-11 10:43:24
5222
原创 webstorm如何自定义js等文件的注释模板
一般我们通过webstorm新建一个js文件的时候会默认的有一些注释信息，像这样： 设置步骤如下： File—>Settings—>Editor–>File and Code Templates 然后可以看到如上图所示的版块，找到JavaScript Files就可以设置你想要的格式了，注意获取时间是${DATE}
2018-02-01 17:47:59
4116
原创 已知IP地址，如何计算其子网掩码，默认网关地址，网络地址等。
首先要铺垫一些基础知识，整个互联网就是一个单一的、抽象的网络。IP地址就是给互联网上的每一台主机（或路由器）的每一个接口分配一个在全世界范围内是唯一的 32 位的标识符。注意，每个IP地址都是独一无二的，就像人的身份证号码一样。 而IP地址又分为A类、B类、C类、D类和E类地址，其中我们常用的是A、B、C三类，它们是单播地址（一对一通信），每一类地址都由两个固定长度的字段组成，其中第一个字段是
2017-12-30 23:07:24
218659
109
原创 vue进阶（二）---组件之间数据传递
上篇文章有说到默认情况下，子组件访问不到父组件的数据，但是通过props这个属性可以实现父组件和子组件之间的数据共享<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>组件之间的数据传递和数据删改</title> <script src="https://unpkg.com/v
2017-12-27 16:23:22
332
原创 vue进阶（1） ---自定义组件
vue自定义组件1、局部组件，局部组件必须要手动挂载，不然无法生效 2、全局组件，全局组件不需要手动挂载，但是不常用，尽量不要在全局上挂载变量或者组件（可能会影响浏览器性能） 3、配合模板使用实现组件间的嵌套example：局部组件和全局组件的使用方法<!DOCTYPE html><html> <head> <meta charset="utf-8">
2017-11-01 14:39:19
4051
原创 再来谈谈vue.js
一、什么是vue.js？ 用来解决复杂的页面交互操作的一种前端框架。 严格来说，vue不算是框架，功能没有像angular这种框架多，它更像是一个组件库，一个前端框架会考虑到路由，数据管理，视图持久化等各方面因素，但vue.js只关注视图层（数据管理）。 二、vue.js应用场景（一切为了用户体验） 1、单页应用 单页应用：在应用整个使用流程里浏览器由始至终没有刷新，所有的数据交互由aja
2017-10-21 10:25:56
901
原创 基于Vuejs的搜索匹配功能
最近一直在看vue，查了很多资料，看了很多文档和博客，大概半知半解了，然后利用所理解的知识写了一个简单的搜索匹配功能。 大概长这个样子： 数据都是假的代码部分 （注意我引用的是本地vue.min.js文件，请注意文件路径。）<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Vue测
2017-10-13 21:49:32
29126
12
原创 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
原创 什么是Vue？
一、什么是Vue.js？ Vue.js (读音 /vjuː/，类似于 view) 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与单文件组件和 Vue 生态系统支持的库结合使用时，Vue 也完全能够为复杂的单页应用程序提供驱动。 如果你是有经验的前端开发者，想
2017-10-06 17:45:13
961
1
原创 运算符优先级图解
var a={n:1};var b=a;a.x=a={n:2};console.log(a);consloe.log(b);consloe.log(a.x);console.log(b.x);console.log(a==b);conaole.log(a==b.x);以上代码输出结果为：console.log(a); //{n:2}consloe.log(b);
2017-09-25 20:07:38
376
原创 关于this、arguments、caller、callee、prototype、__proto__、length
1、this是一个对象，同时也是一个指针，指向的是函数执行环境（函数地址），它所返回的是一个函数体，包括这个函数下所有的属性值和方法，并且通过this来调用，增加，删除这些属性和方法。2、arguments也是一个对象，但它返回的是一个类数组，里面包含所有函数的形参，这个对象有一个callee属性， 这个属性相当于一个指针，指向当前拥有这个arguments属性的函数，常用于递归算法，并且个人觉得通
2017-09-25 19:11:16
379
原创 读书笔记：为什么说参数是按值传递的
function setName(person){ person.name="zm";}var person=new Object();setName(person);alert(person.name);以上代码会提示zm 通俗来讲，就是说形参只是实参的一个复制品，它们互相独立，并不是同一个对象，形参的指针指向改变并不会使实参的指针发生改变，但是形参在不改变指向的前提下可以修改和
2017-09-25 18:18:38
239
原创 <canvas>+JS如何实现可拖拽并且显示百分比的环形进度条
canvas+JS如何实现可拖拽并且显示百分比的环形进度条 思维导图： HTML部分：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>test</title> </head> <body> <canvas id="test" width="200" he
2017-09-25 17:23:11
1422
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人