HTML基础
恪愚
江湖人称“云小梦”。一个大前端路上还未“毕业”的“小学生”。爱好分享、执着探索、乐于开源;曾参与过中大型微信小程序项目前端开发,并主导过一些官网(原生)开发;着迷于vue、node、css以及原生js技术。热衷研究现有技术的成型创新应用。目前对前端可视化和webRTC、web安全有浓厚的兴趣。开源且目前维护的有:微信小程序扩展组件库—— https://github.com/1314mxc/yunUI ,欢迎star!
展开
-
【手记】前端页面中的“居中”(持续更新)
我想了很久,在夜深人静时还是写下了这篇文章…因为我今天又见到了一个“老朋友”——居中!说起来,我也积累了很多使元素居中的方式了,故而,在这里总结一下。。。居中分为很多种,常用的也大致就那么几类,比如:文字的居中,图片的居中,盒子的居中,等等。你当然 不能对div 用 text-align 属性,这没有一点效果。原创 2019-07-15 21:41:22 · 1862 阅读 · 0 评论 -
【Ajax】跨域的产生及如何解决跨域问题
什么是跨域? 为什么会出现跨域浏览器为了保护用户, 保证用户安全,使用同源策略 来针对请求做出响应。同源:协议相同:protocol(ftp file http https 等协议)不同得协议被服务器认为不同源域名相同:domain网站得域名必须一致。端口相同:port默认80端口,但是不同端口也被认为跨域以上任何不相同都被认为是跨域。简单的说:1 · 使用xmlHttpReque...原创 2019-07-14 11:17:18 · 1004 阅读 · 0 评论 -
【手记】浅谈“闭包”(JavaScript & Python)
窥探“闭包”先放两个例子看看:function outer(){ var localVal=30; return function(){ return localVal; }}var func=outer();func(); //30上面程序就是一个小的实例,它和下面的普通程序本质上是一样的:function outer(){ var localVal=30; r...原创 2019-07-09 13:12:02 · 471 阅读 · 0 评论 -
HTML+css+js模拟iframe——点击切换选项卡
前言想为某网站前端页面加一点关于<p>的样式特效,自然而然想到了一个神奇的东西——选项卡。第一个想到的方法竟然是iframe,我去,一个我还完全不熟练的操作(不是谦虚!),然后就想:能不能有种方法去简单的替代一下,于是,就有了下图:坐那里了一下午,可算把它改进后加到某网页中了。。。效果还不错。代码展示<!DOCTYPE html><html>...原创 2019-05-17 20:41:57 · 2309 阅读 · 4 评论 -
实例展示:用css实现网页图片特效
前言今天看到某网站上有关于“用js实现图片的缓慢伸展”和“图片缩放”的课程,不禁心血来潮,想要写篇文章,也算是纪念一下曾经被难倒的问题吧。先来说一下用js实现图片缓慢缩放效果在我设计的某网页中,有这样一串代码:``` ```最后一个bb6从后面代码可以看出,这是没有相关特效的div,故将其图片放在了css中。(图片的两种引...原创 2019-05-17 13:55:39 · 8748 阅读 · 0 评论 -
实例精剖:js实现鼠标悬浮时指定位置弹出图片
当然,弹出有两种方式,在此就不显示“在原位置替换”的方式了,在其他博文中有提到。其实这个很简单的实现,就是利用js中document操纵文本的特性。下面是我实现某官网时所用的方式:<div class="footer-top-right-bottom"> <a href="javascript:void(0)" onMouseout="hid...原创 2019-05-15 20:21:57 · 2858 阅读 · 0 评论 -
项目总结与感悟:关于页面性能的优化
感悟终于完成了这一项目,感觉。。。又激动又刺激将我的实战经验分享给大家:先说说页面中的图片吧,学前端的都知道的,图片的导入有两种方式:一是在HTML中用img格式;二是在css中用background属性。可是问题来了,在css中导入时有时会引起某个属性值显示不出来,这就很尴尬了,你想对一个图片既旋转又拉伸,结果。。。如下示例:(HTML) <div class="bb4"...原创 2019-05-18 21:55:29 · 1600 阅读 · 1 评论 -
js案例:导航栏下拉至一定高度时固定的特效
这篇文章现在才发,因为和…相关,不能过早泄露“机密”。。。情境导入实现社团网站,在下面浏览评论设置时发现一个问题:如果你的网页很长,但你又设置了“登录/注册后才能评论”,这就很尴尬了,某一个用户在评论时突然想到还未登录,然后废好大劲回到顶部去点击登录按钮,这还不算什么,毕竟可以设置“回到顶部”锚点,但重要的是他登录完成后还要重新划到最后去。。。用户体验感极差了可以说。那么,我们可以设置实...原创 2019-05-14 08:42:58 · 2062 阅读 · 0 评论 -
HTML+CSS+JS网页设计——关于一个问题的回答
昨天浏览csdn的blink,发现有一个关于前段方面的问题先冒昧给这位点建议:一定重视“布局”,还有就是分布之间的关系。其实学到后面你会发现,哇,这些不都是盒子(即div)之间的组合和排列吗。。。《阿里巴巴java开发手册》中说过,要常用“组合”而不是“衔接”。(应该是这么说的吧,曾经看过这本书)这对于网页设计的开发也尤为适用!还有,不要再HTML+css里停留太长时间,如果你是一心走前...原创 2019-04-20 17:06:40 · 13260 阅读 · 0 评论 -
实例解读ajax发送请求与数据响应
Ajax前后端数据交互——通过在后台与服务器的少量数据交换,实现页面异步(局部)更新。异步 -> XMLHttpRequest后台 <- (交换数据) -> 服务器适应网址:var request;if(window.XMLHttpRequest){ request=new XMLHttpRequest(); //IE7+、Firefox、Chrome...}...原创 2019-08-24 13:31:30 · 969 阅读 · 0 评论