一.学习DOM之前需要知道的 1.什么是window? window:是一个全局对象, 代表浏览器中一个打开的窗口, 每个窗口都是一个window对象 2.什么是document? document是window的一个属性, 这个属性是一个对象 document: 代表当前窗口中的整个网页, doc ...
分类:
Web程序 时间:
2020-01-23 18:20:14
阅读次数:
118
1. 背景: 平时不知道用js写什么练手,这里就写了一个类似百度翻译的小demo。大家可以平时没事儿了看看书,写写像这种类型的小demo,调用以下公开的api即可。对于学生党,能进入学校实验室做项目更好。进不去的,平时写写小demo练练也不差。(我为什么没在实验室) 2. demo前准备工作: 页面 ...
分类:
Web程序 时间:
2020-01-21 18:04:33
阅读次数:
91
搬运自:https://www.cnblogs.com/yky-iris/p/9251230.html?utm_source=debugrun&utm_medium=referral 视图不更新问题及原因: 在原生js或者第三方框架下,修改model,是有可能不会触发视图更新的,比如setTimeo ...
分类:
Web程序 时间:
2020-01-21 13:21:18
阅读次数:
112
一,demo背景: 1,可以熟悉原生js 2,平时不知道自己学完js要做些什么东西的小伙伴 3,自己写的,可以当做自己的作品 4,为广大想练习练习原生js的贡献一个素材 二,实现功能: 1,新建/删除任务功能 2,设置/取消星标任务功能 3,设置/取消任务完成功能 4,过期任务自动删除功能(本例期限 ...
分类:
其他好文 时间:
2020-01-21 10:35:32
阅读次数:
61
知乎原文 我的博客 微信公众号这几天在逛网站的时候,发现很多网站都有轮播图这个效果,所以我就仿照小米的官网用原生js写了一个轮播图效果,希望大家喜欢。这是我发布在github上的最后实现的效果:https://heternally.github.io/... 下面我简单跟大家说一下我实现该效果的过程 ...
分类:
Web程序 时间:
2020-01-19 22:12:23
阅读次数:
98
不少技术博客有这样的处理,当我们复制代码的时候,会自动加上一段本信息版权为XXXX,这是怎么实现的呢? 其实实现的方式很简单,可以在我的网站页面上绑定一个copy事件,当你复制文章内容的时候,自动在剪切板文字后面加上一段版权声明。 我这边是没有加这些的,代码什么的想复制就复制好了。大家都是靠代码技能 ...
分类:
Web程序 时间:
2020-01-18 14:55:47
阅读次数:
133
HTML5+原生JS实现服务器端目录树中多文件下载 作者:云荒杯倾作者博客 需求 需求是这样的,服务器上有一个目录,目录下面可能既有文件又有其他目录,其他目录下面也一样,既可能有文件也有目录;浏览器要显示有这个目录,并提供这个目录下所有文件的一键下载功能。 实现原理 实现这个需求,本程序考虑到的知识 ...
分类:
Web程序 时间:
2020-01-18 10:32:22
阅读次数:
103
背景: 项目基于原生js,没用到任何脚手架和框架,但也需要打包压缩。 项目的js中声明了一些全局变量 供其他js调用。 这时候如果用webpack打包,基于webpack特性,会嵌套一层大函数,会将js中的变量变成局部,不能供其他js调用。 因此弃用了webpack。选用了uglifyjs。 原因: ...
分类:
Web程序 时间:
2020-01-17 19:07:17
阅读次数:
88
因为一个同学,要做一个能加入图片的留言板功能,类型与QQ空间留言板和百度贴吧发帖的那种形式,同时在网上找了找发生网上对这方面的交流很少,所以发表这篇文章抛砖引玉,希望能帮助广大的学习者,也同时希望大佬能对此文章及本人写的代码,不吝赐教。主要采用了原生JS与调用Selection API结合html的 ...
分类:
Web程序 时间:
2020-01-17 10:03:54
阅读次数:
101
css: 1 body{ 2 padding: 0 10%; 3 } 4 ul,li{ 5 margin: 0; 6 padding: 0; 7 list-style: none; 8 } 9 .flex-box{ 10 display: flex; 11 border: 1px solid; 12 ...
分类:
Web程序 时间:
2020-01-15 19:11:53
阅读次数:
97