js基础与进阶
恪愚
江湖人称“云小梦”。一个大前端路上还未“毕业”的“小学生”。爱好分享、执着探索、乐于开源;曾参与过中大型微信小程序项目前端开发,并主导过一些官网(原生)开发;着迷于vue、node、css以及原生js技术。热衷研究现有技术的成型创新应用。目前对前端可视化和webRTC、web安全有浓厚的兴趣。开源且目前维护的有:微信小程序扩展组件库—— https://github.com/1314mxc/yunUI ,欢迎star!
展开
-
JavaScript处理页面跳转与返回的路径问题
今天思考了一个问题:如何判断页面是否是从特定页面“跳”过来的?因为我做的一个项目中有一个(二级)页面要返回主页面。一般情况下,直接history.go(-1); 或 history.back(); 即可。但若是用户直接来到这个(二级)页面呢?怎么去主页面?或者说,它又“返回”到哪去?这就是图中那句话的意思——当时的无奈之举,也是笔者写这篇博客的原因。在同源条件下,可以在特定页面里存储...原创 2019-12-26 13:30:20 · 2394 阅读 · 27 评论 -
原生JavaScript“三步走”实现截取视频第一帧作为图片
看到一个视频,想不想把它的某一帧截下来作为img?甚至放在视频中去作为封面?原创 2019-12-24 16:41:12 · 5968 阅读 · 0 评论 -
仿简书、慕课专栏头部导航栏滚动特效
自从上一次看过简书的导航栏随上下滚动所展现出来的切换内容的效果,和在慕课专栏看到的头部导航栏随上下滚动而隐藏/展现的特效,就一直念念不忘。趁今晚无事,不如来把两种效果都实现一下,以此慰藉自己这几天“受伤的心灵”。。。先来看下两种效果(第二种不好截图):和OK,话不多说,咱们上代码:先来看简书的特效制作:笔者以为,头部导航栏的“大框架”固定位置、宽高,然后在其子元素设置两个不同内...原创 2019-12-19 19:46:27 · 768 阅读 · 0 评论 -
前端如何利用cookie判断用户是否第一次进入此页面
背景今天完善项目时遇到了一个问题:我加入了一个页面:评论。但又不想让直接跳转,于是,我加了一个“中转页面”——登录注册。可是测试的时候问题来了:这个页面并不能总是达到我想要的效果,我使用 vue 写的,作为刚涉及前端框架的人来说,我实力并不允许我进行我想要的“绝对完美”操作。Bug:有时候不注册的话点击“登录”也可以进去,,,是不是好尴尬。。。幸而最终得到了慕课的一位老师帮助(非常感谢)...原创 2019-05-30 19:47:05 · 6031 阅读 · 3 评论 -
实例解读ajax发送请求与数据响应
Ajax前后端数据交互——通过在后台与服务器的少量数据交换,实现页面异步(局部)更新。异步 -> XMLHttpRequest后台 <- (交换数据) -> 服务器适应网址:var request;if(window.XMLHttpRequest){ request=new XMLHttpRequest(); //IE7+、Firefox、Chrome...}...原创 2019-08-24 13:31:30 · 969 阅读 · 0 评论 -
我看Web:什么是JSON
什么是json?JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。它使得人们很容易的进行阅读和编写。同时也方便了机器进行解析和生成。它是基于 JavaScript Programming Language , Standard ECMA-262 3rd Edition - December 1999 的一个子集。 JSON采用完全独立于程序语言的文本格...原创 2019-08-02 13:30:20 · 471 阅读 · 0 评论 -
【Ajax】跨域的产生及如何解决跨域问题
什么是跨域? 为什么会出现跨域浏览器为了保护用户, 保证用户安全,使用同源策略 来针对请求做出响应。同源:协议相同:protocol(ftp file http https 等协议)不同得协议被服务器认为不同源域名相同:domain网站得域名必须一致。端口相同:port默认80端口,但是不同端口也被认为跨域以上任何不相同都被认为是跨域。简单的说:1 · 使用xmlHttpReque...原创 2019-07-14 11:17:18 · 1004 阅读 · 0 评论 -
【css3技术路】仿放大镜效果的几种方式原理解析
文章标题为啥是“仿放大镜”?因为我今天要说的,并不是像一般说的,鼠标移入时旁边弹出一个局部的大图,那很好写,也没多少技巧(用相对定位定位父元素(或说:原图),绝对定位定位局部大图(目的:让它处于原图旁边某位置),在旁边用css控制样式并用鼠标事件监听,,,当然,你也可以直接用jQuery中的接口——$(‘类名’).jqzoom({zoomwidth:xx; zoomheight: xx; zoo...原创 2019-07-14 11:16:27 · 1424 阅读 · 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 评论 -
js新特性辨别:let和var的区别及作用域
自ECMAScript 6出来,加入了两个新的关键字 const 和 let…从前后代码对比,唯一的区别就是在循环创建i的方式不同,一个是var,一个是i,而var出的变量,在学习js初期也是踩了不少作用域问题的坑,在循环执行完成后,i的值任然存在,而且会在离开循环行再++一次,让打印出了10;再看下方用let创建的i在离开循环时,这个i已经是被销毁的变量,所以在这个地方与var创建的变量的区...原创 2019-06-01 19:12:15 · 546 阅读 · 0 评论