- 博客(88)
- 资源 (1)
- 收藏
- 关注
原创 vue 组件传值 通信常用方式
父组件 => 子组件属性props // child prop:{msg:String} // parent <helloWord msg="helloword"/>引用refs // parent <helloWord ref='hw' msg="helloword"/> this.$refs.hw.xx子组件 =>父组件 : ...
2020-01-14 19:34:07 10176
原创 BFC的个人理解以及解决什么样的问题
BFC : 页面上的一个隔离的独立渲染区域(常用于解决边距重叠 高度坍陷 margin塌陷 文本环绕)区域里面的子元素不会影响到外面的元素 外面的元素也不会影响到区域里面的子元素 float:left right Position absolute fixed display inline-block table-cell overflow:hidden auto scroll解决边距重叠 &
2022-01-18 17:28:36 372
原创 vue3.0初体验
vue3.0(函数式导入)npm 安装1. 我的vue-cli 4是以上 vue create vue-demo 下一步选择vue3 preview cd vue-demo npm run serve2. 从vue2 升级到3 vue add vue-nextvue3 vue2不同点入口文件3.*import { createApp } from 'vue'import App from './App.vue'import router from './router'cre
2021-02-24 10:43:15 249
原创 js移动端无缝轮播图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no"> <title>Title</title>...
2020-04-10 10:18:04 334 1
原创 Module build failed (from ./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.j
解决办法:修改成
2020-02-26 21:21:50 9120 1
原创 自定义简单的vue-router
import Home from './views/Home'import About from './views/About'import Vue from 'vue'class VueRouter { constructor(options) { this.$options = options this.routeMap = {} // 当前路由的响应式 ...
2020-02-18 16:30:39 341
原创 nuxtjs初始化 Plugin/Preset files are not allowed to export objects, only functions
npm uninstall nuxtnpm install [email protected] i eslint-plugin-html@^3
2019-12-04 13:57:05 186
原创 判断两个数组中的数据类型是否相等
1. 具体需求:// 获取数据类型 function type(data) { //判断数据类型 let type = Object.prototype.toString.call(data) return type.replace("[object ", "").replace("]", "").toLowerCase() }// 比较两个数组fun...
2019-11-07 14:26:14 803
原创 canvas圆形和正方形碰撞检测
1. 圆形碰撞检测 // 角度转弧度 function d2a(n){ return n*Math.PI/180; } // 弧度转角度 function a2d(){ return n*180/Math.PI; } window.onload=function (){ let oC=document.getE...
2019-09-23 19:20:39 726
原创 给定一个仅包含数字 2-9 的字符串,返回所有它能表示的字母组合。
思路:1. 先建立电话号码与键盘的映射 => ['', 1, 'abc', 'def', 'ghi', 'jkl', 'mno', 'pqrs', 'tuv', 'wxyz']2. 把输入的字符串按单字符分割变成数组 => 234=>[2,3,4]3. 保存键盘输入后的映射内容 => 23 => [abc,def]4. 递归组合字母...
2019-08-29 21:35:27 2422
原创 JavaScript 倒序输出带空格字符串
1. 第一种方法 function revertByWord (str){ //1. 分割字符串 按空格进行分割 数组的元素的先后顺序就是单词的顺序 let arr = str.split(' ') console.log(arr) let result = arr.map(item =>{ return item.split('...
2019-08-29 19:46:25 347
原创 idea 常用快捷键 以及maven创建web工程过慢
创建maven工程时候添加键值对archetypeCataloginternalidea常用的快捷键Alt+回车 导入包,自动修正Ctrl+N 查找类Ctrl+Shift+N 查找文件Ctrl+Alt+L 格式化代码Ctrl+Alt+O 优化导入的类和包Alt+Insert 生成代码(如get,set方法,构造函数等)Ctrl+E或者Alt+Shift+C...
2019-07-27 23:07:17 169
原创 Spring中的事务控制 xml中的配置
<beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:aop="http://www.springframework.org/schema/aop" xmln...
2019-07-26 11:23:15 152
原创 node.js + koa 常用第三方中间件 以及登录小案例
koa 代码编写上避免了多层的嵌套异步函数调用 async await来解决异步 async await 需要依赖于promise 更轻... 减少了内置的中间件 express.static处理静态资源的内置中间件 express.Router() 路由 启动步骤 引入Koa构造函数对象 const Koa = require('koa') ...
2019-07-25 21:17:58 2480
原创 Node + express 中 req resp常用的方法
1. 请求体中常用的方法req.params一个数组,包含命名过的路由参数。req.param(name)返回命名的路由参数,或者 GET 请求或 POST 请求参数。建议你忽略此方法。req.query一个对象,包含以键值对存放的查询字符串参数(通常称为 GET 请求参数)。req.body一个对象,包含 POST 请求参数。这样命名是因为 POST 请求参数在 REQUES...
2019-07-25 00:21:43 2232 1
原创 JdbcTemplate的使用
1. 概述它是 spring 框架中提供的一个对象,是对原始 Jdbc API 对象的简单封装。spring 框架为我们提供了很多 的操作模板类。操作关系型数据的: JdbcTemplate HibernateTemplate操作 nosql 数据库的: RedisTemplate操作消息队列的: JmsTemplate2. JdbcTemplate 对象的创建...
2019-07-24 23:01:03 123
原创 MongoDB 安装以及基本语法使用
MongoDB介绍 一个数据库对应多个集合 一个集合对应多个文档对象 在mongo中不论是db还是集合,你都无需去创建他 直接就当他已经存在,直接Use来使用 use db名称; 接着会被切换到该db中 db.要创建的集合名称.save({});这样集合就被创建了 ...
2019-07-23 22:24:18 105
原创 BeanFactory 使用动态代理 管理java中事务
1. 建立一个工具类 用于从数据库中获取一个连接 并且实现线程绑定public class ConnectionUtils { private ThreadLocal<Connection> tl = new ThreadLocal<Connection>(); private DataSource dataSource; public v...
2019-07-22 21:27:36 327 2
原创 node.js 框架
1. express 安装npm i express -S 1:引入express第三方对象 2:构建一个服务器对象 3:开启服务器监听端口 4:处理响应 在express中,保留了原生http的相关属性和函数 // 构建一个服务器对象const express = require('express');let server...
2019-07-22 20:55:21 127
原创 node.js基础 (path fs http)
以前博主也发过node 类似的文章 但是内容不够详细 所以博主又重新梳理了一下关于node的知识点1. node.js 的优势: 对于文件读写,Node采用的是非阻塞IO 传统IO在读写文件的时候CPU来处理,而代码执行也处于等待中,浪费性能 非阻塞IO将读写操作交给CPU,而代码正常执行,减少等待浪费的性能 2. node.js的特点 其移植了chrom...
2019-07-21 20:42:09 325
原创 node.js 递归遍历打印文件夹
应用到的api有/** * @author zsw * @date 2019/7/20 9:25 * @version 1.0 *///根据命令行参数 根据该目录,读取该目录下的所有文件并输出const path = require("path");const fs = require('fs');//把接收的相对路径转为绝对路径let filepath = p...
2019-07-20 11:03:15 214
原创 BeanFactory 解决程序间的耦合
1.什么是程序的耦合耦合性(Coupling),也叫耦合度,是对模块间关联程度的度量。耦合的强弱取决于模块间接口的复杂性、调 用模块的方式以及通过界面传送数据的多少。模块间的耦合度是指模块之间的依赖关系,包括控制关系、调用关系、数据传递关系。模块间联系越多,其耦合性越强,同时表明其独立性越差( 降低耦合性,可以提高其独立 性)。耦合性存在于各个领域,而非软件设计中独有的,但是我们只讨论软...
2019-07-19 18:13:54 115
原创 jquery 实现瀑布流 动态获取服务端数据 以及滚动加载服务端数据
1. html+css部分<div class="container"> <div class="items"> </div> <div class="btn">点击加载</div></div> .container { width: 1200px;...
2019-07-18 13:27:04 4953
原创 java 入门第一天 环境变量配置
第一步 根据电脑系统位数安装相应的jdk jdk安装无脑一步就行 安装路径一般默认第二步 找到你jdk安装的路径 复制该路径第三部 打开高级系统设置 配置变量环境 配置JAVA_HOME 黏贴你jdk安装的路径第四步 双击编辑path 输入以下配置第五步 双击CLASSPATH 配置一下配置第六步 在cmd中运行javac环境...
2019-07-17 11:07:11 161
原创 iscroll 下拉刷新
前端代码部门<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="jquery.min.js"></script> <...
2019-07-16 22:57:27 1390
原创 iscroll 的使用
iScroll是一个高性能,资源占用少,无依赖,多平台的javascript滚动插件。它可以在桌面,移动设备和智能电视平台上工作。它一直在大力优化性能和文件大小以便在新旧设备上提供最顺畅的体验。iScroll不仅仅是 滚动。它可以处理任何需要与用户进行移动交互的元素。在你的项目中包含仅仅4kb大小的iScroll,你的项目便拥有了滚动,缩放,平移,无限滚动,视差滚动,旋转功能。给它一个扫帚...
2019-07-16 22:01:44 380
原创 zepto.js 定制步骤
1、安装Nodejs环境2、下载zepto.js3、解压缩4、cmd命令行进入解压缩后的目录5、执行npm install 命令6、编辑make文件,没有后缀,添加自定义模块并保存7、然后执行命令 npm run-script dist8、查看目录dist即构建好的zepto.js...
2019-07-16 20:00:02 234
原创 fileupload + php 支持拖拽 本地图片上传回显
项目准备第一步 导入jqeury插件 注意导入顺序 <script src="./js/jquery.min.js"></script> <script src="./js/jquery.ui.widget.js"></script> <script src="./js/jquery.iframe-tra...
2019-07-11 21:29:54 1440
原创 mybatis 配置一对多 一对一 多对多
(一对多:一个用户对应多个账户 一对一: 一个账户对应一个用户 多对多: 多个用户可以对应多个角色)1. 实体类 1.1 多的一方package com.zsw.domain;import java.io.Serializable;import java.util.Date;import java.util.List;public class User imp...
2019-07-06 18:35:29 188
原创 mybatis 动态标签配置
<if>标签:我们根据实体类的不同取值,使用不同的 SQL 语句来进行查询。比如在 id 如果不为空时可以根据 id 查询, 如果 username 不为空时还要加入用户名作为条件。这种情况在我们的多条件组合查询中经常会碰到1.持久层 dao接口int findUserById(@Param("id") int id); 2.持久层 Dao 映射配置...
2019-07-06 16:44:23 263
原创 require模块管理 通过hashchange事件 模拟Vue中的路由
Route.jsdefine([],function () { function Route(option) { this.routes = option.routes; this.init(); } Route.prototype = { constructor:Route, init(){ ...
2019-07-02 19:26:26 295
原创 自定义Jquery(雏形)
最近博主闲来无事 所以看了一下Jquery的源码 越看越觉得博大精深 后来又参考了其他大牛写的文章 于是自己也决定开始来封装一个js库 现在暂时才只有一个雏形 后续会继续更新 其中可能还要很多不足 欢迎各位大佬指点 (function (global) { function JQuery(select) { return new JQue...
2019-06-28 13:37:47 1550
原创 idea 使用maven 开发 mybatis 步骤详解
1.创建Maven工程创建 mybatis_day1的工程,工程信息如下: <groupId>com.zsw</groupId> <artifactId>mybatis_day1</artifactId> <version>1.0-SNAPSHOT</version><packaging>...
2019-06-27 14:42:22 624
原创 vue-cli 配置本地接口
npm 安装 express 2.首先找到bulid目录下的webpack.dev.conf.js 如图 3, 然后在webpack.dev.conf.js文件中添加如下代码const express = require('express');const app = express();const appData = require('../data...
2019-06-26 18:04:32 807
原创 Vue-cli 项目main.js引入scss报错./src/main.js Module not found: Error: Can't resolve 'css' in 'D:\web\sell'
删除weebpack.bse.conf.js中的配置:scss 详细配置可以参考 :https://www.cnblogs.com/crazycode2/p/6535105.html
2019-06-25 23:40:22 6883
原创 ypeError: Cannot read property '$createElement' of undefined at render
修改路由中的配置 把components 中的 s 去掉
2019-06-25 22:15:36 2654
原创 Es6中的重点(箭头函数与普通匿名函数的区别 Promise基本操作 函数错误处理 回调地狱 async理解与基本用法 )
箭头函数和普通匿名函数有哪些不同?函数体内的this对象,就是定义时所在的对象,而不是使用时所在的对象。不可以当作构造函数,也就是说,不可以使用new命令,否则会抛出一个错误。不可以使用arguments对象,该对象在函数体内不存在。如果要用,可以用 rest 参数代替。(不常用)不可以使用yield命令,因此箭头函数不能用作 Generator 函数。generator函数现在经...
2019-06-25 00:34:45 1740
原创 js中判断数据类型的方式 以及 如何解决bind在浏览器中的兼容问题 以及 bind call apply区别
js中判断数据类型typeoftypeof只能判断:数字、字符串、布尔值、undefined、函数Object.prototype.toString.call()5 ‘[object Number]’“abc” ‘[object String]’true ‘[object Boolean]’null ‘[object Null]’undefined ‘[object U...
2019-06-25 00:20:27 1514
原创 js 一个简单的bind方法的基本实现
Function.prototype._bind = function (target) { return( ()=> { this.call(target) })}function fn() { console.log(this)}let _fn = fn._bind({age:120})
2019-06-24 11:46:44 321
原创 js 高级构造函数的执行过程 闭包的概念 以及作用域链
构造函数的概念任何函数都可以当成构造函数function CreateFunc(){ }只要把一个函数通过new的方式来进行调用,我们就把这一次函数的调用方式称之为:构造函数的调用new CreateFunc(); 此时CreateFunc就是一个构造函数CreateFunc(); 此时的CreateFunc并不是构造函数构造函数的执行过程var p1=new P...
2019-06-20 08:58:28 786
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人