官方对于layui模块化的说明只言片语，看得我着实有点懵逼，还好有万能群友帮助，总算明白要怎么写了，为此特意出个教程。模块化优点相比于传统的jq模块，layui模块他在于导入方式和不占据浏览器资源请求额度(一般一次只能6个)，且调用也方便。jq模块是需要自己手动在html里创建script元素并src引用js文件，这样即便我们丢到body的最后面加载，也是需要占用下载数量的，并且如果你要调用这个模块，你的js必须在该模块之后才行。这也是传统js调用的一个模式。layui模块他的原理是js创建script元素并插入，而这样创建的script是不占据下载资源数量的，并且调用时只需要在layu...
simplebar的使用，千万不要使用GitHub上的bate版本，会有问题。目前还是6.0的bate测试版，正式版为5.2.1官网githubnpmnpm那支持vue和其他框架，用法要在那看。普通html使用无需jq，只需要new出这个构造函数，并将需要设置滚动条的dom传入即可。引用<link rel="stylesheet" href="https://cdn.staticfile.org/simplebar/5.2.1/simplebar.min.css" /> <script src="https://cdn....
官方并没有对多级菜单做适配，这就导致我们的二级菜单点击后，真个菜单就消失了。这就很头疼了，作为一个偏老派的人，还是很喜欢横向菜单的，但是横向就免不了使用多级菜单。之前我推荐过一个插件可以解决这个问题，但是插件的方法总是有点嫌麻烦，特别是在已经有很多js文件的引用下，所以我研究了下怎么用js搞定。效果图[hide]hide.bs.dropdown官方说，所有的bs这种事件都是作用在最上级的dropdown元素，也就是最开始那个class为dropdown的元素，这个一般可以看做为菜单根元素。这就产生一个问题，事件是自定义的，event也是不正统的，所以我们没办法通过这个事件的event对象...
最近想给博客主题增加一个一键复制代码的功能，结果发现highlight.js并不支持一键复制，这就非常的可惜啊。于是百度了下，找到一个不错的例子，根据其例子我自己写了一个通用的方式。效果图安装[hide]需要使用clipboard.js，所以需要js引入这个复制用的库<script type="text/javascript" src="https://cdn.staticfile.org/clipboard.js/2.0.6/clipboard.min.js"></script>引入完毕后我们需要给每个代码块增加一个复制按...
今天写vue组件的时候碰到一个问题，我创建了一个子组件，这个子组件会通过父组件传过来的数组对象进行遍历，然后生成多个筛选菜单，这不是一个菜单，而是有多个，比如地区菜单，分类菜单，标签菜单，反正很多。每个菜单都要有对应的active状态，我才能知道他选中了没有，所以又传给子组件一个对象，对象里面包含了所有的菜单id的键值对，但是值是空的，等待子组件状态发生变化，再修改对象中的值。本来我是想省点事，不用vuex，然后利用对象的特性，引用类型，子组件可以直接修改对象里的属性，我父组件也能监控得到，但是问了下群友，说这种方式到时候很乱，所以我又改用了官方建议的方式，用emit。为此就用了sync...
入正后发现官方的这个版本主题是不保存配置了，相对于以前的版本，这次改了好多东西，很多之前的css错位，无奈只能慢慢找方法。本教程只适合购买正版的用户，因为app.js没有被压缩存储主题配置默认都是存储在本地存储的，key值为_HYPER_CONFIG_；所以只能自己去找对应的方法了，然后发现有一段代码：/** * Preserves the config */ LayoutThemeApp.prototype._saveConfig = function (newConfig) { $.extend(this._config, ne...
当我们给元素做了flex后，flex内的子元素宽度自适应，但是当我们给子元素设置文本溢出的时候，发现时候无效的，原因是因为他们的宽度没有限制，也就是说原始的宽度无限制，那么这个原始宽度又怎么说呢？他有一个优先级：优先级：flex-basis > width > 内容宽度。我们可以通过设置max-width或者min-width来限制他的宽度，但是并不是很合适，因为这两个只是一个区间，而我们的设备宽度是不固定的，所以设置一个固定的区间并没有用，我们需要的是这个元素它能在自适应的情况的下文本溢出依旧有效。我们给这个flex子元素设置width:0;即可，设置一个极小的宽度。
非H5端用uni的api，比如上传图片就用uni.chooseImage，通过配置一些基本设置，回调函数会返回一个本地的地址段，然后通过uni.uploadFile将文件上传。uni.uploadFile有回调函数，并且支持H5，所以H5端如果要做上传，我们可以直接使用file的input元素。官方制作的demo apphello uni-app这个app里面有一些功能模块的预览，看视频说是有一个裁剪图片的组件，找了半天没找到，有兴趣的可以去看看。
首先你需要在manifest.json里面配置对应的登录的key那些。配置完毕，函数流程如下用户点击一个按钮，判断这个按钮是什么登录，比如是QQ触发uni.login()方法，它的provider为qq，然后在回调里面则表示登录成功，但是还不能拿到用户的信息。在回调里面调用 uni.getUserInfo();它的provider为qq，然后在回调函数success里面，接受一个对象，这个对象里面就包含了用户的信息。基本上这些第三方登录，都会有一个唯一的id返回给你，后端可以利用这个唯一的id来判断用户是否已经注册了或者其他。然后还可以进行关联，比如将getUserInfo获取到的用户信...
首先button获取用户基本信息： <button type="primary" open-type="getUserInfo" @getuserinfo="getUserInfo">登录</button>open-type="getUserInfo" 获取用户信息，可以从@getuserinfo回调中获取到用户信息，包括头像、昵称等信息（微信小程序、百度小程序、QQ小程序）@getuserinfo用户点击该按钮时，会返回获取到的用户信息，从返回参数的detail中获取到的值同uni.getUserI...
官方最近更新了使用文档，所以本文提供的方法可能不是有效的，反正就自己摸索吧，大概原理，看一遍应该就明白，悟性很重要，教程的更新肯定不如人家开发的快，吸取经验就行了。uni的h5端video组件，它不支持hsl视频格式，但是目前来说， m3u8格式文件是个常用性较多的了，所以我研究了下uni怎么弄。首先，官方要求需要创建一个html文件，这个文件和vue-cli的index.html异曲同工，而且位置还可以自由设置，按照开发尿性，放项目根目录应该算是合理的路径了。内容的话直接copy官方提供的就行了，顺带官方连cdn引入video都弄好了。官方文件index.html创建好后去配置文件配置...
一直想搞个多语言切换的东西，想的头发都没了。终于让我看到了一个插件，虽然已经是很久以前的东西了，但是我测试了下，还真鸡儿好用。github地址: 官网引入文件，因为是jq的插件，所以在jq文件后面引入：<script src="https://cdn.jsdelivr.net/gh/jquery-i18n-properties/jquery-i18n-properties/jquery.i18n.properties.min.js"></script>引入后可以通过jQuery对象调用。我们先讲一下大概过程再来说调用方法：首先我们要有语言文件，...
最近评论