- 博客(37)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 vue-preview 用法
安装npm i vue-preview -S在main.js文件中导入该组件，并挂载到Vue身上import VuePreview from "vue-preview"Vue.use(VuePreview)在组件中使用<template> <div class="thumbs"> <vue-preview :sli...
2019-11-05 15:41:47
485
1
原创 vue mint-ui lazy-load 懒加载
首先导入mint-ui//引入MintUi全部import MintUI from 'mint-ui'Vue.use(MintUI)在需要图片懒加载的地方使用v-lazy指令 <ul> <li v-for="(item) in photolist" :key="item.id"> <router-link ...
2019-11-05 10:34:07
417
原创 vue mui-scroll-wrapper 导航栏横向滑动
import MintUI from 'mint-ui'Vue.use(MintUI)<template> <div class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted" > ...
2019-11-05 09:33:59
1239
转载 vue mui.js调用报错
在main.js里添加import mui from "./lib/mui/js/mui.js"如果不添加下面会显示mui is not defined 报错 Vue.prototype.mui = mui添加成功后还是会报错 Uncaught TypeError: 'caller', 'callee', and 'arguments' properties may n...
2019-11-01 11:44:09
219
原创 webpack + Vue 组件/路由
安装成生产依赖npm install vue -Sindex.html中导入app模块main.js 开始写vueimport Vue from "vue"var vm = new Vue({ el:"#app", data:{ msg:"vue+webpack" }, methods: { },}...
2019-10-29 19:18:17
174
原创 webpack bable
Babel不能运行es6的，所以需要bable转译成低版本的供浏览器识别安装npm install --save-dev @babel/core @babel/cli @babel/preset-envnpm install --save @babel/polyfill...
2019-10-28 20:19:22
163
原创 webpack （三）插件
CSS-loader 插件安装css-loader 依赖于style-loader 所以两个需要一起安装npm install --save-dev css-loadernpm install --save-dev style-loaderwebpack.config.js 配置文件module.exports = { module: { rules: [...
2019-10-25 15:39:27
113
原创 webpack （二）插件使用 HtmlWebpackPlugin
HtmlWebpackPluginhttps://www.webpackjs.com/plugins/html-webpack-plugin/HtmlWebpackPlugin简化了HTML文件的创建，以便为你的webpack包提供服务。这对于在文件名中包含每次会随着编译而发生变化哈希的 webpack bundle 尤其有用。 你可以让插件为你生成一个HTML文件，使用lodash模板...
2019-10-25 15:05:02
139
原创 webpack (一) 使用方法：安装->配置
目录1、安装2、写index.html/main.js页面3.1、用webpack将main.js内容打包到bundle.js3.2、webpack.config.js 配置相关文件3.3、webpack-dev-server4、访问页面相关配置1、安装npm init -ynpm install webpack webpack-cli --save-d...
2019-10-24 16:50:51
135
原创 Vue v-for的使用 遍历
<!DOCTYPE html><html lang="zh_CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv...
2019-10-22 15:50:31
170
原创 Vue style行内样式绑定
<!DOCTYPE html><html lang="zh_CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv...
2019-10-22 15:49:41
799
原创 Vue 类样式的绑定 v-bind:class
<!DOCTYPE html><html lang="zh_CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv...
2019-10-21 08:59:52
124
原创 Vue 简易文字跑马灯
<!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-10-17 15:53:10
192
原创 Vue 简易计算器
<!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-10-17 15:52:23
186
原创 zepto 自定义打包
1、首先在自己的电脑上要安装node.js和npm包管理工具2、从github上下载zepto.js的源文件包到本地磁盘 https://github.com/madrobby/zepto3、将下载的zepto压缩包解压，进入，找到make文件，打开，找到第42行的位置，添加需要的模块名称，以空格做分 隔，如下 modules = (env['MODULES'] || 'z...
2019-10-12 14:38:47
174
原创 NodeJs 生成SVG图形验证码
使用svg-captcha插件在node.js中生成svg格式的验证码。1、安装npm install --save svg-captcha2、在express中使用方法// 导入svg-captcha模块const svgCaptcha = require('svg-captcha');//创建Router对象const router = express.Router(...
2019-10-11 18:49:28
666
原创 Node Router
我们可以使用 express.Router类创建模块化、可挂载的路由句柄。每个Router文件通过生成一个 express.Router 实例并导出，通过 app.use 挂载到不同的路径。其实我们可以将Router视为一个路由分支，因此Router是有中间件和HTTP方法路由（如get，put，post，等），Router就像一个子应用程序。1.main.jsvar expre...
2019-10-09 19:17:46
704
原创 Node 第三方中间件
有关第三方中间件，这里我们分析几个比较重要和常用的，知道这几个的使用，其它的也就会了。http://www.expressjs.com.cn/resources/middleware.htmlbody-parser ：解析body中的数据，并将其保存为Request对象的body属性。cookie-parser ：解析客户端cookie中的数据，并将其保存为Request对象的cook...
2019-10-09 19:11:44
280
原创 MySQL node 学生端增删改查
node 学生端增删改查（数据来源json.js） ：https://blog.csdn.net/stayreal_OA/article/details/100728606此版本为以上链接版本的升级版（数据来源 MySQL数据库）views文件夹中html文件不变常规配置db.js//导入mysql驱动const mysql = require("mysql");//导...
2019-09-20 18:27:52
292
原创 MySQL 员工信息查询
单表查询目录单表查询多表查询SELECT * FROM emp;-- 需求：查询出工资高于500或者岗位为MANAGER的员工，同时还要满足他们的姓名的首字母为大写的J的数据.SELECT * FROM emp WHERE (SAL >= 500 or JOB='MANAGER') and ENAME like 'J%';-- 需求：按照工资的从低到高的顺...
2019-09-20 16:42:00
6278
原创 MySQL node.js Ajax 省份城市二级联动
目录db.jsindex.jscity.html常规配置好db.js city.html初始化的时候发送ajax请求，端口号为8080，由index.js接受此请求并匹配其中对应的路由方法。city.html中匹配index.js中路由 连接数据库查询省份表中所有的数据，把结果响应给客户端 let sql ="select * from province";...
2019-09-20 16:33:04
214
原创 mysql 查询学生与课程关系表
-- 已经学生和课程之间是多对多关系-- 学生表（学生编号（主键）、学生名称（唯一约束不为空）、性别（默认值男）、年龄）drop table if EXISTS student;create table student ( stu_no int PRIMARY KEY, stu_name VARCHAR(20) not null UNIQUE, sex CHAR(1) DEFAULT...
2019-09-19 18:46:56
1314
原创 Node express 学生端增删改查
目录安装模块index.jsstudentRouter.jsstudentRouter.htmldatas.jsonaddstudent.htmlupdatestudent.html安装模块npm init -y//安装express模块npm install express --save //安装art-template模块npm ...
2019-09-11 13:59:57
351
原创 js 弹出注册框，可拖拽
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head> ...
2019-08-12 19:59:58
626
原创 js 放大镜 单张图片
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head> ...
2019-08-12 19:48:15
219
原创 js 倒计时
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>倒计时</title> <script type...
2019-08-12 08:37:27
110
原创 js 显示系统时间
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>系统时间</title> <script typ...
2019-08-12 08:36:16
145
原创 js 省份城市 二级联动
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> select{ width:173px; } </style> ...
2019-08-09 16:40:02
786
原创 css 控制<p>字数，超出部分显示“...”
单行文本隐藏p{ border: 1px solid red; width:200px; height:25px; /*word-break:break-all;*/ white-space: nowrap;/*强制在一行显示*/ text-overflow:ellipsis;/*设置超出内容显示...*/ overflow: hidden;/*一定不能少 超出的内容进行隐藏*/...
2019-07-26 10:33:27
7730
原创 css 清除浮动
方法1.clearfix::before,.clearfix::after { content:""; display:table; }.clearfix:after { clear:both;}/* IE6、7 专有 ，星号表示IE7之下浏览器识别，其他浏览器不识别*/.clearfix {*zoom: 1;}方法2.clearfix:after{ ...
2019-07-24 16:39:40
94
原创 js中获取时间new date()的用法
var myDate = new Date();//获取系统当前时间myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-????)myDate.getMonth(); //获取当前月份(0-11,0代表1月)myDate.getDate(); //获取当前日(1-31)myDate.getD...
2019-07-20 09:53:47
277
原创 表单
input<!-- 文本 --><label for="sno">学号：</label><input type='text' id='sno' placeholder='请输入。。。' /><!-- 单选框 --><input type="radio" checked="checked" /><!-- 复...
2019-07-19 11:51:42
124
转载 Bootstrap 3多级下拉菜单
<div class="container"> <div class="row"> <h2>Bootstrap 3多级下拉菜单</h2> <hr> <div class="dropdown"> <a id="dLabel" role="bu...
2019-07-15 10:33:51
1119
原创 boostrap tab切换
<div class="pro-tab-box "> <ul id="myTab" class="nav nav-tabs"> <li class="active col-md-2 col-xs-4 p0"> <a href="#td" data-toggle="tab">特点</a> &l...
2019-07-15 10:17:49
456
原创 animate 添加入场动画
屏幕滚动到此处，div添加动画效果。<div class="anim anim-2" > </div>$(function(){ // 出场动画 var anim = $(".anim"); setTimeout(function(){//规避页面加载不完整高度获取异常 $(window).scroll(function() { ...
2019-07-15 09:53:55
1363
转载 video 视频添加“封面”，点击播放
给video添加封面，并可以点击播放：先给video添加“poster”属性，再添加js。<video src="" controls="controls" id='videoId' height="" poster="images/video_03.jpg"> ></video>var video=document.getElementById('...
2019-07-15 09:40:55
12383
原创 bootstrap 自适应导航栏（鼠标放上显示二级下拉）
<div class="col-sm-9 col-xs-12 pull-right"> <ul class="nav navbar-nav"> {dhcmsnav limit='7' orderby='sort asc'} <li class="dropdown hidden-xs {if ($nav.num !== ...
2019-07-15 09:29:25
1202
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人