![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端框架
文章平均质量分 60
正经男大学生BRLF
这个作者很懒,什么都没留下…
展开
-
layUi框架入门篇(一)
layUi框架学习笔记(一)整理人:LF时间:2017-9-1表示今天第一次听说了layui的前端框架,上网搜了很多的资料和图示,对比了一下自己辛辛苦苦写了十天的网页样式,最后不得不感叹前端框架的魅力,下定决心要好好学习一番。首先去了官网看了一下说明文档和示例,非常感兴趣,但是对于layui提出的精髓:模块化编写,这个词却是不太理解,我感觉模块可能就是指的是每一个标签?希望懂得小伙伴可以为我指点一二原创 2017-09-01 21:08:36 · 8697 阅读 · 0 评论 -
记录Vue生成VNode的使用方式
背景想要做一个网页端的聊天提醒,使用elementUi的notify组件,有消息来的时候直接弹出,但是在弹出层里面想要放置一个按钮,点击按钮可以直接弹出回复框这样子的,所以就需要在notify的message属性中使用VNode来渲染按钮。正文使用Vue的this.$createElement来创建VNode具体的函数使用可以百度可以参考这篇博客:https://www.cnbl...原创 2019-09-17 10:34:37 · 1170 阅读 · 0 评论 -
Vue项目build优化以及其中的坑
Vue项目build优化不得不说,后台程序员看前端真的是知其然不知其所以然(坑比后台还多,哭辽)1、开启gzip压缩用vue-cli的孩子都知道有个config下的index.js配置文件,将productionGzip的值改成true就行,当然前提是你得安装一个插件:“compression-webpack-plugin”2、关闭生成map文件和1一样几乎同一个位置,将producti...原创 2019-06-02 13:28:35 · 1534 阅读 · 0 评论 -
Nginx配置同域名下多个Vue项目
Nginx配置同域名下多个Vue项目开始捣鼓nginx配置,我采用的是分文件的方式捣鼓的:首先nginx.conf文件中include所有的配置进来:http { sendfile on; tcp_nopush on; tcp_nodelay on; keepalive_timeout 65; types_hash_max_size 2048; include /etc/ngin...原创 2019-06-05 22:28:30 · 3653 阅读 · 2 评论 -
尝试Vue环境搭建
尝试Vue环境搭建参考了一篇看起来不错的博客:链接地址1、下载node.js什么是node.js?2、配置npmnode.js装好后在控制台中输入node -vnpm -v即可查看版本信息,成功输出则代表安装成功将npm的源换成国内源npm install -g cnpm --registry=https://registry.npm.taobao.org以后就不用np...原创 2019-04-24 23:01:21 · 88 阅读 · 0 评论 -
Vue第一天学习总结
Vue第一天学习总结1、环境引入目前简单的学习语法阶段只引入一个vue.js就可以了,引入方式和正常的js文件引入没有区别<script src="lib/vue.js"></script>2、开始使用vue中是MVVM渲染方式,M就是Model数据,V就是view页面,VM就是viewModel,相当于控制器,控制M和V的交互。引入Vue.js后全局对象中就...原创 2019-04-24 23:01:03 · 380 阅读 · 0 评论 -
Vue项目实战
Vue项目实战 表示卧病在床的几天勉强看完了vue的一套视频,首先学习了基本的指令,然后学习路由啊,组件啊,webpack啊啥的,还了解了vue的一些组件库和样式库。但是对于前后端分离开发的方式还没有一个完整的体验,很多技术细节也并不是很清楚,所以希望通过项目实战可以让自己有一个直观的认识。下面的就开始吧。1、初始化项目首先,通过vue-cli脚手架搭建一个vue的项目,vue-cli的安...原创 2019-04-24 23:00:29 · 359 阅读 · 0 评论 -
Vue项目中微信公众号调用支付宝接口被屏蔽的解决方案(全)
Vue项目中微信公众号调用支付宝接口被屏蔽的解决方案(全)支付宝官网给出了常规的解决方案,链接如下:https://docs.open.alipay.com/203/105285/官方提供了ap.js和pay.htm内容,而我们是vue项目,需要进行一些改动,具体改动如下:然后这里参考了几篇博客,我也一并列出来:https://www.jianshu.com/p/9e8dba48b628...原创 2019-05-03 20:19:03 · 1499 阅读 · 2 评论 -
layui栅格系统
首先,它是一种响应式的栅格系统,简单说就是支持多种设备,会自行改变行宽高。 栅格的使用不需要JS引入,单纯的class样式声明。 首先定义好页面框架:<div class=”layui-container”></div>其次layui定义的栅格为12等分,就是说一行被分成了12份,可以任意分割小于等于12列,但是必须满足一行有12份 定义一行:<div class=”layui-row”><原创 2017-10-19 08:58:10 · 10132 阅读 · 5 评论 -
layUi框架入门篇(三)
部分Js代码拆解分析上一次的笔记中初步使用了官方文档中的示例在自己的项目中跑了一遍,成功,而且功能很完善。视觉效果也挺不错,HTML和CSS部分的引用代码没有难点,今天就来分析一下JS中的代码实现以及部分控件的功能实现。 首先贴出JS中的代码:<script>layui.use(['form', 'layedit', 'laydate'], function(){ var form = la原创 2017-09-03 13:58:08 · 6959 阅读 · 1 评论 -
layUi框架入门篇(二)
快速使用layUi前面提到过先引入js和CSS文件,然后如何使用呢?今天来慢慢拆解其中的代码。首先引入资源:<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>layUi组件测试</title><script type="text/javascript" src="./layui/layui.js">原创 2017-09-03 12:56:58 · 11348 阅读 · 2 评论 -
记一次electron开发总结
项目背景一个课堂导调系统,主要包括投屏、监控、聊天、上传下载等等,类似机房系统,然后先前用vue实现了一版web端,比较麻烦,受浏览器限制很多,所以利用国庆七天假用electron大致重现改进了一遍。开发起步用了一个github上的electron-admin-vue的模板地址:electron-vue-admin模板后台基于springboot,也没实现什么,只有一个登陆系统和...原创 2019-10-06 11:22:50 · 1857 阅读 · 0 评论