摘要: 效果展示: 完整代码: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style type="text/css"> 7 *{ 8 margin: 0; 9 padding: 0; 1 阅读全文
posted @ 2020-10-21 14:16 犹枕南柯 阅读(434) 评论(0) 推荐(0)
摘要: 根据上一版基于js的简易计算器改的 完整代码: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <script src="https://cdn.jsdelivr.net/npm/vue 阅读全文
posted @ 2020-10-16 17:14 犹枕南柯 阅读(407) 评论(0) 推荐(0)
摘要: 以下代码仅可进行加减乘除运算 js代码: 1 <script type="text/javascript"> 2 var result =new Array; //用于存储拆解后的字符串以及运算结果 3 var cache; //暂时存储部分运算结果 4 function calculation() 阅读全文
posted @ 2020-10-16 11:32 犹枕南柯 阅读(215) 评论(0) 推荐(0)
摘要: 由于在window对象当中并没有在vue实例当中定义的方法,需要先在vue实例当中将方法复制给window对象,方可在html页面的script标签的当中调用 vue实例中的代码: methods:{ abc: function(){ console.log("hello!"); } } mount 阅读全文
posted @ 2020-09-16 21:17 犹枕南柯 阅读(2519) 评论(0) 推荐(0)
摘要: 实现思路: 使用JQuery的 appCss() 方法和 removeClass() 方法,通过给选中的按钮增添 新的样式 (选中效果样式),清除(或切换)未选中按钮的 ”选中效果样式“ 来达到选中效果 截图: 代码如下: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 阅读全文
posted @ 2020-07-10 17:46 犹枕南柯 阅读(1000) 评论(0) 推荐(0)
摘要: 1 //遍历数组,确定需要对比的数 2 for(var i = 0 ; i < arr.length ; i++){ 3 var x = 0; 4 // 第二次遍历数组,使对比数与数组中其他的数进行对比 5 for(var j = 0; j < i ; j++){ 6 //对比结果前一个数比后一个数 阅读全文
posted @ 2020-06-15 00:05 犹枕南柯 阅读(327) 评论(0) 推荐(0)
摘要: 仿boss直聘网站页面 仿网思网站页面 自制游戏网站页面 ps 作品展示 海报 艺术图 阅读全文
posted @ 2020-06-13 08:22 犹枕南柯 阅读(169) 评论(0) 推荐(0)
摘要: 代码来源:https://juejin.im/post/5ed3c27ee51d455f9a6368c9 感谢大佬的分享! css实现正三角: 1 /* 正三角 */ 2 .triangle { 3 width: 0; 4 height: 0; 5 border-style: solid; 6 bo 阅读全文
posted @ 2020-06-01 10:24 犹枕南柯 阅读(205) 评论(0) 推荐(0)
摘要: 通过js实现多个盒子的点击展开或关闭 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>通过js实现多个盒子点击展开闭合</title> 6 7 <script type="text/javascript"> 阅读全文
posted @ 2020-05-28 16:12 犹枕南柯 阅读(1137) 评论(0) 推荐(0)
摘要: 1、标签选择器 用法:div{}2、类选择器 用法:.a{}3、id选择器 -- 画页面的时候不建议使用 用法:#aa{}4、通配符选择器 用法:*{}5、后代选择器 用法:.a p{} 阅读全文
posted @ 2020-05-22 09:14 犹枕南柯 阅读(127) 评论(0) 推荐(0)