小胡同志0526-优快云博客

原创纯css实现水平无限滚动--适应PC和移动端

一、HTML<style type="text/css"> * { margin: 0; padding: 0; list-style: none; } /*水平无限滚动css*/ #co...

2018-05-24 15:07:04 3457

原创天气查询之高德地图天气预报接口

一、html代码&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" cont

2018-03-29 09:48:57 8757 1

原创 select下拉框美化

一、对select进行的简单封装 select下拉框美化 *{margin: 0;padding: 0;} li{list-style: none;} .sewvmain{widt

2018-02-05 13:52:23 579

原创尖角div

一、html代码 body{ background-color: #8A2BE2; } div{ width: 100px; height: 100px;

2018-02-05 11:04:28 415

原创 JS实现倒计时(时、分，秒)

一、html代码 JS实现倒计时(时、分，秒) var interval = 1000; function ShowCountDown(year, month, day, divname) {

2018-02-05 11:02:35 626

原创城市选择-移动端-点击首字母定位到当前城市

一、html代码城市选择body,div,dl,dt,dd,ul,li,form,input,button,h1,h2,h3,h4,h5,h6,p{margin: 0 auto;padding:0;font-family:"微软雅黑";color:#00C7C7}ul,li,dl,dt,dd{display:block;list-styl

2018-02-05 10:55:16 6566 1

原创树形菜单js

一、html代码闭包演示 * { padding: 0; margin: 0; font-family: "microsoft yahei";

2018-02-05 10:50:39 325 1

原创小程序picker---级联效果（三级）

一、WXMLpickerbindchange="bindPickerChange1"value="{{departIndex}}"range="{{departArray}}">viewclass="list clear">viewclass='left'>{{departName}}view>viewclass='right'>imag

2018-02-02 13:15:04 3657

原创 CSS3动画代码---立方体旋转

第一部分：CSS .main{ position:absolute; /*border: 1px solid;*/ width: 250px; height: 250px; top: 0px;

2018-01-30 19:05:14 793

原创仿班级聊天室（DOM原型法）并且用localStorage存储消息记录

第一部分：CSS代码* { margin: 0px; padding: 0px; } #main { width: 600px; height: 500px;

2018-01-30 18:53:10 866

2020-07-20 13:59:58 264

原创移动端原生js实现拖拽功能

js/** * 增加拖动事件 */function addDragEvent() { var flag = false; var cur = { x: 0, y: 0 } var nx, ny, dx, dy, x, y; var bodyW = $(window).width(); var bodyH = $(window).height(); function down() { flag = true; var touch; if (event.touche

2020-07-08 10:10:02 857

原创微信小程序上下左右滑动动画

1.HTML<view class='main' bindtap="show">{{text}}</view><view class="top {{showFlag?'showTop':''}}">我是顶部</view><view class="bottom {{showFlag?'showBottom':''}}">我是底部&lt...

2019-10-16 20:48:01 1883

转载 JS判断单、多张图片是否加载完成

在此之前来了解一下jquery的ready与window.onload的区别，ready只是dom结构加载完毕，便视为加载完成。(此时图片没有加载完毕)，onload是指dom的生成和资源完全加载（比如flash、图片）出来后才执行。一、单张图片（图片在文档中）// HTML<img id='xiu' src="/images/logo.png"> //js $(do...

2019-10-09 16:40:48 532

原创 better-scroll基本应用

better-scroll是最接近与原生的滚动插件，兼容pc和移动端，示例和文档请移步官网地址。一、BScroll纵向滚动1.示例代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=dev...

2019-09-18 20:04:10 560 2

原创工作中常用的js函数封装（3）

一、返回刷新使用方法：在页面初始化的时候调用CheckReload() ，就可以实现返回刷新； function CheckReload() { if (window.name != bencalie) { location.reload(); window.name = bencali...

2019-09-05 12:57:59 285

原创 layuiAdmin框架iframe版本个人总结

本文只针对于layuiAdmin框架iframe版本1.目录说明2.宿主页面3.加载 modules 目录下自己的 JS 模块4.框架基础方法config 模块admin 模块view 模块5.文章彩蛋1.目录说明 layuiadmin/modules/：存放 JS 业务模块，即属于自己的对视图进行事件等交互性处理 layuiadmin/layui/：layuiAdmin 的核心模块，...

2019-09-05 12:53:41 14708 2

原创 rem适配

rem适配将代码放在页面的head里面，该适配专门针对750宽度的UI设计稿，如果是640的设计稿只需要将750改成640即可，实际页面中的单位就是除以100即可。(function(doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orienta...

2019-04-11 15:03:07 846

原创使用jquery-weui制作的下拉刷新和滚动加载

一、前期文件中引入weui.min.css，jquery-weui.min.css，jquery-2.1.4.js，jquery-weui.min.js，fastclick.js这些文件。二、html代码<head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=ed...

2018-11-12 13:58:51 3257

原创封装单选和多选

一、HTML<head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="css/CheckBox_Radio.css" /> <script type="text/javascri

2018-11-06 11:52:44 294

转载 Vue.js脚手架安装

1.首先下载安装node.js下载地址：https://nodejs.org/en/2.运行cmd，查看版本号（出现版本号说明安装成功）输入：node -v 查看node版本号（需要在6.9以上）输入：npm -v 查看npm版本号（需要在3.10以上）3.命令行工具（在cmd里安装）# 全局安装 vue-cli$ npm install --global vue-cli（安装...

2018-05-22 15:09:50 194

转载 IE 与其他浏览器不一样的特性

1、表示发生事件：（1）非IE浏览器下，事件对应的函数有一个隐藏的变量e，表示发生事件。（2）IE下，不需要e变量，window.event表示发生事件。解决方案：用e||window.event来兼容。2、触发事件对象（触发事件的元素被认为是目标target）：（1）IE下，window.event对象有srcElement属性，但没有target属性。（2）Fire...

2018-05-09 17:39:07 1147

原创旋转倒计时--canvas

一、HTML<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> &amp

2018-05-09 10:55:14 340

原创 canvas底纹随机验证码制作

一、HTML<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css">

2018-05-09 10:52:20 196

原创 canvas-画旋转的八卦

一、代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css">

2018-03-06 12:01:51 563

原创底纹随机验证码之canvas

一、代码说明：纯用canvas画出来的六位随机验证码，并且有底纹和模糊点，提高信息安全性。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <s

2018-03-01 14:44:49 287

原创心跳动画---纯css实现

2018-02-11 15:57:08 1252

原创 HTML5-webSql存储本地联系人（带增加、修改、删除）

一、代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css">

2018-02-09 17:43:52 624

转载超全整理前端开发面试题——CSS篇

介绍一下标准的CSS的盒子模型？低版本IE的盒子模型有什么不同的？（1）有两种，IE 盒子模型、W3C 盒子模型；（2）盒模型：内容(content)、填充(padding)、边界(margin)、边框(border)；（3）区别：IE的content部分把 border 和 padding计算了进去; CSS选择符有哪些？哪些属性可以继承？1.id选择器（ # myid） ...

2018-02-09 11:27:27 324

转载超级有用的前端基础技术面试问题收集（二）

说说最近最流行的一些东西吧？常去哪些网站？ Node.js、Mongodb、npm、MVVM、MEAN、three.js,React 。网站：w3cfuns,sf,hacknews,优快云,慕课，博客园，InfoQ,w3cplus等 javascript对象的几种创建方式？ 1，工厂模式 2，构造函数模式 3，原型模式 4，混合构造函数和原型模式 5，动态原型模式 6，寄生构...

2018-02-09 11:26:21 278

转载 WEB开发常见浏览器兼容问题及解决技巧

浏览器兼容问题一：不同浏览器的标签默认的外补丁和内补丁不同　　问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。　　碰到频率:100% 　　解决方案：css里 *{margin:0;padding:0;} 　　备注：这个是最常见的也是最易解决的一个浏览器兼容性问题，几乎所有的css文件开头都会用通配符*来设置各个标签的内外补...

2018-02-09 11:23:54 627

转载前端初学者求职面试技巧题（下）

一、JavaScript 什么是闭包（closure），为什么要用它？闭包简单的说就是一个函数能访问外部函数的变量，这就是闭包，不理解就看代码，例如：function aa(x){ var num=1; function bb(y){ console.log(x+y+(++num)); } } aa函数中的bb函数就是闭...

2018-02-09 11:20:41 319

转载前端求职初学者面试技巧（上）

一、前言我是一名前端开发，从2016年6月毕业到如今步入工作，期间也面试了一些公司，参考过一些面试文档，学习了一些面试宝典，掌握了一些面试、笔试技巧和经验，所以就总结了一些优质的前端面试题以及面试要点，初学者阅后也要用心钻研其中的原理，重要知识需要系统学习，透彻学习，才能形成自己的知识链，以不变应万变，万不可投机取巧，只求面试过关哦！二、面试注意点面试题目：根据你的...

2018-02-09 11:17:51 628

原创 jQuery-评价星级

一、html代码一款功能强大的jquery评分插件 $(function() { $.fn.raty.defaults.path = 'lib/img'; $('#function-demo').raty({

2018-02-06 09:40:48 652

原创 css动画（一）

一、音乐图标旋转动画代码/*音乐图标旋转动画开始*/ #yy { /* background:color url x y repeat 图片来自百度图片，按需要更换 */ /*background: red url("https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=2406

2018-02-06 09:40:35 272

原创面试总结函数封装

一、字符串翻转function reverse(str){ var arr=str.split(""); arr.reverse(); console.log(arr.join(""));} var str="hellow"; reverse2(str);function reverse2(str){ var s=""; for

2018-02-06 09:40:12 282

原创点灯游戏--原生js

一、放假闲来无事，复习复习原生js写的一个小游戏，多多指点！html> head> meta charset="UTF-8"> title>点灯游戏title> style type="text/css"> #tab{ width: 400px;

2018-02-06 09:39:52 789

原创点灯游戏--原生js

一、放假闲来无事，复习复习原生js写的一个小游戏，多多指点！html> head> meta charset="UTF-8"> title>点灯游戏title> style type="text/css"> #tab{ width: 400px;

2018-02-06 09:39:07 577

原创 canvas画圆盘

一、利用canvas画的抽奖大转盘html> head> meta charset="UTF-8"> title>title> style type="text/css"> #mycanvas { border: 2px solid red;

2018-02-06 09:38:53 934

hiprint_demo.zip

game154545

Applegame2949494

空空如也