- 博客(42)
- 收藏
- 关注
RSS订阅原创 javascript获取transform中的属性值
最近在做一个移动端的网站，其中一个难点就是导航，因为导航里面项目比较多，需要通过滑动来查看被遮住的项目，这个功能实际上就是以前pc端经常做的拖拽，因此安装老思路就上代码，在pc端的模拟器里面也是很顺溜的，但是一旦放到手机上一试，我哩个去，卡的不行，想了好久，发现是因为按照平时的思路，在写拖拽的时候是通过定位来实现的，但是定位这种东西在性能很鸡肋的手机端实在是太啃爹了。没办法，只好改用css3的t...
2018-08-20 13:10:49
1920
原创 Vue 组件 data为什么是函数？
在创建或注册模板的时候，传入一个data属性作为用来绑定的数据。但是在组件中，data必须是一个函数，而不能直接把一个对象赋值给它。Vue.component('my-component', { template: '<div>OK</div>', data() { return {} // 返回一个唯一的对象，不要和其他组件共用一个对象进行返回 },...
2018-06-30 15:30:00
289
原创 完美解决TP5验证码不刷新的问题（firefox和IE环境）
在TP5中的网页中加了验证码，最近在Firefox和IE环境中发现不能刷新。仔细研究后发现，验证码img的src网址不变的话，Firefox不进行服务器刷新。解决的想法是在img的src网址末尾加上随机变化的数值（time或者random）。变更方法是在onclick事件中，加上随机字符串，如下：<img id="verifycode_img" title="点击更换" src="{<...
2018-06-28 14:35:01
1219
转载 给select下拉框设置高度！
最近做一个项目，需要用到select下拉框显示栏目列表，需求是下拉框只显示5-6个栏目，超出的部分用滚动条(因为select我感觉很奇怪，写几个option它就显示几条，而且，最坑的是，不能设置option显示的个数！如果，我100,1000个栏目呢？那就尴尬了)。在网上一直没有找到答案，在同事的帮助下，自己花费一天的时间，终于解决了这个问题，特此分享一下。 先看效果，后上代码！看见上面的效果，感...
2018-06-27 12:30:32
5160
转载 mui开发app之plusready和init区别
初学mui会发现大量的demo中，都需要调用mui.init()和mui.plusReady()，可见这两东西在app开发中的重要性首先请注意一点，如果不是做app开发（非hbuilder基座运行），做web开发的话（在浏览器运行html），plusReady是没有意义的，不会执行，为什么？啥是html5+，和html5有什么区别？所谓的html4.0标准我们就不去讨论了，这是早期对浏览器标记语言...
2018-06-21 11:14:21
536
转载 移动端点击（click）事件延迟问题的产生与解决方法fastclick.js
问题的发现 上班做项目的时候碰到一个移动端项目，其中有个小游戏，相当于天上掉馅饼，用户需要点击馅饼获得。游戏做好之后在pc端测试是没问题的，安卓手机上测试也是没问题的，但是部分苹果手机就出现了问题，用户点击馅饼没有反应。 后来调试的时候，我让这些馅饼静止在屏幕上，这些苹果手机用户就可以点击了。才发现是因为点击事件延迟的原因导致移动的对象不能被用户点击，经过一定时间的延迟，该对象...
2018-06-08 11:21:01
1524
原创 js截取指定字符串
方法一:var str = "atynr6"; //要截取的字符串 var index = str.indexOf("n"); var result = str.substr(index + 1,str.length);console.log(result);方法二: var str = "atynr6"; //要截取的字符串 var ret = str.split("n"); consol...
2018-06-06 16:29:33
13592
转载 html 之间如何通过URL传输参数，并解决中文乱码问题
首先先看一个HTML页面间传递参数的小例子： 当在输入框中输入内容后，点击搜索，应用就会跳转到搜索页面，并传递了上一个页面搜索的内容“九”，同时搜索关联游戏，起初，如果直接通过 url?+搜索内容，这种方法实现参数传递的话，当我们搜索数字或者英文字母时，不会有问题，但是搜索中文的时候，就会出现一堆百分号样的搜索数据，这就可以说是Url中传...
2018-06-06 16:22:52
4700
原创 移动端的touchstart,touchmove,touchend事件中的获取当前touch位置
前提：touchstart,touchmove,touchend这三个事件可以通过原生和jq绑定。原生：document.querySelector("#aa").addEventListener('touchmove', function(){...});jq： $(".aa").on("touchmove",function (e) {...};1.获取当前touch位置 $('#webch...
2018-06-05 12:33:20
7671
转载 hrome浏览器表单自动填充默认样式-autofill
Chrome浏览器表单自动填充默认样式Chrome会在客户登陆过某网站之后, 会自动记住密码 当你下次再次进入该网站的时候, 可以自由的选择登陆的账号, Chrome会为你自动填充密码. 而你无需再输入密码 这本身是一个很好的功能, 但是对于开发者而言, 却有一个很让人难受的问题. 当你选择账号密码之后, 你的输入框会变成黄色… x黄色 (额. 只是因为我单纯的不喜欢这个颜色. 勿喷, 谢谢).样...
2018-05-28 17:49:24
386
原创 bootstrap中col-md-push-*和col-md-offset的区别
实现方式的区别：col-md-offset-*，是利用margin-left实现的，col-md-push-*/col-md-pull-*是利用相对定位实现的。效果的区别，col-md-offset-*只能向右便宜，因为实现方式就是margin-left，而push/pull因为是相对定位，既可以左偏移也可以右偏移还有一点，如果一行的偏移量+实际的宽度综合超过12，col-md-offset会换行...
2018-05-26 17:44:00
2969
原创 怎么用swiper实现匀速无缝轮播
修改或者覆盖样式.swiper-container-free-mode>.swiper-wrapper { -webkit-transition-timing-function: linear; /*之前是ease-out*/ -moz-transition-timing-function: linear; -ms-transition-timing-function: l...
2018-05-14 11:33:55
17464
17
原创 解决使用 swiper 常见的问题
使用 swiper 的过程中个人总结1. swiper插件使用方法, 直接查看文档swiper基础演示swiper API文档2.swiper近视初始化时, 其父级元素处于隐藏状态(display:none),会导致swiper初始化失败, 页面中的滚动效果有问题解决方法1: var mySwiper = myApp.swiper('.guest-wrapper',{ observe...
2018-05-14 09:28:34
19193
原创 使用nodejs搭建服务器显示HTML页面
首先安装express在命令行输入：npm install express -g安装完成后可以查看安装情况：npm ls -g 然后创建server.js文件var express = require("express");var app = express();app.use(express.static("public")).listen(8080);这里我们要将访问的html文件放在p...
2018-05-11 16:12:40
10060
原创 轻松搞定JSONP跨域请求
一、同源策略要理解跨域，先要了解一下“同源策略”。所谓同源是指，域名，协议，端口相同。所谓“同源策略“，简单的说就是基于安全考虑，当前域不能访问其他域的东西。一些常见的是否同源示例可参照下表：在同源策略下，在某个服务器下的页面是无法获取到该服务器以外的数据的。例如我们在自己的网站通过ajax去获取豆瓣上https://developers.douban.com/wiki/?title=api_v2...
2018-05-11 15:15:32
143
转载 Less实践之安装使用图解
方法/步骤首先，我们需要先下载安装Nodejs；网址这里就不展示了，具体问下度娘就可以了然后我们使用NPM来安装less,使用命令行：npm install -g less出现如图信息，表示正在安装中，基本上都能成功安装；接下来，小编跟伙伴们分享一个简单的Less例子；首先在nodejs的安装目录中（C:\Program Files\nodejs），建立两个文件，helloless.html和st...
2018-05-11 15:14:51
232
原创 如何使用JS来判断设备是pc还是移动？
方法一：纯 JS 判断使用这方法既简单，又实用，不需要引入 jQuery 库，把以下代码加入到 <head> 里即可。<script type=”text/javascript”>if(/iphone|ipod|ipad|ipad|Android|nokia|blackberry|webos|webos|webmate|bada|lg|ucweb|skyfire|sony|...
2018-05-01 20:53:32
399
转载 我对CSS vertical-align的一些理解与认识
by zhangxinxu from http://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=813一、关于今天，本文，及其他今天是个特殊的日子，因为今天是汶川地震两周年的日子，我很悲鸣；今天又是国际护士节，看到微博上护士照横流，我很欣慰。一段放松的YY后，进入正题。上个月21号，有位同行留言想让我讲讲vertica...
2018-05-01 10:11:54
284
原创 webstrom中vue文件编译报错
1.webstorm中es6语法报错，解决方法：打开 Settings => Languages & Frameworks => Javascript把 Javascript Language version 改为 ECMAScript 6这样做所有的.js文件中es6不再报错，但是.vue文件中es6语法依然报错。 2. .vue文件中es6语法报错(1)打开 Settin...
2018-04-23 01:40:08
912
转载 最新的vue没有dev-server.js文件，如何进行后台数据模拟？
最新的vue里dev-server.js被替换成了webpack-dev-conf.js在模拟后台数据的时候直接在webpack-dev-conf.js文件中修改第一步，在const portfinder = require(‘portfinder’)后添加//第一步const express = require('express')const app = express()//请求serve...
2018-04-22 15:34:19
182
原创 css清除浮动
.clearfix::after { content: ""; display: block;height:0;visibility:hidden;clear:both;}.clearfix {*zoom:1;}
2018-03-26 00:17:38
75
原创 设置div中的文本或元素居中
1.在父级元素中添加以下属性:display: table-cell;vertical-align: middle;text-align: center;2.通过绝对定位(需要知道所要居中元素的宽度和高度)子元素设置:top: 0px;left: 0;bottom: 0;right: 0;margin: auto;position: absolute;父元素:position:...
2018-03-25 17:23:41
671
原创 行内块元素之间默认间距问题
1.设置font-size：0，消除换行符、tab（制表符）、空格等字符2.letter-spacing: normal; 设置字母、字间距为0 (设置适当的缩进值,如:-3em)word-spacing: normal; 设置单词、字段间距为0 (设置适当的缩进值,如:-3em)...
2018-03-25 17:12:53
1145
转载 JS中的call、apply、bind方法
在JavaScript中，call、apply和bind是Function对象自带的三个方法，这三个方法的主要作用是改变函数中的this指向。call、apply、bind方法的共同点和区别：apply 、 call 、bind 三者都是用来改变函数的this对象的指向的；apply 、 call 、bind 三者第一个参数都是this要指向的对象，也就是想指定的上下文（函数的每次调用都会拥有一个...
2018-03-13 19:43:19
169
原创 Git工具中bash窗口与cmd的异同
git中的bash是在cmd的之前基础上增添一些新的命令与功能,保留了cmd的命令和功能,所以更加推荐使用bash。
2018-03-10 19:31:40
2964
转载 shell与cmd的异同
shell可以说是cmd的升级版、补充版。当然shell在原来CMD基础上做了很多修改、调整的，且增加了很多命令及命令别名。工具/原料电脑CmdPowerShell方法/步骤CMD和powershell都可以通过运行命令打开，如图。shell在原来CMD基础上做了很多修改，包含命令名称，代码色彩搭配等。shell命令与cmd命令差别示例，如图。别名是在原来命令的基础上为了方便、简单、便与记忆缩写而...
2018-03-10 19:24:41
19334
转载 GIT 查看/修改用户名和邮箱地址
1.用户名和邮箱地址的作用：用户名和邮箱地址是本地git客户端的一个变量，不随git库而改变。每次commit都会用用户名和邮箱纪录。github的contributions统计就是按邮箱来统计的。2.查看用户名和邮箱地址：$ git config user.name$ git config user.email3.修改当前project的用户名和邮箱地址:$ git config user.na...
2018-03-10 17:33:02
489
原创 nrm的作用与安装
一、nrm是什么？这是官方的原话： 开发的npm registry 管理工具 nrm, 能够查看和切换当前使用的registry。顾名思义，就是说nrm是一个管理npm的工具。二、nrm的安装$ npm install -g nrm三、nrm命令$ nrm ls // 查看所有的支持源（有*号的表示当前所使用的源,以下[name]表示源的名称）$ nrm use [name] // 将npm...
2018-03-10 16:41:01
3103
转载 SyntaxError: Block-scoped declarations (let, const, function, class) not yet supported outside stric
let session = require('express-session');^^^SyntaxError: Block-scoped declarations (let, const, function, class) not yet supported outside strict mode at exports.runInThisContext (vm.js:53:16) a...
2018-03-10 16:28:36
2010
转载 使用 nvm 管理多版本 node
查看当前系统 node 版本$ nvm ls N/Anode -> stable (-> N/A) (default)iojs -> N/A (default)1234可以看到目前系统里没有安装任何版本的 node使用 “nvm install ” 安装指定版本的 node$ nvm install v6.10.0Downloading and in...
2018-03-10 15:49:29
867
转载 windows安装nvm的两种方式
一、用nvm-noinstall.zip安装1.nvm-windows 下载https://github.com/coreybutler/nvm-windows/releases把nvm_noinstall.zip解压到比如c:/dev/nvm 中(其它盘也可以，建议开发有关的安装在C盘)；3.右键以管理员的身份运行install.cmd . 直接按回车,在C盘根目录下会生成一个setting,t...
2018-03-10 15:48:45
319
原创 npm命令大全
npm (node package manager)是node模块管理工具，类似与Linux下的yum和apt。常用npm命令（参考：https://npmjs.org/doc/）安装模块npm install安装当前目录package.json文件中配置的dependencies模块安装本地的模块文件npm install <tarball file>Example:npm inst...
2018-03-08 22:55:49
899
转载 ES6转码(编译)工具——Babel转码器、Traceur转码器
当ES6不兼容时，需要用到转码工具1.Babel转码器:Babel是一个广泛使用的ES6转码器，可以将ES6代码转为ES5代码，从而在现有环境执行。这意味着，你可以用ES6的方式编写程序，又不用担心现有环境是否支持。// 转码前input.map(item => item + 1);// 转码后input.map(function (item) {return item + 1;});上面的...
2018-03-08 22:38:13
555
转载 export，import ，export default区别
ES6模块主要有两个功能：export和importexport用于对外输出本模块（一个文件可以理解为一个模块）变量的接口import用于在一个模块中加载另一个含有export接口的模块。也就是说使用export命令定义了模块的对外接口以后，其他JS文件就可以通过import命令加载这个模块（文件）。这几个都是ES6的语法。export和import（一个导出一个导入）一个a.js文件有如下代码：...
2018-03-08 22:36:15
187
原创 Java 中 的==
1、对于对象引用类型：“==”比较的是对象的内存地址。 例子：public class ArrayTest { public static void main(String[] args){ String a = new String("aw"); String b = new String("aw"); System.out.p...
2018-03-04 21:13:55
403
原创 java compiler level does not match the version of the installed java project facet
如图所示：其实要解决也很简单，在资源管理器下，找到项目所在的目录，在.settings子目录里面，用文本编辑器打开org.eclipse.wst.common.project.facet.core.xml配置文件，如图所示：修改红色画线部分，让它与项目的编译器版本设置保持一致即可。要查看项目的编译器版本设置，在Eclipse环境中，鼠标右键选择项目，点击Properties，选择Java Comp...
2018-03-04 21:12:53
113
转载 Eclipse乱码解决办法
一. 设置工作空间的编码1编辑器的编码会影响到所有的项目中的字符的显示，可以说是作用最为广泛的设置，每一个项目都会受到这个设置的影响。点击菜单栏中的窗口（Window）— —选项（Preferences）。2点击常规（General）— —工作空间（Wordspace），然后在右侧的文本文件编码格式（Text file encoding）中选择你想要设置的编码格式，系统默认的格式为GBK。END ...
2018-03-04 21:04:05
201
原创 eclipse启动不了，出现“Java was started but returned exit code=13......”对话框
解决方案：到控制面板--程序--程序和功能下面查看，发现有Java 8 Update 11(64-bit)和Java 8 Update 25两个更新包，不知道什么时候更新上去的，把Java 8 Update 25的那个卸载掉就可以了，这个应该是32位的(我是64位的系统)，所以冲突了。...
2018-03-04 21:01:47
399
转载 Firebug不能使用
用firebug调试的时候出现 起初我以为是我的JavaScript的代码写的有问题呢，因为之前我还用它调过错，用的挺好的，所以我就放置了一段时间后来发现在火狐浏览器里自己的网页调试也出现这个页面，我忽然意识到不是我自己代码的问题，后来我就查了一下怎么回事儿，怎么解决。解决一 看到有的人提出解决方法一般重置firebug，然后开启“脚本“功能，刷新页面，就能显示正常。 但是我自己试了一...
2018-03-04 20:56:22
1428
转载 Spring MVC 流程图
图一图二 Spring工作流程描述 1. 用户向服务器发送请求，请求被Spring 前端控制Servelt DispatcherServlet捕获； 2. DispatcherServlet对请求URL进行解析，得到请求资源标识符（URI）。然后根据该URI，调用HandlerMapping获得该Handler配置的所有相关的对象（包括Handler对象以及Handler对象对...
2018-03-02 21:04:12
144
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人