无处安放的前端-CSDN博客

原创 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（函数式导入）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&gt...

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 2421

原创 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 213

原创 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&gt...

2019-06-27 14:42:22 623

原创 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

plsqldevelop

空空如也