2016年03月_前端开发黑子

12月 11月 10月 09月 08月 07月 05月 04月 03月 02月 01月

原创 css中如何修改鼠标光标（指针）的样式和颜色

今天在开发过程中遇到一个问题，如下：我的输入框的背景比较暗导致鼠标的指针（系统默认为黑色）停留在那也看不清楚。上网查了一下，全是关于修改鼠标指针样式的，而没有颜色的教程。那么，我在这里先简单地记一下修改样式的方法吧：如果要自定义指针的图形的话，你可以导入自己的图片，方法就是：cursor: url("小图片地址")好了，即使我该了样式，但是我发现光标停在输入框中闪烁...

2016-03-30 11:14:21 20700

为什么我们小的时候要学数学、语文……以及后来新增的一门英语？以前大人总说，因为等我们长大了要用到啊，比如我们去买菜的时候要算钱、算斤两……当时一听，好像有点道理，数学不好以后怎么做生意。再后来发现数学越学越复杂，越学越难，我在想我买个菜总不会用到三角函数吧？至于语文就从未觉得有学的必要，生活本就是本教科书，还需要读毛线的朝花夕拾，更何况小屁孩一个哪懂那一朝一夕的人事变迁的感慨。就连这首诗抒发了诗人

2016-03-29 10:52:47 1699

原创用extjs写一个登录界面

先上效果图：这是一个用ext3.2.0、js、html、css写的一个还算好看的登录界面。源代码已上传，下载地址请点击：点击打开链接其主要难点在如何使用extjs来画一个界面，接下来我们就主要看一下其中的html和js吧： <!DOCTYPE html><html lang="en"><head> <meta char...

2016-03-29 09:20:32 7505 1

原创关于extjs中的cls ≠ class

今天在做一个登录页面的时候，想给两个cls: "text_field" 的输入框设一个padding值来着的，结果发现并没有卵用。后来通过查看页面元素，发现这两只输入框的class属性并不是我设置的text_field，而是class=" x-form-text x-form-field text_field x-form-empty-field"，而这厮居然不接受我设置的padding，导致效果...

2016-03-28 16:34:23 2987 2

转载 ExtJs xtype一览

基本组件： xtype Class 描述 button Ext.Button 按钮 splitbutton Ext.SplitButton 带下拉菜单的按钮 cycle Ext.CycleButton 带下拉选项菜单的按钮 buttongroup Ext.ButtonGroup 编组按钮(Since 3.0...

2016-03-25 14:47:40 978

原创 js 回车事件兼容多个浏览器

html中： <body onkeydown="keyLogin(event);"> 注意：此处是一个传参函数，参数必须是 event js中： function keyLogin(event) { var browser = navigator.appName; var userAgent = navigator.userAgen...

2016-03-24 13:43:43 1857 2

原创耳机——AKG K450 及 Beats Solo2 对比

首先，价位前者 300~400（元），后者1000+（元），性价比前者没的说了。然后，看一下参数吧：前者K450：还有，重量：120g后者，B2：重量：205g就参数而言，比较一下，前者的优势有：1、阻抗(32欧姆)相同情况下，灵敏度：126db(>115db) ；2、频率范围：11~29500Hz（>20~20000Hz）；3、重量：120g(<205g) 较轻。最后，附...

2016-03-24 11:01:17 4802

原创浏览器全屏效果

直接上代码： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>浏览器全屏设置</title></head><body>&a

2016-03-23 16:57:49 773

原创 web页面跳转：当前窗口/新窗口

1、当前窗口打开： html中的<a href=>方法：<a href="https://www.baidu.com/" target="_parent">当前窗口打开</a>当然，不加target="_parent" 也可以，因为它默认就是当前窗口内打开该链接的。 js中：window.location.href = "ht

2016-03-23 15:16:21 21499

原创【解决方案】如何实现在HTML页面加载完毕后运行某个js

前景：今天在开发过程中，发现我js文件里面的方法没有响应，后来发现是js在html中引入的位置不对。我在head中加载了js，导致我js中的document.getElementById方法失效。因为html中是按顺序读取运行的，那么head中的js是无法获取后者body中的元素，导致document.getElementById 找不到相应的id对象，自然没法执行之后的方法（function...

2016-03-23 15:04:53 21864 1

原创 src 和 href 的区别

src ：source的缩写，源的意思。可理解为“引入”。href ：HyperlinkReference，超链接引用。可理解为“引用”。 html中常见用到href的元素有：<link rel="stylesheet" type="text/css" href="login.css"/><a href="http://www.baidu.com">百度&a

2016-03-21 17:29:37 762

转载 JS中如何输出空格

在写JS代码的时候，大家可以会发现这样现象:document.write(" 1 2 3 ");结果: 1 2 3无论在输出的内容中什么位置有多少个空格，显示的结果好像只有一个空格。这是因为浏览器显示机制，对手动敲入的空格，将连续多个空格显示成1个空格。解决方法:1. 使用输出html标签&nbsp;来解决 d...

2016-03-21 14:15:36 928

原创 2048小游戏——网页版（提高篇）

出于之前的承诺，还是含着泪来总结一下2048改进版的代码吧！2048小游戏——网页版（提高篇）：主要是想对该游戏进行一个改进，2048的数字换成图片、支持手机端的滑动操作等。并没有换图片，也没有做滑动设置，感觉那个没什么卵用。所以这次的主要改进：①屏幕适配；②数字换成文字；③界面优化。同样的，我把该项目的所有代码已上传，欢迎下载：点击打开链接先对比一下界面：...

2016-03-16 17:01:00 3839 3

原创网页布局基础--简介

CSS盒子模型的4个属性：border（边框）、margin（外边距）、padding（内边距）、content（内容）。 CSS布局模型主要有3种：流行模型、浮动模型、层模型。换言之，CSS中3种定位机制：标准文档流、浮动、绝对定位。一、标准文档流normal flow，这是默认的网页布局模式。如何实现网页的自动居中： body{width:700p...

2016-03-14 14:19:02 888

原创网页制作：一个简易美观的登录界面

这次来总结一下公司的Task 1 实现一个登录界面。登录界面其实在大三的时候就有做过，但是当时做的界面超级low，主要区别在于有无css，由于公司的设计要求，对于该界面的很多细节处理实在不容易。所以，还是想要写点东西记录一下。先截个图，展示一下效果吧：然后我们看一下代码：在我们做一个页面之前，要先想好他的一个整体布局，也就是我们这里面的login.html主页面，大致结构如...

2016-03-09 17:22:59 174162 45

原创 2048小游戏——网页版（基础篇）

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

2016-03-07 16:26:29 12685 4

原创 ExtJs5.0在WebStorm上的使用之入门教程（一）编写第一个网页 HelloExt

首先，必须声明一下笔者使用的软件版本：前端开发工具：WebStorm 11.0.3辅助插件：ext-5.0.0-gpl以上工具包括下面的代码我已经打包上传在此处了：点击打开链接先上代码，再废话：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <t...

2016-03-01 17:40:13 5378 4

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

自定义生成后的jsonlint

这是基于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