jimyking - 博客园

2022年2月11日

摘要：公司业务需求，我需要实现一个合同模板，自定义输入内容后生成合同随后导出下载合同。(自定义部分用到的是) 为了实现这个文件下载到本地的功能，真的是废了九牛二虎之力，以至于差点放弃（主要还是自己菜）。刚开始自己用到的是Window.open()的方法，发现这个方法只能将你的合同在新页面打开，并不能实现下阅读全文

posted @ 2022-02-11 17:36 jimyking 阅读(2135) 评论(0) 推荐(0)

2022年1月22日

春节将至，喜庆的烟花安排上（js实现烟花）

摘要：一年一度的春节即将来临，然后苦逼的我还在使劲的摸鱼，未能回家体验小时候路边放爆竹的快乐时光，所以只能在网上来实现这个小小的心愿了。烟花静态效果图如下：为了大伙复制方便就不分开写，直接复制即可，具体实现代码如下所示： <!DOCTYPE html> <html> <head> <meta chars 阅读全文

posted @ 2022-01-22 09:27 jimyking 阅读(272) 评论(0) 推荐(1)

2021年12月30日

css怎么实现雪人

摘要：冬天来了，怎么能少的了雪人呢，不管是现实中还是程序员的代码中统统都的安排上，那就一次安排几个雪人兄弟，咱们先看效果图：有喜欢的就赶紧cv拿走吧！！！其详细代码如下：图1 html部分： <div class="snowman"> <div class="snowman-face"></div> 阅读全文

posted @ 2021-12-30 15:43 jimyking 阅读(120) 评论(0) 推荐(0)

2021年12月18日

纯css实现文字跳动的动画效果

摘要：以下图片为截图所得，所以为静态展示具体实现的详细代码如下，可直接cv复用： html部分代码： <h1 class="my-words"> <span>H</span><span>e</span><span>l</span><span>l</span><span>o</span><span> </ 阅读全文

posted @ 2021-12-18 15:01 jimyking 阅读(1004) 评论(0) 推荐(0)

2021年12月17日

canvas绘制圣诞树

摘要：最近不知道咋的都玩起了用备忘录手绘圣诞树，作为万能的程序员，肯定也要跟上潮流，那用代码来实现圣诞树吧。实现效果如下：具体代码如下，可直接cv复用 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head 阅读全文

posted @ 2021-12-17 15:22 jimyking 阅读(490) 评论(2) 推荐(1)

2021年12月14日

新建Vue项目时的一些初始化配置（项目运行，浏览器自动打开；src文件夹简写，即配置别名，关闭eslint）

摘要：新建一个Vue项目时，为了在后续更加方便的使用，通常会设置一些比较省时省力的配置： 1.运行项目浏览器自动打开：在package.json文件下的scripts进行简单配置： "serve": "vue-cli-service serve --open", 2.配置别名：在示例app中创建一个j 阅读全文

posted @ 2021-12-14 11:11 jimyking 阅读(158) 评论(0) 推荐(0)

2021年11月22日

ES6---解构赋值（数组、对象、字符串、数值和布尔值、函数参数）

摘要： 1. 数组的解构赋值解构：从数组和对象中提取值，对变量进行赋值 let [foo, [[bar], baz]] = [1, [[2], 3]]; foo // 1 bar // 2 baz // 3 let [ , , third] = ["foo", "bar", "baz"]; third / 阅读全文

posted @ 2021-11-22 15:28 jimyking 阅读(199) 评论(0) 推荐(0)

2021年11月17日

Three.js---三大组建（场景，相机，渲染器）的功能特性及其关系

摘要：一.三大组建：场景（scene）、相机（camera）、渲染器（renderer） 1.场景 Three.js中场景只有一种，用THREE.Scene来表示，即：var scene = new THREE.Scene(); 场景是所有物体的容器，如要显示一个苹果，就需要将苹果对象加入场景中。 2. 阅读全文

posted @ 2021-11-17 14:47 jimyking 阅读(593) 评论(0) 推荐(0)

2021年11月3日

Vue中怎么使用联动选择

摘要：如下图所示，在项目中需求是通过首先选择学生的专业，选好之后在每个专业下面选择对应的学期，每个学期有对应的学费，因此就需要联动选择来实现这一功能。以下仅展示此功能主要代码： <div class="item"> <div class="item-left"> <span class="star">* 阅读全文

posted @ 2021-11-03 16:26 jimyking 阅读(355) 评论(0) 推荐(0)

2021年10月24日

uni-app中正则表达式验证手机号，身份证号输入格式是否正确

摘要：在用户提交信息的时候通常会输入手机号之类的，所以需要前端在提交的时候验证其输入的格式是否正确，以是在uni-app项目中，仅展示验证部分内容手机号： let reg = /^[1][3,4,5,7,8,9][0-9]{9}$/ //正则表达式定义手机号正确格式 if (!this.tele) { 阅读全文

posted @ 2021-10-24 15:03 jimyking 阅读(2606) 评论(0) 推荐(0)