- 博客(53)
- 收藏
- 关注
RSS订阅转载 使用element-ui 组件动态合并table的行/列（修改）
文章需求：动态实现table表格中行/列的自动合并 使用框架及UI类库：Vue+Element-ui 代码地址：https://github.com/dreamITGirl/VueProgect 最终实现的表格数据 实现思路： 在table组件中，提供了一个属性:span-method,它是一个Function，本身有4个...
2019-07-22 16:27:00
1613
转载 使用yarn搭建vue项目
今天尝试了一下用yarn的方式搭建vue项目，方法其实是和npm的用法一样。但是在创建过程中报错了。现在整理一下，便于后期查错时使用。以windows系统为例1.全局安装yarn，三种方式官网上提供的是安装.msi的方式；如果你已经安装了npm，可以通过命令行的方式添加npm install yarn -g//检验是否安装成功yarn -v 安装完后，可...
2019-07-15 17:29:00
4926
转载 服务器搭建node环境
最近由于工作原因开始学习服务器的搭建和环境配置。记录一下我在服务器搭建node环境的步骤。中间踩了很多坑。 首先，确定自己的服务器可以连接到外网，如果连接不上的话，会出现ETIMEOUT的报错，但这只是原因之一。 一.下载nodejs wget https://www.nodejs.org/dist/v10.16.0/node-v10.16....
2019-07-05 15:31:00
177
转载 实现滚动时页面伸缩效果
不知道怎么起这篇文章的标题才能表达出我实现的页面效果， 项目背景：嵌在原生开发的APP中。 上图给大家看一下 左侧图片代表进入app时页面的展示效果，右侧为页面滑动时的效果。 因为原生开发的APP有导航栏的，所以根据他们封装的抛出H5的API，将导航栏设置为透明色，这样才可以将原生开发的导航栏的背景色去掉。 首先说一下整个页面的布局。 因为...
2019-05-12 20:34:00
402
转载 Vue培训项目总结
昨天是最后一次给同事进行Vue的培训，这次培训主要是以基础入门为主。 整篇讲义参考了一些文章：https://gitbook.cn/gitchat/column/5a4af1c5658b7c0d9ebe1131/topic/5a4dfdddbb7105032b4fa06b https://blog.csdn.net/insistlzh/...
2019-05-08 07:09:00
175
转载 React学习笔记一
我是通过script src的方式引入的react的相关文件，本次学习顺序按照《React快速上手开发》一书的顺序学习的，本篇博客笔记地址：http://note.youdao.com/noteshare?id=09c72e73de42ff99a65977eaf4db892e&sub=60C0A66521F9494DA5A784A2A6E9877E 一、通过...
2019-04-20 12:31:00
95
转载 Vue知识分享一
最近想着把之前学的Vue的知识整理一下，方便在公司和同事一起分享。我想要按照下面几个方面去说一下，我对vue的学习理解。一、什么是VUEvue.js是一个用来开发Web界面的前端库，是很轻量级的工具。Vue本身具有响应式编程和组件化的特点。所谓的响应式编程，其实就是保持状态和视图同步。在vue项目中，声明实例 new Vue({data:data}),然后对data进行视...
2019-03-27 22:08:00
102
转载 js计算每个月的总天数
js中相关日期的计算 var year = new Date().getFullYear(),//计算当前年份 month = new Date().getMonth()+1,//计算当前月份 dates = new Date().getDate(),//计算当前日期 week = new Date().getDay(),//计算...
2019-03-16 14:07:00
606
转载 phaser小游戏框架学习（二）
今天继续学习phaser.js。上周写的学习教程主要内容是创建游戏场景，游戏中的显示对象，按钮对象的使用以及如何在不同屏幕大小中完美适配。这篇博客以介绍游戏榜单的渲染更新为主。 代码地址：https://github.com/dreamITGirl/phaser，具体文件为Billboard.js。 这个学习过程是以一个类似于头脑风暴的游戏为实例，来学习pha...
2019-01-26 11:32:00
173
转载 phaser小游戏框架学习中的屏幕适配
这篇博客主要讲一下上一篇博客的右侧和底部出现的问题。就是页面会有偏移量。说一下这个产生的原因吧。 一开始在构建html页面的时候，习惯性的在页面中加了<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-s...
2019-01-19 15:11:00
1121
转载 phaser小游戏框架学习（一）
这两天由于项目的需要，所以简单学了一下phaser框架。官网：http://phaser.io/还有一个phaser小站，是中文的网站，但是内容不如英文文档全，大家也可以去看这个网站，需要查阅API时，再去英文网站也可以 ：https://www.phaser-china.com分享一下入门教程：http://club.phaser-china.com/topic/59899...
2019-01-19 13:35:00
713
转载 v-touch使用方法以及在项目中遇到的问题
上篇博客中我记得还有一个坑没有解决好，在这篇博客中详细说明一下。 在https://github.com/dreamITGirl/vuepageturn我的这个代码库里，更新到2.1版本。 目前解决了：在v-touch中，有滚动区域的话，滚动区域不好用，尤其是在ios系统中，无法滑动的问题；新增图片预加载功能；滑动到某一页时，该页才会出现动画效果， ...
2019-01-19 11:08:00
3723
转载 基于vue实现上下滑动翻页效果
18年年底的时候，一直在做年度报告的H5页面，因为项目需要，需要实现上下滑动翻页，并且上滑的页面比正常页面的比例要缩小一定比例。 效果类似于http://www.17sucai.com/pins/demo-show?id=7834，这个链接是基于jquery实现的，我写的是和这个例子效果一样，只不过是用vue实现的。 代码地址：https://github.c...
2019-01-14 06:57:00
5335
转载 FullCalendar插件的基本使用
我的另一博客地址：https://segmentfault.com/u/lyrfighting/articles 前段时间，一直在开发考勤系统，当时为满足设计的需求，选了好几个插件，最后决定采用Fullcanlendar的插件。感觉这个插件可以满足现阶段的功能开发需求 需求图 一、使用方式 1、依赖的文件引入 ...
2018-10-31 14:21:00
342
转载 vue脚手架的搭建
另一博客地址：https://segmentfault.com/a/1190000016451376一、基础的知识 1、html 2、js 3、css二、搭建项目过程--windows系统1、node.js环境--检查是否已安装node环境 node -v如果没有安装的话，可以去node官网安装。2、安装cnpm（可以选择不安装）[淘宝镜像](http://...
2018-09-19 11:01:00
76
转载 移动端开发--页面预加载
这两天一直困扰我的一个问题终于解决了。很感谢同事给我的帮助。 先说下我遇到的问题：在app首次安装或者用户清除本地缓存信息后，用户再次登陆后，虽然可以从缓存中获取到用户信息，但是，放不到页面上。我一直很奇怪为什么会出现这样怪异的事。 总结一下出现上述这种情况的原因：1、lantch页面设置成index页，而不是登陆页，在用户首次安装index页的时候，其实已经...
2018-09-17 23:11:00
320
转载 将三级联动菜单栏封装成函数
昨天就想着将三级联动菜单封装成函数式，结果昨天工作比较忙，所以只能今天来更了。还是前两天写的那个三级联动菜单栏，只不过将它改成了js函数调用的形式。函数中并没有增加点击事件，跳转页面事件也是在a标签中实现的。想着周末再在此基础上增加它的复杂度。简单实现一个三级联动菜单菜单栏的，用纯css即可实现，为了增加可复用性，将它封装成了组件，到时候可以直接修改样式，后台传数据时按照规定...
2018-08-31 11:40:00
130
转载 css 实现三级联动菜单
昨天因为项目中想要把二级联动菜单改成三级联动菜单，所以我就单独写了一个tab导航栏，用纯css的方式实现的三级联动。一开始我想着可以用js实现，但是js的hover事件和mouseenter,mouseover,mouseleave,mouseout事件都会有一个问题，就是当鼠标移出区域块儿的时候，我们希望弹出来的二级菜单和三级菜单可能不会像我们希望的显示隐藏。所以，我们可以用css3的...
2018-08-29 10:48:00
1413
转载 mui 上拉加载更多的使用
最近工作之余在用mui的框架开发，对mui了解了一些。在真正的app开发项目中，mui上拉加载模块中有两个坑，现在说一下。1、在函数自己上拉加载行为后的回调函数该函数是必须要写的，用来写自己的逻辑需求，但是一般情况下，需要设置显示为“加载更多”还是“没有更多数据了”。看了一些博客和官方文档，基本上都把这个设置放在了定时器中在定时器中调用获取数据的方法（自己的业务需求）...
2018-08-28 13:22:00
133
转载 mui 从子页面返回至父页面，同时刷新父页面
今天在写页面的时候，有一个需求，就是新闻列表项的时候，会显示出浏览次数，点击进入页面的时候，也会有浏览次数，且浏览次数比点击之前的已经+1了。那么用户返回到新闻列表页的时候，浏览次数应该更新了。mui中有两种方式去解决返回事件的问题；最普通的逻辑就是点击返回，关闭当前页面mui.back = function(){ plus.currentWebview.clos...
2018-08-27 18:33:00
274
转载 cropper.js裁剪图片的使用
这两天难得有时间可以整理一下最近学习的东西，这两天项目中用到了头像上传裁剪的功能，这里只介绍头像的裁剪吧。单独实现图片剪裁的功能还是挺容易的，入门级别的。看一遍官方给的文档，基本上就明白了。大家如果不想看英文版的官网介绍，可以看这篇博客，讲的特别好。官网地址：http://fengyuanchen.github.io/cropper/附上网址：https://blog.csd...
2018-08-24 16:23:00
112
转载 如何从git上clone一个项目
今天想从自己的git上down下来代码，补充一些新的学习demo,不过因为平时工作中不适用git管理代码，所以，有些命令行忘记了。现在，通过这种方式再加深一遍印象吧。那我就假设已经安装好了git了。1、进入到目标文件夹，也就是将项目放置的文件夹，点击右键，点击如图红框中的部分，进入到目标文件夹2、如果你尚未设置git的用户名和登录邮箱，就需要先设置一下，才能clone下来...
2018-08-24 10:16:00
729
转载 如何在app里利用js调取手机第三方地图--以高德地图和百度地图为例（2）
接着上篇文章说一下js调取第三方地图的问题，上次的方式是通过一个链接直接接到了第三方的web页面，又从第三方的web页面调用的第三方app;结果，这个方法被否定了，因为需求不是这样，需求直接就想调用第三方的app.因为项目是基于mui框架写的，而MUI自身又封装了调用第三方app的方法。所以，在官方文档中的runtime的模块中写了如何调用。先来简单介绍一下Runtime模块。R...
2018-08-23 23:42:00
1002
转载 js组件化（转载）
今天想着开始封装自己的UI库和组件库，从网上看到一篇很好的关于js组件化的文章，现在分享一下。转载地址：https://blog.csdn.net/Prince_fmx/article/details/77926189可以直接看这篇文章就可以了。转载于:https://www.cnblogs.com/bllx/p/9511586.html...
2018-08-21 15:26:00
45
转载 mui框架使用心得
这段时间一直在用mui框架做项目，现在很多快速开发的app大部分是用MUI和APICloud开发的。所以我就把他们对比了一下。mui有自己的UI组件，我在项目中，很少用框架的UI组件，而使用框架的js组件相对较多。我感觉MUI的UI组件和bootstrap的css样式有着共同的特点，如果需要改样式的话，相对来说还是有点麻烦的，担心是影响了其他的样式。不过其实也还好。就像mui中返回的...
2018-08-21 07:37:00
405
转载 如何在app里利用js调取手机第三方地图--以高德地图和百度地图为例（1）
前两天在项目中涉及到一个问题，就是要在我们的app中调用百度地图app或者高德地图的app.一开始一直以为是原生app开发才可以做，还是见识少了。今天就写一下笔记，记录一下如何在自己的app中调用第三方地图app，。先说百度地图吧，在百度地图的官方文档中有关于URI的相关介绍，而我们js去调的接口也是在这个里面都有介绍。官方文档地址：http://lbsyun.baidu.c...
2018-08-20 18:52:00
2740
转载 css中多余文字省略号显示
项目中很多情况都要求多余的文字要以省略号的形式展示在前端页面上。虽然用的多，但是我也不知道为啥，我始终记不住。所以，通过这种方式，让自己加深一下印象情况一：单行文字超出规定宽度后，以省略号形式展示具体的样式如图：代码：.css{ width:200px;//示例宽度 height:40px;//示例高度 overflow:hidden...
2018-08-15 11:54:00
367
转载 判断当前浏览器是否是IE浏览器
今天修改后台人员遗留的兼容性问题时，遇到了有些样式只是在IE浏览器下面不正常，为了让自己记住，所以把代码贴一下 ## 代码 ##if (!!window.ActiveXObject || "ActiveXObject" in window){ console.log('是IE')} else{ console.log('不是IE') }## 解释 ##ActiveXObject 对...
2018-08-15 06:38:00
891
转载 js实现页面的上滑下拉功能
这两天做项目，用到了上滑和下拉的功能，主要是通过监听touchmove,touchstart,touchend三个事件去判断页面上滑状态还是下拉状态。同时加一个知识点：有时在监听时会报错，这个错是这样子的：[Intervention] Unable to preventDefault inside passive event listener due to target bein...
2018-07-10 21:27:00
3820
转载 base64编码后的pdf文件前端页面展示--pdf.js的应用
最近在整理项目中用到的插件或者使用心得，感觉还是写成博客，能加深新一层的理解。我先说一下我的需求：由于java后台编译的文件流在手机端加载速度太慢，所以想着可以在前端解析，放在页面展示给用户。所以，我需要后台传给我的是base64编码的pdf文件。我们知道，单纯靠base64解析pdf文件是解析不了的。所以需要引入另一个pdf解析文件--pdf.js具体的使用方法大家可以看源...
2018-07-08 18:52:00
5106
转载 关于不同页面的传参分析
很长时间没写博客了 ，工作忙到也没有时间去整理这段时间遇到的问题。现在可以好好梳理一下了。这两天在做移动端项目时，遇到了在不同页面传参的事。回顾了一下这几年在项目遇到的页面传参的情况，现在梳理一下。先说原生js的传参吧。①可以将参数放到下一个页面的路径后面，通过window.location.search的方式去截取参数。Window对象的location属性引用的是Lo...
2018-07-08 15:27:00
129
转载 ajax异步传输数据，return返回值为空
今天在项目中遇到了一个问题，就是在定义了一个函数drawHtml(),本意是想在函数运行结束后，返回拼接的字符串，可是函数运行结束后始终返回的是undefined有BIG的代码：function drawHtml(){ var html =""; $.ajax({ type:'get', ...
2018-05-14 22:12:00
1634
转载 mCustomScrollbar 滚动条的使用
前两天需要设置滚动条的样式，一开始我以为只是用css设置就可以了，嗯，果然还是想的很简单，虽然可以在css设置滚动条样式，但是只是在火狐，IE浏览器上根本就不能用，所以只能使用js插件来设置滚动条的属性。从网上查的mCustomScrollbar。现在给大家介绍一下这个插件的使用。其实前两天发现swiper中也有关于滚动条的设置，有兴趣的可以看一下。官网地址:http://manos...
2018-04-30 08:02:00
1060
转载 angular实现表格的全选、单选、部分删除以及全部删除
昨天自己写了一小段js，在全选的时候有点儿小坑，然后，整理了一下。今天把它贴出来，希望以后还记得。 大家也可以去github上查看或下载：https://github.com/dreamITGirl/projectStudy/tree/master/html 我在用angular实现表格的全选时，是给了一个标记--就...
2018-04-24 07:38:00
807
转载 iOS风格的弹出框（alert，prompt,confirm）
前两天，自己写了一个简单的插件，在移动端使用，不管是安卓手机还是iOS系统的手机，弹出框统一使用iOS风格的。该弹出框是依赖于jQuery的，当然也可以将用jq写的几句代码转换为原生代码。今天把代码地址分享给大家，如果想使用，可以直接下载：https://github.com/dreamITGirl/projectStudy/blob/master/html/iOS%E9%A3%...
2018-04-22 20:35:00
325
转载 下拉刷新，上拉加载功能--dropload.js的使用
这段时间工作太忙了，没时间更新博客内容，在这段时间，也学习到了不少新的知识。今天先整理一下dropload.js的使用方法吧，这个是在为项目中使用过的插件，很好用，但是真正用到项目中还是会有一些小小的问题，这个要具体问题具体分析了。 插件下载地址：https://github.com/ximan/dropload。大家也可以直接看源码 我的代码地址: https...
2018-04-22 17:28:00
373
转载 页面水印效果的实现--新篇
这两天需要实现页面的水印效果，第一印象一直以为水印效果都是放张背景图，原谅我的孤陋寡闻..还可以放入动态的数据。我在移动端和PC端都做了测试，在原来网上封装好的水印的方法基础上，自己有增加了动态获取数据的封装，现在把代码贴出来。大家有需要可以看一下，如果有什么错误，欢迎指正。注意： 我在PC端测试的时候，始终是显示一列，第二列没有显示出来；还有就是在传入路径时，移动端的访问路径和...
2018-04-09 07:45:00
397
转载 angular实现表格的分页显示
最近项目中用到了一个功能，就是表格的分页显示。以前没整过，今天学会了，把它整理一下，下次可以直接用。 实例代码：https://github.com/dreamITGirl/projectStudy 参考博客:http://www.cnblogs.com/cyclone77/p/5381278.html ...
2018-04-06 22:17:00
1477
转载 面包屑导航的实现
这两天在项目中用到了面包屑导航栏；所以我自己又重新写了一个纯CSS实现的，当然绑定事件还是要靠js嘛。上图是未点击状态下的导航栏上面这些图是点击后的导航栏。代码实例如下：有一个问题暂时没有想到什么好的方法解决，就是在未点击状态下的三角框不明显，基本看不到。不知道该怎么解决这个，让它看起来明显一些。<!DOCTYPE html><ht...
2018-03-30 07:43:00
2299
转载 HTML <!doctype>声明
昨天看代码的时候，发现在<!doctype>中添加了新的属性，以前写代码的时候并不会在该声明里添加新的属性。昨天看到了，就把它记下来学习一下，顺便整理成文档。以便日后复习。 <!DOCTYPE>定义与用法 1、所有的浏览器都支持<!doctype>声明； 2、<!doctype>不是HTML标签...
2018-03-27 07:29:00
142
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人