html+css
webmxj
这个作者很懒,什么都没留下…
展开
-
纯CSS样式模拟js写手风琴效果
用纯css样式的方法来制作如下点击展开的动态效果这种效果是如何实现的呢 我们一起来写一下;首先先将要完成完成形态写出来如下:然后将p的高度设置为0 因为虽然高度为0但是里面还是有内容会撑开高度 所有要加一个overflow:hidden去隐藏它;再用target去触发点击展开的效果; 代码如下:原创 2017-03-25 10:47:05 · 1191 阅读 · 1 评论 -
React+Ant.design 从零开始搭建个人博客实战教程04 —— 配置json-server 提供虚拟数据
这是一个从零开始的react ant-desgin教程 详细记录从零开始搭建个站的过程;学习react 学习框架 学习ant-desgin 前端的学习是无止境的 愿我们在以后的道路一帆风顺 加入QQ群734585334 让我们一起学习 分享 记录 吹水 快乐的一起变老,广州或深圳有前端工作可以联系我 微:webmxj原创 2018-06-05 13:23:44 · 10785 阅读 · 2 评论 -
React+Ant.design 从零开始搭建个人博客实战教程03 ——路由
这是一个从零开始的react ant-desgin教程 详细记录从零开始搭建个站的过程;学习react 学习框架 学习ant-desgin 前端的学习是无止境的 愿我们在以后的道路一帆风顺 加入QQ群734585334 让我们一起学习 分享 记录 吹水 快乐的一起变老,广州或深圳有前端工作可以联系我 微:webmxj原创 2018-05-28 10:12:13 · 15102 阅读 · 2 评论 -
React+Ant.design 从零开始搭建个人博客实战教程02 —— 页面布局 公用头部尾部
这是一个从零开始的react ant-desgin教程 详细记录从零开始搭建个站的过程;学习react 学习框架 学习ant-desgin 前端的学习是无止境的 愿我们在以后的道路一帆风顺 加入QQ群734585334 让我们一起学习 分享 记录 吹水 快乐的一起变老,广州或深圳有前端工作可以联系我 微:webmxj原创 2018-05-25 14:20:21 · 17240 阅读 · 9 评论 -
React+Ant.Design 从零开始搭建个人博客实战教程01 —— 起步
这是一个从零开始的react ant-desgin教程 详细记录从零开始搭建个站的过程;学习react 学习框架 学习ant-desgin 前端的学习是无止境的 愿我们在以后的道路一帆风顺 加入QQ群734585334 让我们一起学习 分享 记录 吹水 快乐的一起变老,广州或深圳有前端工作可以联系我 微:webmxj原创 2018-05-25 11:29:08 · 44250 阅读 · 7 评论 -
取消鼠标拖动选中文字的方法
1、给元素加样式 -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; 2、ie6-ie9 需要加以下js a. //不可选中文字 var oDrag = document.getElementsByClassName(“ar原创 2017-09-12 17:30:18 · 6128 阅读 · 1 评论 -
如何判断页面是否加载完成
用document.onreadystatechange的方法来监听状态改变, 然后用document.readyState == “complete”判断是否加载完成 代码如下: 复制代码代码如下:document.onreadystatechange = subSomething;//当页面加载状态改变的时候执行这个方法. function subSomethi转载 2017-07-25 14:30:05 · 10716 阅读 · 0 评论 -
Javascript手把手教你做商品放大镜效果
<!DOCTYPE html><html> <!--放大镜的原理是设置两张图片一张正常 一张放大后的 放大后的设为隐藏 鼠标移入时候显示 然后在正常那边有一个小框 鼠标移动时候移动小框 然后拿小框left/top除以图片的宽/高 得到一个比值,拿比值去乘以大图片的宽/高 就可以得到大图片要移动的距离--> <head> <me原创 2017-07-03 11:13:55 · 1004 阅读 · 1 评论 -
javascript 正则对象(RegExp)方法
//RegExp对象方法 //compile 编译正则表达式// 在字符串中全局搜索 "man",并用 "person" 替换。然后通过 compile() 方法,改变正则表达式,用 "person" 替换 "man" 或 "woman",: var str="man woman";patt=/man/g; str2=str.replace(patt,"person")原创 2017-07-01 16:22:30 · 423 阅读 · 0 评论 -
React+Ant.design 从零开始搭建个人博客实战教程05 ——— 生成随机数据 mockjs的使用
简介: 刚入手一个服务器 打算搭个个站, 平时工作都是用vue ;为了扩展自己的实战能力 来从头开始实战用用react吧;结合ant-design一起开发,然后后台nodejs来写; 编写我的第一个教程文章,从头到尾记录整个过程 因为是实战项目;部分基础的创建react的和基本语法什么的话各位就自便了 如果有需要的话 我是可以开篇博客的;需要的留言— — ღ( ´・ᴗ・` )比心 因为并不是...原创 2018-06-07 10:07:43 · 9385 阅读 · 2 评论