- 博客(46)
- 资源 (2)
- 收藏
- 关注
RSS订阅
原创 vuejs 使用MintUI Loadmore下拉/上拉刷新,刷新框架
使用vuejs 2.0 开发，添加上拉加载下拉刷新。使用的是mint-ui中的Loadmore，：top-method 是下拉刷新的方法，：bottom-method是上拉加载的方法。
2017-10-09 17:31:49
4631
1
原创 html5+CSS 禁止IOS长按复制粘贴实现
因为在移动端APP需要实现长按执行别的事件，但是在IOS系统有默认的长按选择复制粘贴，禁止此功能在网上找了很多资料，最终整理出目前最好的解决方法。项目是APP，已经经过多款手机适配此时，因此可以放心使用。/*设置IOS页面长按不可复制粘贴，但是IOS上出现input、textarea不能输入，因此将使用-webkit-user-select:auto;*/*{ -webk
2016-12-28 09:12:08
7409
原创 touch事件（监听手机屏幕触摸事件）
Touch事件（触摸事件）触摸事件会在用户手指放在屏幕上时、在屏幕上滑动时或从屏幕上移开时出发。 具体来说，有一下几个触摸事件：1) touchstart ：当手指触摸屏幕时触发；即使已经有一个手指放在屏幕上也会触发。2) touchmove：当手指在屏幕上滑动时连续地出发。在这个事件发生期间，调用preventDefault()可以阻止滑动。3) touchend ：当手指
2016-12-26 14:59:11
4048
原创 swiper上每个slide都有一个input或者textarea标签，IOS键盘或安卓手机键盘点击下一步，会出现两个swiper混在一个屏幕上
以IOS为例，如下图点击下一步，会出现如图2 的现象，之前就遇到过这个问题，换了一种方式改好了，但是设计非得用左右滑动，左右滑动目前做过的只有swiper好一点，就用了这个插件，但是插件总会有各种各样的适配问题，这不就出现了这个适配问题，此问题之一。找了一上午的解决方法，一直都没有解决，下午同事提了一个醒，让其他的swiper中的textarea不起效，那就是属性disabled的来了，代码大
2016-11-04 14:51:03
2996
原创 新版本Chrome浏览器中解决跨域问题
浏览器版本：版本 53.0.2785.101 m最新版要用新的参数 加--user-data-dirwindows:"C:\Program Files\Google\Chrome\Application\chrome.exe" --args --disable-web-security --user-data-dirOSX:$ open -a Goo
2016-09-13 09:59:36
13414
原创 html5页面,背景是一个整体的图片，键盘弹出，页面变形（页面img压缩）
代码如下，一直是键盘弹出只有页面会变形，使用多种解决方法一直不能解决，后来查找资料终于找到了解决方法：(其实background也是一样的原理)1，如果屏幕高度固定的话，就直接给img一个固定的数值；2，如果不固定的话，使用js动态获取屏幕高度$('#editor_bgImg').height($(window).height());暂时只有这两个方法可以解决，如果有另外的解决方法，大
2016-08-12 10:18:53
6282
1
原创 HTML5 图片<img/>下边界出现空隙，去除空隙的解决方法
图片img下方出现空隙，且找不到空隙被哪一个元素占用，无缘无故多了空隙，影响样式设计的解决方法？1，给元素添加样式：display:block;img style="display: block" src="../../img/banner_index.png"/>2,给元素添加样式：vertical-align:bottom，vertical-align:middle，vert
2016-06-30 10:43:41
16881
2
原创 Iscroll下拉刷新问题集合、click点击事件
下拉刷新 var common_bodyHeight = $(window).height();//整个页面的高度var billDetail_myScroll;//账单明细中的IScrollvar billDetail_FirstTime = null;//账单明细中需要用到的时间判断
2016-04-05 10:24:24
4769
9
原创 html5 中导航栏中菜单过长，在Div上层添加提示左右滑动的箭头，使用Hello mui功能
使用hello mui主要设计，一开始不知道怎么做，后来突然想到使用position:absoulte;可以将元素固定到某一位置，所以就在和导航栏同一DIV级别的地方添加了span元素，虽然图表没有特别的美化，但是总体的功能实现了。 class="mui-control-item mui-active" class="mui-control-item" href="javaSc
2015-07-15 10:57:20
5520
1
原创 轻量级金融图表 TradingView 开发 状图、面积图、折线图 一图多表，多个y轴，添加水印等功能
主要实现图表中实现柱状图、面积图、折线图多个图标在一个坐标轴上展示， 其中可以格式化坐标轴上的值，添加水印，控制多个y轴的数据填充，实现一图多表的功能，并额外添加水印，随着鼠标的变化，获取当前鼠标的值。首先将lightweight-charts.js 以静态资源的方式引入项目，再进行开发！！一、基础系列需要先通过 LightweightCharts.createChart(DOM, {}); 创建图标，这一步类似echarts 的init()要创建任何类型的系列，您需要调用chart.add<
2021-06-29 15:16:17
3015
2
原创 webpack打包---报错内存溢出javaScript heap out of memory
“报错chunk assetsFATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory 是 JavaScript堆内存不足，这里说的 JavaScript 其实就是 Node，我们都知道 Node 是基于V8引擎，在一般的后端开发语言中，在基本的内存使用上没有什么限制。但是我去查阅了相关的资料才发现，在 Node 中通过 JavaScript 使用...
2020-09-24 15:30:07
1175
原创 JavaScript 中 同步任务与异步任务、单线程与多线程、事件循环与多线程、宏任务与微任务
掘金链接：https://juejin.im/post/5f0fb472e51d453490665e07同样，由面试题而来console.log('script start');setTimeout(function(){ console.log('setTimeout');})console.log('script end');// 输出顺序： script start -> script end -> setTimeout由此曼延到栈、队列等信息，下面我们看下知识
2020-07-20 09:08:42
314
原创 使用vue-cli3搭建Vue+TypeScript项目
一、首先安装Vue clinpm install -g @vue/cli# ORyarn global add @vue/cli安装好，之后，可以使用 vue --version 查看下版本二、搭建项目及其配置vue create 【项目名称】 项目名称不要包含大写字母vue create name如果是第一次使用3.0 版本，第一个选项可以忽略，只看后面两个default...
2020-03-12 15:57:00
5892
原创 ajax、axios、fetch的区别
1. ajax使用步骤创建 XmlHttpRequest 对象调用 open 方法设置基本请求信息设置发送的数据，发送请求注册监听的回调函数拿到返回值，对页面进行更新//1.创建Ajax对象if (window.XMLHttpRequest) { var oAjax = new XMLHttpRequest();} else { var oAjax = new A...
2020-01-02 10:15:50
194
1
原创 将本地项目上传到Github
前提是我们已经在本地创建了一个版本库（项目文件夹）第一步：在项目的文件夹目录下，在命令行中输入 git init 把这个文件夹初始化成git 可管理的库。执行完 git init 会发现文件下下面出现一个.git 文件，它用来跟踪和管理git版本库的，默认隐藏。第二步：执行 "git add ."，把文件添加到缓存中第三步：连接远程数据库（gitHub）在gith...
2019-09-12 09:35:29
140
原创 mongoDB+express+React 框架搭建 一
第一章 后端express 搭建正文开发环境本地安装mongoDB、nodejs、react 脚手架node.js 安装及配置mongoDb 安装及配置参考文档：https://www.cnblogs.com/progor/p/8595661.html?utm_source=tuicool&utm_medium=referral一、服务器搭建（前端小白搭建后...
2019-09-12 09:34:05
929
转载 将本地项目上传到gitLab
具体步骤如下：1.登录gitLab账号，成功创建一个项目文件，并生成https地址2.打开本地项目，初始化git$ git init3.将本地git和服务器上的连接（确保项目没有其他远程连接的服务器端口）$git remote add origin这里是gitlab上刚创建的项目文件的地址链接（origin后面空格 跟上想要提交的仓库地址）4.添加要提交的本地项目...
2019-06-10 17:24:15
661
原创 Chrome开发者工具
Chrome开发者工具(DevTools或Developer Tools)是Google Chrome浏览器中内置的一组网页制作和调试工具。开发者工具为网页开发人员提供了访问浏览器及其网页应用程序内部的深入访问。使用开发者工具有效地跟踪布局问题，设置JavaScript断点，并获得代码优化的见解。现在让我们来看看各个面板。在Chrome菜单中选择更多工具>开发者工具。 在页面元素...
2019-02-28 10:35:06
3289
原创 react项目 form表单重置 initialValue
项目中做了一个弹框，将新增和修改放到了同一个弹框，然后判断一个对象是否有值来判断是新增还是修改。 render() { const extra = ( <Group> <Button onClick={this.handleAdd}>新增</Button> </Group> );...
2018-11-23 17:39:49
7677
原创 React Ant Design中日期选择框，实现选择年份然后执行事件
项目有一个功能，想实现通过时间框选择年份，查询整年的数据，大概实现如下图一开始想用ant Design中的日期选择框DatePicker，但是后来发现实现不了，有一个功能可以显示年份，就是将DatePicker中有一个属性mode 日期面板的状态,time|date|month|year 将其设置为year，就可以选择年了，但是出现了一个BUG，事件onChange 点击年份的时候，不执行...
2018-07-19 11:05:44
6143
原创 React JS接口获取字符串，根据某个特殊条件在html页面上展示换行或者通过别的标签显示不同的格式
在项目开发中，有一个页面展示文字需要分组换行展示，在JS中处理，根据某个特殊的字符，然后用<br/>换行，处理如下oldValue = OldValue.replace(/\n条件组/g, '<br/>条件组'); 结果发现<br/>直接在页面上展示出来，。一开始以为是处理的问题，后来发现直接在浏览器中输入<br>是没问题的。通过网上查资料，在网上看...
2018-05-23 15:26:53
2154
原创 Vue 2.0 vue-router 路由重定向 传递参数
在开发Vue2.0 项目中，有一个需求是通过链接里面的页面参数跳转到固定的页面A，然后把其余的参数当做参数传到页面A，A处理逻辑找了好久都没有解决，然后过了几天，换了种思路，就发现了其实在官网上其实已经说明了， const router = new VueRouter({ routes: [ { path: '/a', redirect: { name: 'foo' }}
2018-03-15 14:31:33
7314
1
原创 html 5 (manifest )离线缓存使用以及坑
项目需求，当网络缺失时，使用html5 离线缓存技术，展示某个页面。（应用程序缓存Application Cache）html5离线缓存是通过创建cache manifest 文件，轻松创建web应用的离线版本。刚开始使用的时候好些坑，因为没有很详细的文档或者资料，只能一点点的测试和开发；使用步骤和遇到的坑如下：1，新建一个以.appcache 为后缀的文件，这个文件最好和你需要缓存的html页面...
2018-02-26 20:03:55
1209
1
原创 vue项目生成二维码功能使用QRCode
1，导入第三方插件npm install --save qrcode2，在页面上引入import QRCode from 'qrcodejs2'二维码位置methods: { qrcode () { let qrcode = new QRCode('qrcode', { width: 100, height: 100,
2018-01-30 15:01:26
33082
8
原创 Failed to mount component: template or render function not defined.
在开发Vue项目的初期，修改了一下Vue项目的接口，结果在某一步骤出现了这个错误，但是查询了网上的信息，说什么配置Vue :vue/dist/vue.js , 之类的，完全没有作用。后来发现，代码里面export default new VueRouter({ base: __dirname, routes: route.route // routes: arrs})rout
2018-01-30 11:18:32
2557
原创 （Window）初始化Vue项目结构目录 二
1，初始化之前的目录结构├── README.md // 项目说明文档├── node_modules // 项目依赖包文件夹├── build // 编译配置文件，一般不用管│ ├── build.js│ ├── check-versions.js
2018-01-29 14:06:20
281
原创 （Window）创建Vue项目步骤 一
1，确认已经安装过nodejs和vue-cli vue的脚手架工具。（如果没有安装，需要安装一下，网上找一下安装步骤）2，用vue-cli 开始创建项目：vue init webpack projectNameprojectName-表示你的项目名称用安装的vue-cli 脚手架工具命令vue, init一个以webpack 为模板的名为 ** 的Vue项目。终端里面会显示
2018-01-29 09:55:53
3923
原创 纯css 写箭头
display: inline-block;border-right: 0.035rem solid #cacaca;border-bottom: 0.035rem solid #cacaca;width: 0.23rem;height: 0.23rem;transform: rotate(-45deg);float: right;
2017-12-28 10:11:39
269
原创 用纯CSS写一个左右滑动的开关按钮
/*关闭状态*/.dashDiv{ float: right; border-radius: 1.8667rem; border: 0.03rem solid #cbcbcb; background-color: #FFFFFF; width: 1.26667rem; height: 0.613333rem; margin-top: 0.5r
2017-12-04 16:50:40
8602
原创 使用IDEA2017 支持vue 项目+ es6
1，vue 支持File > Setting>Plugins搜索Vue.js ，如果下方显示 No plugins font. Search in repostitories ，点击，进入搜索，对应的install vue.js 就OK2，es6 支持 File>Setting>Languges&Frameworks>JavaScript>ECMAScript 6 OK
2017-11-28 18:55:42
5207
原创 添加遮罩时禁止滚屏，同时已经滚动的页面不会跑到最顶部去然后划不动
1，弹出遮罩层之后，给body 加overflow:hidden,这样会导致一个问题，是已经滑动的页面，会重新滑动到顶部，这种体验效果是很差的。2，第二方案，首先给body自己一个overflow:auto,然后在执行操作1。但是在IOS适配时，会出现滚动卡顿，没有滑动的惯性，方案二失败。
2017-11-27 12:44:41
1150
原创 Css 精灵图（雪碧图） 图片大小显示
Web 项目使用的JQuery框架，项目时间比较久了，图片积累下来，大概光图片就有一两百个，为了减少网络请求数量和加载时间，项目做一个统一的规整，将小图标全部放在精灵图（雪碧图）上。
2017-11-20 14:00:58
5486
原创 将JSON对象、数组的值赋给另外一个对象，（互不影响） 对象赋值
如代码所示，因为JSON对象如果用=来进行赋值的话，类似a=b,你的本意是想修改b里面某个key对应的value,不动a里面的值，用=的话，a、b都修改了，所以可以重新对应的给另外一个赋值。function getObjectVal(data) { var _data = {}; $.each(data, function (k, v) { _data[
2017-09-27 10:06:06
4552
原创 JS获取智能机浏览器版本信息
var browser = { versions: function () { var u = navigator.userAgent, app = navigator.appVersion; return {//移动终端浏览器版本信息 trident: u.indexOf('Trident') > -1, //IE内核
2017-09-27 10:03:17
609
原创 IOS-iframe 嵌套某一个页面，点击跳转下一个页面不能操作页面中的任何事件
由于是使用banner，将活动详情页面展示 在项目中，就使用了iframe嵌套活动详情。活动详情中有一个按钮可以跳转到另外一个页面。IOS系统中，跳转之后，发现跳转的那个页面不能操作任何时间，后来发现是iframe标签中，overflow：scroll样式，影响到了下一个页面，就好像给下一个页面添加了一层玻璃。var iframe = window.document.querySe
2017-09-25 14:10:01
4157
原创 overflow 显示一行可以滑动，不显示滑动滚动条
使用两个div，完成div将内层div的滚动条遮挡住，使用户看不到滚动条body,p{ margin:0;}.citySpan{display: inline-block; text-align: left; padding-left:10px;}.div1{ font-size: 10px; color: #a4a4a4; padding-
2017-09-18 10:41:01
4005
原创 highCharts去掉图表官网标识链接和导出按钮
1,去掉图表官网标识链接credits: { enabled: false}2，去掉导出按钮exporting: { enabled:false}
2017-06-06 14:16:30
829
原创 使用渐变色gradient完成颜色
前一段时间，使用渐变色，现在刚好有一个需求，是一个页面两种背景色区分，刚好可以使用渐变色<div class="zhezhao_half"style="background: linear-gradient(rgba(0, 0, 0, 0) 9.74513%, rgba(0, 0, 0, 0.5) 9.74513%,rgba(0, 0, 0, 0.5) 100%);"></...
2017-05-31 19:09:30
1846
原创 replace 如何分别替换第一次匹配和所有匹配之后得到的字符串
JSAPI中，对于replace()方法的描述是这样的：replace() 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。在实际应用中，举个例子：把字符串中的“a”替换为 空字符串“”，var str = "aaasssbsasfs";str.replace("a","");发现replace只替换了第一个a,后面的a 并没有匹配。
2017-05-22 09:29:21
4183
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人