前端
文章平均质量分 83
i小默
这个作者很懒,什么都没留下…
展开
-
基于Koa2+Mysql+Sequelize开发API接口(入门级攻略一)
本篇文章从0开始搭建Koa2框架,搭配Sequelize操作Mysql数据库,以达到快速开发接口的目的。默认已经安装好开发环境nodev15.0及以上,mysql5.7原创 2022-08-01 22:48:41 · 874 阅读 · 1 评论 -
js实现身份证号码验证(组成结构以及验证原理)
今天一个客户反馈过来说用户身份证不能输入字母“X”,让我看看怎么回事。看到客户发过来的截图,原来限制了只能输入数字。这个修改起来简单,二话不说打开代码,由于代码是同事写的,仔细看了看,心顿时凉了半截,js层也没做验证,后台也没做验证,服了…改吧!一、身份证号码结构编号识别身份证编码规则如下:根据〖中华人民共和国国家标准GB11643-1999〗中有关公民身份号码的规定,公民身份号码是特征组合码,由十七位数字本体码和一位数字校验码组成。顺序码(身份证第十五位到十七位)是县、区级政府所辖派出所的分配码原创 2020-07-11 11:24:42 · 915 阅读 · 0 评论 -
vue的动画特效
一、Vue中的CSS动画原理transition标签<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Vue中CSS动画原理</title> <script src="../vue.js"></script> <style> .原创 2020-11-24 17:49:27 · 507 阅读 · 0 评论 -
vue项目实战(一)- 旅游网站首页开发
初始化项目:npm init webpack mytravel//接下来根据提示内容选择就行了一、网站首页Header开发安装依赖:npm install stylus --savenpm install stylus-loader --save1rem = html font-size = 50px首页header样式:<style lang="stylus" scoped> .header display: flex ..原创 2020-11-24 18:00:46 · 4963 阅读 · 0 评论 -
vue学习起步--Hello World 以及基础知识
一、Hello World"Hello Wolrd是所有开发心中的光"。1.1 使用原生js实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Hello World</title></head><body> <div id="app"></di...原创 2020-11-24 12:00:05 · 331 阅读 · 1 评论 -
vue基础知识精讲
一、Vue实例生命周期函数生命周期函数是vue实例在某一个时间点会自动执行的函数。测试一下:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Vue实例生命周期函数</title> <script src="../vue.js"></script> ...原创 2020-11-24 12:04:59 · 141 阅读 · 0 评论 -
vue项目实战(三)- 旅游网站详情页面开发
一、详情页banner添加动态路由:{ path: '/detail/:id', name: 'Detail', component: Detail }详情页首图:<template> <div class="banner"> <img class="banner-img" src="//img1.qunarzz.com/sight/p0/1809/10/10d6568ad3ad4bb5a3.img.jpg原创 2020-11-24 18:05:13 · 1343 阅读 · 0 评论 -
vue项目实战(二)- 旅游网站城市列表页面开发
一、城市选页-路由配置打开router目录下的index.js,写入配置:import City from '@/pages/city/city'export default new Router({ routes: [{ path: '/', name: 'Home', component: Home }, { path: '/city', name: 'City', component: City }]})在pages...原创 2020-11-24 18:03:27 · 810 阅读 · 0 评论 -
node环境基于wechaty搭建个人微信机器人
昨天晚上没事干突然想开发一个属于自己的微信机器人,但我这个菜鸡对这种技术根本一窍不通,但很快我就在搜索引擎里找到了wechaty这个开源框架。介绍Wechaty是一款适用于Chatbot Makers的现代会话 RPA SDK,可以用几行代码创建一个bot。Wechaty提供了开箱即用的支持,可以将您的IM帐户转变为聊天机器人,从而为您提供期望的通用功能,开发人员可以轻松地对其进行自定义和扩展,以创建满足其确切需求的聊天机器人。本篇文章运行环境node版本为16.9.06行代码搭建一个机器人据说原创 2021-12-09 18:42:37 · 2579 阅读 · 0 评论 -
tp5.1 volist循环遍历出数组的键名
看到网上有说用{Think.lang.Think.lang.Think.lang.key}的,试了一下没有成功,便做了一下比较使用自定义的key会输出默认数字,使用key输出原来键名的值;原创 2020-08-03 09:35:58 · 1070 阅读 · 0 评论 -
html 设置span标签只在一行内显示
white-space: nowrap; /*强制span不换行*/ display: inline-block; /*将span当做块级元素对待*/ width: 260px; /*限制宽度*/ overflow: hidden; /*超出宽度部分隐藏*/ text-overflow: ellipsis; /*超出部分以点号代替*/ line-height: 0.9; /*数字与之前的文字对齐*/...原创 2020-07-30 16:22:25 · 7652 阅读 · 1 评论