案例
haoqi好奇
五年程序员,精通前端和Java,可以定制开发,卫星:qingcreek(推荐),Q:2434705794
展开
-
css线条渐变,线条两边向中间渐变, 中间向两边渐变
【代码】css线条渐变,线条两边向中间渐变, 中间向两边渐变。原创 2022-11-29 17:09:11 · 1630 阅读 · 0 评论 -
flex列表最后一行靠右对齐
// css.box { width:330px; display: flex; flex-wrap: wrap; justify-content: flex-end; align-content: space-between;}.box span{ width:100px; height:100px; background: red; margin-bottom: 10px; margin-right: 10px; line-height: 100px; color: a.原创 2021-03-22 16:13:37 · 504 阅读 · 0 评论 -
js监听表单内容,点击返回表单内容不为空时提示取消或返回
// 表单数据类型示例// formData: {// name: '',// describes: '',// coefficient: '',// logoPath: '',// appTypeIds: [],// subjectArr: [],// },// true 提示, false直接返回 var flag = Object.values(this.formData).some( item => { if (ite.原创 2021-03-22 14:05:39 · 334 阅读 · 1 评论 -
vue-json-editor json编辑器
1.安装插件npm install vue-json-editor --save2.使用<template> <div> <p>vue-json-editor</p> <vue-json-editor v-model="json" :show-btns="true" // 是否显示保存按钮...原创 2020-03-19 09:58:00 · 21199 阅读 · 32 评论 -
Vuex数据管理,组件数据一一对应
需求:我们点击拍照后将拍好的照片放入vuex的state里面管理,给其他的组件调用(此处以组件A,和组件B命名)1.组件A:我们拿到图片数据源,并且在点击拍照的同时创建一个当前时间,将图片源和时间以对象的形式提交vuex。var url = canvas.toDataURL();var date=new Date().toLocaleTimeString()this.$store...原创 2019-11-11 11:57:48 · 322 阅读 · 0 评论 -
html2canvas截图拍照,结合element小图大图预览
cnpm i html2canvas -S //安装html2canvascnpm i jquery -S //安装jqueryscript标签内引用import html2canvas from "html2canvas";import $ from "jquery";视频区域(所需要截图的区域,博主的区域是canvas的一个帧视频区域,你可以用一张图片代替) &l...原创 2019-11-07 13:58:50 · 598 阅读 · 0 评论 -
git下载安装,github项目部署
一:安装配置git1.下载git,安装.除了这个步骤选择第一个,其他的按照默认下一步。2.配置环境变量Path(git的bin安装目录)3.配置git桌面右击Git Bash Here 设置用户名和邮箱 git config --global user.name "取个用户名" git config --global user.email "邮箱"至此安...原创 2019-07-29 21:40:37 · 620 阅读 · 0 评论 -
Vue中transition-group对列表进行增加删除,transition动画效果
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>动画</title> <script src="lib/vue.min.js"></script> <style> .text{ marg...原创 2019-08-18 19:36:51 · 873 阅读 · 0 评论 -
Vue中JavaScript钩子transition圆点半场动画(加入购物车)
<!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Co...原创 2019-08-18 20:37:13 · 412 阅读 · 0 评论 -
Vue组件切换和动画,使用Vue提供的component元素实现组件切换
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>动画实现组件切换</title> <script src="lib/vue.min.js"></script> <style type="text/css"&...原创 2019-08-18 21:39:53 · 449 阅读 · 0 评论 -
Vue中router使用命名视图实现经典布局
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>router经典布局</title> <script src="lib/vue.min.js"></script> <script src="lib/vue-...原创 2019-08-20 11:11:23 · 409 阅读 · 0 评论 -
CSS3Flex伸缩布局,携程网案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...原创 2019-09-12 10:47:33 · 421 阅读 · 0 评论 -
node连接mysql进行增删改查
在项目根目录安装mysqlnpm i mysql实现增删改查(注意要设计好自己的表和字段,增删改查语法和普通sql一样)// 挂载Mysqlvar mysql = require('mysql');// 数据库连接信息var connection = mysql.createConnection({ host : '127.0.0.1', user :...原创 2019-07-14 19:05:29 · 275 阅读 · 0 评论 -
Node.js留言板,art-tamplate模板,express框架使用
在项目根目录中npm init -y 生成package.json文件npm init -y安装express框架 npm i express -S在express中使用art-tamplate模板引擎,安装 npm i -S art-template express-art-template安装body-parser插件,post表单提交需要用到 npm i ...原创 2019-06-29 19:50:09 · 466 阅读 · 0 评论 -
Ajax结合PHP实现用户注册无刷新校验用户名是否存在
第一准备html页面<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>账号注册</title> </head> <body> <h1>账号注册&a原创 2019-03-11 20:17:29 · 777 阅读 · 0 评论 -
Struts2框架入门,第一个Struts2项目
开始之前先上博主的项目结构图,方便理解:楼主使用的是myeclipse进行的开发,静态资源是在WebRoot下(eclipse是在WebConent下,其他并无冲突,不影响开发)首先:做框架项目首先需要jar包,导入jar包:如下是基本的jar包,放入lib文件夹下第二:创建index.jsp页面写好请求路径(博主本次写了三种访问方法,常用的是第二种,第一钟和第三种开发使用...原创 2019-03-25 21:15:31 · 291 阅读 · 0 评论 -
跨域结合百度提示词接口实现搜索显示 ,arttamplate模板使用,jQuery跨域
今天做一个简单的百度提示词的跨域准备三个文件一:html页面二:jquery.js文件三:template-web.js文件template-web.js下载地址:https://www.awesomes.cn/repo/aui/arttemplate首先拿到百度提示词API参数上代码<!DOCTYPE html><html> &l...原创 2019-03-26 20:03:08 · 281 阅读 · 0 评论 -
PHP表单用户注册后台判断数据是否合法,账号密码存入硬盘(持久化)
<?php // 设置一个函数,使得可以使用return function postback(){ // 申明$massage是全局的 global $massage; // 判断是否输入了账号,如果没输入给出提示,并结束信息提交 if(empty($_POST['username'])){ $massage= '请输入账号'; ...原创 2019-04-10 21:19:16 · 867 阅读 · 0 评论 -
ajax通过自己的服务器跨域得到API接口中的json数据,手机号码查吉凶
第一步:(准备工作)获取API接口,API文档访问www.mob.com 进入mobAPI --找到手机号码查询吉凶获得到了API信息。其中key的值需要用户申请,点击右上角申请之后会获得一个申请码即可使用该接口。例如博主申请的是2aa181c026ff4访问的请求示例:http://apicloud.mob.com/appstore/lucky/mobile/query?k...原创 2019-03-28 12:43:09 · 398 阅读 · 0 评论 -
PHP文件上传案例,文件上传大小,权限问题
<?php function upload(){ //进行文件信息判断 if (!isset($_FILES['avatar'])) { // 客户端根本没有文件域 $GLOBALS['massage']='请选择文件上传'; return; } // 接收到文件域信息(关联数组) $avatar=$_FILES['avat...原创 2019-04-12 00:27:10 · 579 阅读 · 0 评论 -
PHP中include载入文件,在不同的页面中载入同一段html代码,以侧边导航栏为例
来两个需要被载入相同html代码的文件(可以多个)注:这几个文件都是.php文件一:<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-sc...原创 2019-04-09 00:28:15 · 1946 阅读 · 0 评论 -
PHP连接Mysql数据库查询表中数据
天渐渐的热起来了,博主最近忙于打羽毛球,打篮球,泡吧,撩妹等一系列活动最近没有更新博文,今天更新一篇在php.ini中 解除注释extension=php.mysqli_dll<?php//php连接需要用到mysqli函数 而它是一个扩展//在php.ini中 解除注释extension=php.mysqli_dll 即可//与数据库建立连接//主机地址 数据库用...原创 2019-04-28 00:10:27 · 10102 阅读 · 2 评论 -
Node.js入门,安装,第一个demo
进入node.js官网下载适合自己电脑的node.js安装包(nodejs.org)打开下载的安装包,一路next安装安装完毕之后cmd打开命令行,输入node -v回车之后看到版本号代表安装成功 第一个node.js的demo(建一个.js文件)// fs=file stytemvar foo='hello world';// 打印console.log(foo...原创 2019-06-19 23:55:12 · 253 阅读 · 0 评论 -
Node.js htpp请求和相应,通过不同的url路径返回不同的响应结果
// 用http写一个web服务器,加载http核心var http=require('http')// 使用createServer()方法创建一个web服务器var server=http.createServer();// 发请求,接收数据,处理数据,响应// 参数一请求事件,参数二回调函数server.on('request',function(req,res){ // 响...原创 2019-06-20 23:27:18 · 382 阅读 · 0 评论 -
Node.js 中使用art-template模板
安装art-template模板,在想要安装的目录下打开命令行,输入npm install art-template创建js文件// 加载模板引擎 安装命令的名字叫什么 require中就叫什么var template=require('art-template');// 文件操作var fs=require('fs');// 载入httpvar http=require...原创 2019-06-22 17:35:02 · 782 阅读 · 0 评论 -
Oracle数据库if判断while,for,loop循环语法,案例
/*PL条件判断 if 条件 then elsif 条件 then else end if; */--根据不同的年纪,输出相关的内容--if 判断 declare age number:=22; begin if age<=20 then dbms_output.put_line('小屁孩'); elsif age>20 an...原创 2019-03-13 22:23:24 · 3462 阅读 · 0 评论