小胡谈前

将工作和面试中遇到的一些常见的、重要的、实用的问题和经验进行总结

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

一、HTML <style type="text/css"> * { margin: 0; padding: 0; ...

2018-05-24 15:07:04

阅读数 1595

评论数 0

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

一、html代码 <!DOCTYPE html> <html> <head> ...

2018-03-29 09:48:57

阅读数 4417

评论数 0

select下拉框美化

一、对select进行的简单封装                                select下拉框美化                                        *{margin: 0;padding: 0;}           ...

2018-02-05 13:52:23

阅读数 95

评论数 0

尖角div

一、html代码                                         body{             background-color: #8A2BE2;         }             div{              ...

2018-02-05 11:04:28

阅读数 197

评论数 0

JS实现倒计时(时、分,秒)

一、html代码                       JS实现倒计时(时、分,秒)                                         var interval = 1000;             function ...

2018-02-05 11:02:35

阅读数 111

评论数 0

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

一、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:"微软雅黑...

2018-02-05 10:55:16

阅读数 3668

评论数 0

树形菜单

一、html代码                       闭包演示                              * {                 padding: 0;                 margin: 0;        ...

2018-02-05 10:50:39

阅读数 91

评论数 0

日历签到插件

1.html代码                                                                 返回                         签到             立即签到 ...

2018-02-05 09:49:50

阅读数 398

评论数 0

小程序picker---级联效果(三级)

一、WXML picker bindchange="bindPickerChange1" value="{{departIndex}}" range="{{departArray}}"> view cla...

2018-02-02 13:15:04

阅读数 2325

评论数 0

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

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

2018-01-30 19:05:14

阅读数 464

评论数 0

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

第一部分:CSS代码 * {                 margin: 0px;                 padding: 0px;             }                          #main {                 wid...

2018-01-30 18:53:10

阅读数 139

评论数 0

rem适配

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

2019-04-11 15:03:07

阅读数 31

评论数 0

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

一、前期文件中引入weui.min.css,jquery-weui.min.css,jquery-2.1.4.js,jquery-weui.min.js,fastclick.js这些文件。 二、html代码 <head> <met...

2018-11-12 13:58:51

阅读数 2199

评论数 0

封装单选和多选

一、HTML <head> <meta charset="UTF-8"> <title></ti...

2018-11-06 11:52:44

阅读数 70

评论数 0

Vue.js脚手架安装

1.首先下载安装node.js 下载地址:https://nodejs.org/en/ 2.运行cmd,查看版本号(出现版本号说明安装成功) 输入:node -v 查看node版本号(需要在6.9以上) 输入:npm -v 查看npm版本号(需要在3.10以上) 3.命令行工具(在cmd里安装...

2018-05-22 15:09:50

阅读数 54

评论数 0

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

1、表示发生事件: (1)非IE浏览器下,事件对应的函数有一个隐藏的变量e,表示发生事件。 (2)IE下,不需要e变量,window.event表示发生事件。 解决方案:用e||window.event来兼容。 2、触发事件对象(触发事件的元素被认为是目标target): (1)IE...

2018-05-09 17:39:07

阅读数 442

评论数 0

旋转倒计时--canvas

一、HTML <!DOCTYPE html> <html> <head> <meta charset=&q...

2018-05-09 10:55:14

阅读数 109

评论数 0

canvas底纹随机验证码制作

一、HTML <!DOCTYPE html> <html> <head> <meta charset=&q...

2018-05-09 10:52:20

阅读数 47

评论数 0

canvas-画旋转的八卦

一、代码 <!DOCTYPE html> <html> <head> <meta charset=&quo...

2018-03-06 12:01:51

阅读数 183

评论数 0

底纹随机验证码之canvas

一、代码 说明:纯用canvas画出来的六位随机验证码,并且有底纹和模糊点,提高信息安全性。 <!DOCTYPE html> <html> <head&a...

2018-03-01 14:44:49

阅读数 80

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭