2017年03月_黑子Kuroko

12月 10月 08月 07月 06月 05月 04月 03月 02月

原创 CSS3动画入门 CSS动画如何使用（举例说明）

本文直接通过代码演示及注释初步了解一下CSS2动画的使用。演示效果可以直接拷贝代码运行一下即可~另外推荐几个不错的动画网站：Animate.cssAnimista动画工具动画演示 .test { width: 200px; height: 28px;

2017-03-27 13:18:33 1375

原创 js 监听移动端web触屏事件滑动响应

直接上例子，以vue应用为例：html: <ul> <li v-for="item in items" :class="{finished:item.isFinished}" @click="toggleFinish(item)" @touchstart="touchstart()" @touchmove="touchmove(item)&quo

2017-03-24 16:48:24 4638

原创通过JS语句判断WEB网站的访问端是电脑还是手机

2017-03-23 23:13:03 592

转载 js 兼容性之阻止事件冒泡传递

var btn = document.getElementById("btn");btn.onclick = function(event){ alert('clicked'); event.stopPropagation();}

2017-03-23 16:14:16 676

转载 js中数组的操作 push()，pop()，shift()，unshift() 简介

JS中的数组提供了四个操作，以便让我们实现队列与堆栈！小理论：队列：先进先出堆栈：后进先出实现队列的方法：shift:从集合中把第一个元素删除，并返回这个元素的值。unshift: 在集合开头添加一个或更多元素，并返回新的长度push:在集合中添加元素，并返回新的长度pop:从集合中把最后一个元素删除，并返回这个元素的值。 1， push()和po...

2017-03-23 11:22:03 13416 1

转载 CSS 禁止文字选中

现象：html中可能有些地方不想让用户复制文字，或是用a标签做了个点击按钮，点快的时候文字会被选中，很丑，这个时候可以使用下面的方案禁止文字选中。原因：鼠标点快了。解决方案：不同的浏览器设置的内容不一样，user-select不是一个W3C的标准，浏览器的支持不完成，需要对不同的浏览器进行调整。body{-moz-user-select: none; /*火狐*/-webk...

2017-03-23 11:19:51 1144

转载【解决方案】去掉谷歌浏览器获取焦点时默认的input、textarea的边框和背景

1、使用Chrome的都知道，当鼠标焦点在input、textarea这些元素上时，Chrome默认的会给它们加上黄色的边框，我以前一直以为这是chrome的特性，没法去掉，原来是css的效果，outline这个属性。你可以用下面的css代码去掉所有元素的边框： *:focus { outline: none; } 用下面的代码去掉你要去掉的元素的边框： .nohig...

2017-03-22 17:25:03 7226 2

原创 CSS设置元素垂直居中的几种方法

.center1 { width: 200px; height: 200px; position: absolute; left: 50%; top: 50%; margin-left: -100px; margin-top: -100px;}.center2 { position: absolute; left: 0...

2017-03-22 09:45:50 601

转载 javascript 中的nextSibling和previousSibling使用注意事项

firstChild,lastChild,nextSibling,previousSibling都会将空格或者换行当做节点处理，但是有代替属性所以为了准确地找到相应的元素，会用firstElementChild,lastElementChild,nextElementSibling,previousElementSibling兼容的写法，这是JavaScript自带的属性。但坏消...

2017-03-21 16:22:58 1141

原创 JS 键盘监听事件 enter 13

var ie;if (document.all) ie = true; else ie = false; //判断是否IEdocument.onkeydown = KeyPress; //设置键盘事件函数function KeyPress(){ var key; if (ie) key = event.keyCode; //ie获取键盘值 else key = KeyPre...

2017-03-21 16:18:22 1703

原创【问题记录】vue生成文件本地打开查看效果

问题描述：npm run build 后dist文件夹下面直接浏览器打开index.html，css和js的路径都不正确。放到跟目录下就正常了。问题解决：打开项目所在文件夹里面的 config - index.js 在 build 部分的 assetsPublicPath 里面加一个点即可assetsPublicPath: '/', 改为assets...

2017-03-20 15:12:19 11593 1

原创 vue 环境搭建与安装

第一步安装 node网上下载一下node即可，下一步下一步点去就行，查看是否成功：cmd——node -v 第二步安装 npm此处用的是淘宝镜像 cnpmnpm install -g cnpm --registry=https://registry.npm.taobao.org 第三步安装 vue-clicnpm install -g vue-cli ...

2017-03-20 14:54:28 705

原创 favicon.ico介绍，网页图标的制作&动态网页图标

1、直接上成功的代码，关键代码： <!DOCTYPE html><html><head> <title>网页图标</title> <link href="favicon.ico" rel="icon" type="image/x-icon"/>

2017-03-12 18:18:20 3480

echarts.min.js

该资源仅提供常用的几个图表控件，上传于此方便自己下载使用。有需要的同学建议直接去官网下载哦：https://www.echartsjs.com/zh/index.html

2019-10-25

operation-demo.zip

1. 用户登录态的实现 - cookie 2. 本地mock数据方式 - EasyMock/ExpressMock/MockJs/YapiMock/本地拦截 3. 前端请求做了哪些事情 - axios 4. 前端路由模式 - vueRouter 5. 表单校验交互 - veeValidate 6. 列表查询的UI和交互 - elementUI

2019-08-13

这是基于jison工具，通过修改JSONNumber中的numer转换规则，将long类型的numer值进行匹配，然后将其转为string，从而避免Long类型的数据在js中出现精度丢失的问题。该jsonling.js文件是已经修改过后生产的辅助文件，可直接在项目中引用。使用方法： 1、在html中引入该文件 [removed][removed] 2、在请求的相应数据response中调用它 return jsonlint.parse(data) 3、可在控制台查看每次请求拿到的数据，long类型已转换string；注意浏览器中的Preview显示还是异常的，这个不影响前端读取数据。

2018-09-20

jquery-touchslider使用案例（注解版）

1、包含jquery、touchslider的js插件代码，以及两个使用案例，其中test.html为关键的注释版例子。 2、该代码主要展示了手机端H5滑动切换页面的使用方法。

2017-07-24

ExtJs常用布局--layout详解实例代码

ExtJs常用布局--layout详解实例代码: ExtJs常见的布局方式有：border、form、absolute、column、accordion、table、fit、card、anchor 另外，不常见的布局有：tab、vbox、hbox 具体使用方法可见该文件的案例代码。该文件含ext3.2.0压缩版，可直接运行哦！

2016-05-23

用extjs写的登录界面

这是用extjs3.2.0写的一个登录界面，而且是经过删减ext中无效文件的精简版，里面给了详细的注释说明，方便入门学习！功能强大：包括账号密码的判断、浏览器缩放时候的窗口自适应、键盘enter键的监听、分别用相对定位和绝对定位对ext元素进行布局等。

2016-03-28

一个复杂美观的登录界面

相比之前的那个【简单版】登录界面，该模板新增： 1、js 回车事件，并且能够兼容多个浏览器； 2、界面布局的层次结构优化； 3、按钮监听响应事件的实现方式优化； 4、包含全屏方法的实现； 5、连个div块的叠加； ---------------------------以下为上个版本介绍--------------------------- 用html、JS、css写的一个登录界面的网页。可以进行用户名、密码判断；界面跳转。当然，该例子主要是展示css对页面的美化效果。

2016-03-24

2048小游戏——网页版（改进篇）

重点说明：该资源为原版2048的改进版！主要改进：1、把数字换成了文字；2、新增暂停查分按钮；3、尺寸改为屏幕的百分比，支持缩放。 ---------- 以下为上个版本的介绍 ---------- 这是一个用js写的网页版2048游戏，实现2048游戏的基本功能。比如：绘制网格、随机生成数字、动画移动数字、累计分数、重置游戏等。我再代码中进行了非常详细的注释，相信有一点点基础的开发人员都能迅速看懂，快来试试吧！当然，大神还可以在这个文档的基础上对游戏进行改进，比如添加一些更炫酷的动画效果，自定义数字、文字、图像等。

2016-03-16

一个简单美观的登录界面

用html、JS、css写的一个登录界面的网页。可以进行用户名、密码判断；界面跳转。当然，该例子主要是展示css对页面的美化效果。

2016-03-09

2048小游戏——网页版

这是一个用js写的网页版2048游戏，实现2048游戏的基本功能。比如：绘制网格、随机生成数字、动画移动数字、累计分数、重置游戏等。我再代码中进行了非常详细的注释，相信有一点点基础的开发人员都能迅速看懂，快来试试吧！当然，大神还可以在这个文档的基础上对游戏进行改进，比如添加一些更炫酷的动画效果，自定义数字、文字、图像等。

2016-03-07

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

Kuroko's Development Notes