用JS写一个网站树形菜单

先上效果图: 主体内容就是侧边展示的一二三级菜单,树形结构的. 前端页面布局内容,页面内容简单用ul li 来完成所有的罗列项.用先后顺序来区分一级二级三级: <body> <b><img src="images/fold.gif">树形菜单:</b> <ul><a href="javascript:onclick=show('art') "><img src="images/f…

说起编译原理,印象往往只停留在本科时那些枯燥的课程和晦涩的概念.作为前端开发者,编译原理似乎离我们很远,对它的理解很可能仅仅局限于"抽象语法树(AST)".但这仅仅是个开头而已.编译原理的使用,甚至能让我们利用JS直接写一个能运行JS代码的解释器. 项目地址:https://github.com/jrainlau/c... 在线体验:https://codepen.io/jrainlau/p... 一.为什么要用JS写JS的解释器接触过小程序开发的同学应该知道,小程序运行的环境禁止n…

分享：计算机图形学期末作业！！利用WebGL的第三方库three.js写一个简单的网页版“我的世界小游戏”

这几天一直在忙着期末考试,所以一直没有更新我的博客,今天刚把我的期末作业完成了,心情澎湃,所以晚上不管怎么样,我也要写一篇博客纪念一下我上课都没有听,还是通过强大的度娘完成了我的作业的经历.(当然作业不是百度来的,我只是百度了一些示例代码的意思,怎么用!算了,越解释万一越黑呢!哈哈O(∩_∩)O哈哈~) ----------------------------------------------------------------分界线------------------------------…

写一个带文本菜单的程序,菜单项如下 (1) 取五个数的和 (2) 取五个数的平均值 (X) 退出。

问题: 写一个带文本菜单的程序,菜单项如下(1) 取五个数的和 (2) 取五个数的平均值(X) 退出. 由用户做一个选择, 然后执行相应的功能.当用户选择退出时程序结束. 实现: #coding=UTF-8 while True: print('(1) 取五个数的和') print('(2) 取五个数的平均值 ') print('(X) 退出') choose = input('pls input choose:') if choose == '1': sum = 0 i =…

JS写一个简单日历

JS写一个日历,配合jQuery操作DOM <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Calendar</title> <style>…

如何使用 js 写一个正常人看不懂的无聊代码

如何使用 js 写一个正常人看不懂的无聊代码代码质量, 代码可读性, 代码可维护性, clean code WAT js WTF https://www.destroyallsoftware.com/talks/wat https://github.com/garybernhardt console 正常写法 const log = console.log; log(`nb`); // nb 黑科技写法 const log = console.log; log(([][[]]+[])[+!![…

用原生js写一个"多动症"的简历

用原生js写一个"多动症"的简历预览地址源码地址最近在知乎上看到@方应杭用vue写了一个会动的简历,觉得挺好玩的,研究一下其实现思路,决定试试用原生js来实现. 会动的简历实现思路这张会动的简历,就好像一个打字员在不断地录入文字,页面呈现动态效果.又好像一个早已经录制好影片,而我们只是坐在放映机前观看. 原理分两个部分页面能看见的不断跳动着的增加的文字,由innerHTML控制页面的布局效果由藏在"背后的"style标签完成想象一下你要往一张网页每间隔0…

Vue.js 递归组件实现树形菜单

最近看了 Vue.js 的递归组件,实现了一个最基本的树形菜单. 项目结构: main.js 作为入口,很简单: import Vue from 'vue' Vue.config.debug = true import main from './components/main.vue' new Vue({ el: '#app', render: h => h(main) }) 它引入了一个组件 main.vue: <template> <div class="tree-m…

记录下使用iis7代理node.js写的网站程序

昨天晚上一个学弟的紧急求救,说了自己接的单子做了一个网站,使用了自己熟悉的技术——node.js+mongdb,但当看到部署环境惊呆了,是 windows+sqlserver.这些都不是关键,关键是服务器已经用iis7跑了很多网站,很明显80端口已经被占用了,瞬间只能拍大腿了. 当听完他的描述后,微微一笑,安慰他说,你应该庆幸你是用node写完发现是windows+sqlserver环境,要是你用.net+sqlserver写完发现是linux系统你才更应该要跳楼吧.node.js跨平台,ma…

【Part1】用JS写一个Blog（node + vue + mongoDB）

学习JS也有一段时间了,准备试着写一个博客项目,前后端分离开发,后端用node只提供数据接口,前端用vue-cli脚手架搭建,路由也由前端控制,数据异步交互用vue的一个插件vue-resourse来做,数据库用mongodb.总的来说就是 node + vue + mongodb开发博客系统,探索前端走向全栈之路. 我会记录下来整个过程在我的专栏,有兴趣的可以关注一下,一起学习,欢迎讨论. 话不多说,先进行前后端项目的初始化. 前端项目初始化命令行输入命令 cd your_project /…

[NodeJS]使用Node.js写一个简单的在线聊天室

声明:教程来自<Node即学即用>.源代码案例均出自此书.博文仅为个人学习笔记. 第一步:创建一个聊天server. 首先,我们先来写一个Server: var net = require('net') var chatServer = net.createServer() chatServer.on('connection',function(client){ client.write('connection~~~\n') client.end() }) chatServer.listen(…

使用 Node.js 写一个代码生成器

背景第一次接触代码生成器用的是动软代码生成器,数据库设计好之后,一键生成后端 curd代码.之后也用过 CodeSmith , T4.目前市面上也有很多优秀的代码生成器,而且大部分都提供可视化界面操作. 自己写一个的原因是因为要集成到自己写的一个小工具中,而且使用 Node.js 这种动态脚本语言进行编写更加灵活. 原理代码生成器的原理就是:数据 + 模板 => 文件. 数据一般为数据库的表字段结构. 模板的语法与使用的模板引擎有关. 使用模板引擎将数据和模板进行编译,编译后的内容输出到文件…

使用JS写一个计算器

先上效果图: 简单的加减乘除功能还是有的,所以我们就考虑怎么来实现这个功能. 根据预期效果,可以确定页面中的布局要用到table tr td. 所以先放上页面布局,table的边框宽度border,colspan来设置某一行的宽度为4倍一列宽度,显示结果的地方要显示输入的所有值,先用id来区分,给value一个空,来获取其他按钮键入的value值,用name来命名: <body> <table border="1">  <…

js写一个简单的日历

思路:先写一个结构和样式,然后写本月的时间,之后计算上下月份的关系 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equ…

Shell：如何写一个多选菜单的脚本

Blog:博客园个人翻译自How to Create a Multiple Choice Menu in Bash Scripts 目录多选菜单脚本介绍配置输入提示创建预定选项列表创建预选菜单使用case语句创建更多可靠的选项关闭select循环和case语句有很多方法可以读取Bash脚本中的用户输入. 但是,允许用户键入输入会带来一些问题. 主要问题是输入验证,您必须在其中考虑所有可能的输入. 解决此问题的一种简单方法是为Bash脚本创建一个多选菜单. 使用此方法,您可以定义…

用H5和js写一个移动端自定义播放器

前言由于html5自带的播放器样式不怎么好看,大多数人都是自己写一个来满足业务需求.这一次的需求如下: 1.不要上一曲下一曲 2.有进度条和播放暂停按钮 3.有时间显示 demo实现功能 1.进度条滚动 2.时间显示 3.播放控制 4.多平台播放关键代码展示 <body> <div class="top"></div> <div id="containner"> <div style="width:…

用js写一个鼠标坐标实例

HTML代码写一个div来作为鼠标区域 div中写一个span显示坐标信息 <body> <div id=""> <span></span> </div> </body> 给div和span增加样式并定位 <style type="text/css"> div{ position: relative;/* 定位信息 */ background-color: #398439; /*…

用html+css+js实现一个无限级树形控件

https://blog.csdn.net/cc_fys/article/details/81284638 树形菜单示例: <!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>树形菜单示例</title> <style type="text/cs…

用node.js写一个简单爬虫，并将数据导出为 excel 文件

引子最近折腾node,最开始像无头苍蝇一样到处找资料,然而多数没什么卵用,都在瞎比比.在一阵瞎搞后,我来分享一下初步学习node的三个过程: 1 撸一遍NODE入门,对其有个基本的了解: 2 撸一遍cnode.js社区管理员写的包教不包会node课程,内容量相对于 NODE入门多了很多,特别是这个可能更注重实际项目的构建方式. 3 通读一遍朴灵的<node.js深入浅出>,配合着api一起看(还在继续..药不能停). 尽看书总是有一种茫然不知所措的感觉,就像手中有一把锋利的钢刀,却不知该如何…

Vue.js写一个SPA登录页面的过程

技术栈 vue.js 主框架 vuex 状态管理 vue-router 路由管理一般过程在一般的登录过程中,一种前端方案是: 检查状态:进入页面时或者路由变化时检查是否有登录状态(保存在cookie或者本地存储的值): 如果有登录态则查询登录信息(uid,头像等...)并保存起来:如果没有则跳转到登录页: 在登录页面(或者登录框),校检用户输入信息是否合法: 校检通过后发送登录请求:校检不成功则反馈给用户: 登录成功则从后端数据中取出session信息保存登录状态(可能需要跳转);登录不成功…

JS写一个旋转木马的视频播放效果

JS以及JQ的功能很强大,可以做出很多的优秀效果.今天给大家分享一个我之前写网站用到的旋转木马效果. 大概效果图就是这样的,上面的视频播放是旋转木马效果. 下面的音乐播放效果放在下一篇内容里面讲. 直接先上页面布局写法: <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide qwbk01"> &l…

用原生JS写一个网页版的2048小游戏（兼容移动端）

这个游戏JS部分全都是用原生JS代码写的,加有少量的CSS3动画,并简单的兼容了一下移动端. 先看一下在线的demo:https://yuan-yiming.github.io/2048-online-game/ github地址:https://github.com/Yuan-Yiming/2048-online-game ==================================================================== 下面简单分析一下JS代码: 1.游…

怎么用js写一个类似于百度输入框的搜索插件

PS:这次做的这个小插件只是在前端实现,并没有经过数据库.需要用到的的框架:1.bootstrap.css的样式 2.Vue.js 最终效果如下: JS部分: $(window).click(function () { content_data.is_selected = 'N';});var content_data = { blog_classify: '',//分类搜索框 classify_data: [//所有分类 {name: "宠物技能培养"}, {name: "…

JS写一个列表跑马灯效果--基于touchslide.js

先放上效果图: 类似于这样的,在列表中循环添加背景样式的跑马灯效果. 准备引入JS插件: <script type="text/javascript" src="xxx/2017mobile/js/jquery-1.7.2.min.js"></script> <script type="text/javascript" src="xxx/2017mobile/js/TouchSlide.1.1.js&quo…

原生js写一个无缝轮播图插件(支持vue)

轮播图插件(Broadcast.js) 前言:写这个插件的原因前段时间准备用vue加上网易云的nodejs接口,模拟网易云音乐移动端.因为想自己写一遍所有的代码以及加固自己的flex布局,所以没有使用UI组件.在轮播图部分,本来在vue里面写了一下,但是发现总是出现bug,所以后来准备封装一个插件来实现. 其次的一个原因是,以为这一学期学vue一直在用vue,发现自己以前学的原生js有点遗忘,所以想借这个机会再次复习一下js. 功能&介绍没有引用第三方插件库,原生js,封装一个Broadca…

利用JS写一个计算平方的网页

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>计算平方</title> <script> function pf(){ var input = document.getElementById("num"); console.log(input); //获…

js写一个chrome 插件

访问网站的时候,最烦的就是一些弹窗和广告.于是,就想着能不能在访问特定网站的时候,执行一段js脚本,去除页面的广告.于是乎,好像 chrome 插件可以实现. 这里,以百度的网站为例新建 simple01 文件夹: 内部文件结构如图: 主要是 manifest.json的配置: { "manifest_version":2, "version":"1.0.0", "name":"myAdSafe",…

用node.js写一个jenkins发版脚本

背景每次到网页里手动发版有点烦,写个脚本来提高开发效率. CFG 在 jenkins 设置里获取 API TOKEN. 把 host 和账号密码拼接起来就可以通过鉴权. const token = { user: '', password: '', } const host = 'jenkins.xxx.cn'; const basicUrl = `http://${token.user}:${token.password}@${host}`; BUILD 调用 jenkins 提供的 jen…

js写一个插件

//;分号开头,用于防止代码压缩合并时与其它代码混在一起造成语法错误 //而事实证明,uglify压缩工具会将无意义的前置分号去掉,我只是习惯了这么写 //(function(){})();立即执行函数,闭包,避免污染全局变量 //通常一个插件只暴露一个变量给全局供其它程序调用 //还有其它写法,运算符+函数体+括号 //例:!function(){}(); +function(){}(); -function(){}(); // void function(){}(); 等等只要能对函数返回值…

面试官：能用JS写一个发布订阅模式吗？

目录 1 场景引入 2 代码优化 2.1 解决增加粉丝问题 2.2 解决添加作品问题 3 观察者模式 4 经纪人登场 5 发布订阅模式 6 观察者模式和发布订阅模式的对比什么是发布订阅模式?能手写实现一下吗?它和观察者模式有区别吗?... 1 场景引入我们先来看这么一个场景: 假设现在有一个社交平台,平台上有一个大V叫Nami Nami很牛,多才多艺,目前她有2个技能:会写歌.会拍视频她会把这些作品发布到平台上.关注她的粉丝就会接收到这些内容现在他已经有3个粉丝了,分别是:Luffy.Z…