如鹰展翅上腾-CSDN博客

原创 vue中动态组件和动态路由的区别

动态组件无法向其他组件内传递参数，而路由组件可以动态组件适用于组件内的切换，比如登录和注册就可以动态组件，路由组件则不适用啦

2020-06-18 19:16:51 2469

原创 json-server

json-server教程json-server是什么json-server是一款模拟数据的工具，它可以使前端开发者利用json文件中的假数据完成增删改查的一些功能充当数据库的json文件要遵循json-server的规则，否则无法使用json-server仅仅是模拟并不能替代真正的数据库操作json-server如何用安装 json-server npm i -D...

2019-12-27 09:20:54 275

原创 axios中pacth和put的方法区别

axios.pacth和axios.put之间的区别要修改的对象如下 "username":"wdq", "userage":"28", "usesex":"男", "usertel":"12345678", "usereamil":"123@qq.com", "userId":"11111"经过axios.patch(http://...

2019-12-26 19:43:20 728

原创 mongodb数据库多表查询

mongodb数据库多表查询方式大致分为两种ref…与population的形式。这一种仅仅适用于一对多的关系表中，并且ref自动关联另一个表的_id字段aggregate…$lookup的形式适用于任何形式，包括一对多，多对一如何实现一对多的呢？在““多的表”中关联“少的表”的唯一值如何实现多对多呢？互相关联对方的唯一值另外在设置表时，字段唯一(unique)不起效果，把表删掉重新删...

2019-12-23 08:40:08 464

原创 props使用

根据swiper插件封装swiper组件组件多次调用复用时，出现轮播点不滑动的问题是因为同一个swiper元素被操作多次，所以要保证选中元素的唯一性轮播图不滑动的问题是因为数据更新之前，swiper结构已经绘制完毕封装 swiper组件2props使用如果需要构建类似插槽效果的应用可以用prop数据绑定jsx语法去传递。 top={header}props数据校验安装pr...

2019-12-19 20:05:18 149

原创搭建原生react-webpack整合项目

搭建原生react-webpack整合项目初始化项目依赖文件 package.json npm init -y安装webpack相关的依赖 webpack/webpack-cli/webpack-dev-server npm i -D webpack webpack-cli webpack-dev-server安装react相关的依赖 react/react-dom...

2019-12-19 17:30:16 186

原创 webpack

webpack的基本操作打包就是把多有东西打到一个文件中，这个文件就是所谓的包1.webpack的基本配置常用的基本选项配置entry:入口打包到额入口文件output:出口配置打包到哪里path:打包文件输出所在的目录filename:打包文件的名字loader:转换器，主要是对文件进行转换的plugin:插件，主要作用在打包的过程中，不直接操作文件resol...

2019-12-18 19:06:05 90

原创 nodejs项目上线流程(超全面，整理不易，还请支持)

node项目上线流程须知1. 租用服务器你可以在云平台购买云服务器(比如百度云，华为云，腾讯云等平台购买。我这里以腾讯云作为讲解)百度一下，搜索腾讯云(可以使用QQ或者微信登录)找到学生机并购买(位于腾讯云首页最底部，你也可以买企业版的哦)然后购买之后点击首页右上角的"控制台"图标进入到控制台页面后，你会找到以下图片的两处信息：点击云服务器可以查看你购买的服务器，点击信息，可以获取...

2019-11-23 11:16:18 1247

原创 nodejs原生服务搭建

nodejs原生服务搭建node安装因为node安装这一步比较简单，百度一下nodejs,然后到官网上下载一个即可下载下来之后，一路默认安装打开电脑命令行窗口输入node -v初始化package.json文件在命令行中执行npm init -y 会自动在当前项目项目下生成package.json文件新建项目myProject,然后进入到该文件夹，在地址栏中输...

2019-11-19 13:50:39 408

原创俄罗斯方块游戏

俄罗斯方块游戏一，游戏结构<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> html,body{ height: 100%; overflow: hidden; }...

2019-10-12 15:29:53 135

原创象棋排版

象棋排版象棋结构<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>象棋</title> <style> *{ margin: 0; padding: 0; } html,body{ o...

2019-10-11 19:17:06 430

原创五子棋案例

五子棋案例一，五子棋结构和样式：需要准备黑白棋子图片<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>象棋</title> <style> *{ margin: 0; padding: 0; } ...

2019-10-11 19:08:02 257

原创 less基础教程

less基础教程说明less是css的升级版。主要从编程角度来书写css。其中包括众所周知的变量，运算，命名空间等案例变量@width:300px;@bgcolor:red;div{ height: @width; background:@bgcolor ;}div { height: 300px; background: #ff0000;...

2019-09-24 18:02:36 103

原创原生JS实现日历封装

原生JS实现日历封装1.结构部分:注意日历结构至少是7行7列，我这里用的是7行7列<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <table> ...

2019-09-23 20:39:20 739

原创 js变量

js变量变量的定义存储数据的空间(在内存中声明一块内存)变量的组成变量声明 var变量名字变量不是中文或者首字母不是数字字母数字下划线$组成，首位不能是数字望名知意(看到变量名字就能大致明白存储的数据是什么)不能是中文，可以但不建议。变量值空间中存储的数据数据类型numberstring 单引号和双引号都默认为字...

2019-09-02 18:03:29 77

原创文字渐变色

文字渐变色<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> *{ margin: 0; padding: 0; } h1{ border: 1px sol...

2019-08-24 12:02:50 111

原创 iconfont矢量图标库入门教程

iconfont矢量图标库入门教程搜索网址 https://www.iconfont.cn. 在iconfont网站绑定自己的github或者微博账号. 寻找自己需要的图标并添加到购物车(尽量选择纯色). 添加完毕之后，打开自己的购物车. 把购物车中的图标添加到项目中(如果没有可以新建项目，新建之后确定就可以啦). 修改图标的信息，包括大小和类名. 修改完毕之后下...

2019-08-21 17:37:36 164

原创如何利用非透明图标制作雪碧图？

如何利用非透明图标制作雪碧图？找到自己需要的非透明图标新建一个透明图层(用来放非透明图标的)把自己需要的非透明图标复制并粘贴到新建的透明图层中利用魔棒工具在透明图层中的非透明图标中的非透明色彩把所有的非透明色彩选中后，按delete键就可以得到透明图标层利用切片工具把这个透明图标层截取下来(越小越好)存储为web所用格式并保存为...

2019-08-14 10:31:21 287

原创盒子垂直水平对齐

盒子垂直水平对齐第一种：已知盒子具体宽高,利用浏览器容错机制居中，和第三种类似代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> div{ width: 200px;...

2019-08-13 10:43:44 267

原创定位样式详解

定位样式详解概念position:定位样式，主要包含 relative,absolute,fixed,sticky等四个值relative:相对定位参照自己没有脱离文档流absolute:绝对定位参照最近的被定位的父元素脱离文档流fixed:固定定位参照浏览器窗口定位脱离文档流sticky:粘性定位参照浏览器窗...

2019-08-13 10:09:12 196

原创内联块状标签在块状元素中垂直居中

内联块状标签在块状元素中垂直居中结构部分 <div> <img src="a.jpg" /> <span></span> </div>css部分<style> div{ width: 400px; height: 400px;...

2019-08-12 12:08:18 277

原创 css制作折叠菜单

css制作折叠菜单1.css制作折叠菜单的原理 1.css制作折叠菜单利用的是：target伪类。不懂的可以复制下面的代码运行体会一下网页部分<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style&gt...

2019-04-04 14:36:20 2876

原创原生js水平轮播图

原生js水平轮播图如何进行水平移动不断改变轮播图父容器的marginLeft的值即可同时使用transition对marginLeft进行过渡，从而产生水平滑动效果如何进行循环播放图片是按着6,1,2,3,4,5,6,1这个顺序排列的，也就是说，重复的图片有1,6一开始先播放第一个1这个图片，当图片滑动到第一个6这张图片是，利用transitionend这个事件瞬间定位到...

2019-04-04 10:09:17 578

原创原生JS响应式瀑布流

原生JS响应式瀑布流如何产生响应式列动态获取窗口的尺寸获取到列的固定宽度响应式列数=动态获取窗口的尺寸/获取到列的固定宽度如何获取响应式列的最小高度？把产生的列容器放在一个数组里面这个数组使用sort()方法进行升序排列产生的新数组的第一位就是高度最小的列网页结构和样式<!DOCTYPE html><html> <head&gt...

2019-04-04 09:51:18 362

原创无缝轮播图

无缝轮播图的最后一张图片必须和第一张图片一样<div class="wrap"> <ul> <li><img src="img/6.jpg" title="6" /></li> <li><img src="img/

2018-12-28 11:30:56 147 1

原创正则表达式教程

正则表达式定义正则表达式是用来检索字符串是否有匹配规则的一个js对象正则表达式应用正则表达式主要用在登录和注册表单里面，针对用户输入的数据进行验证正则表达式创建//第一种方式var exeg=new RegExp(“检索内容”,“修饰符”)//第二种方式var exeg=/检索内容/修饰符;正则表达式的使用//第一种方式var str=“hello w...

2018-12-28 08:58:59 157

1.第一步下载sea.js2.在网页中引入sea.js3.引入jquery需要配置，因为jquery是amd规范seajs只能加载cmd规范中的模块通过请求而得的是一个模块，是一个对象。而不是你直接暴露的方法或者属性====================================备注：一个js文件就是一个模块，一个模块就相当于Java中的类除了exports还可以直接返回对象1.seaj...

2018-03-11 17:37:01 907

原创相对路径和绝对路径

绝对路径：是相对于计算机而言的路径，带有盘符如 C:\Users\Administrator\Documents\HBuilderProjects\test\site\site2\page2.html相对路径是相对于当前文件或者文件夹而言的比如：<img src="./santuwenzib.png" />二、相对路径特殊符号备注以下为建立路径所使用的几个特殊符号，及其所代表的意...

2018-03-09 16:33:48 967

原创 css基础知识梳理

一， css的概念和全称 CSS 指层叠样式表 (Cascading Style Sheets)二， css的作用和意义美化网页；实现内容和样式分离，提高开发效率三， css样式表的种类以及优先级 1.外部样式表(External style sheet) 2.内部样式表(Internalstyle...

2018-03-05 10:52:29 178

原创 html基础梳理

一， html是什么超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。HTML 运行在浏览器上，由浏览器来解析。二， html包含几部分？ 1. 声明 HTML5 <!DOC...

2018-03-05 10:09:14 112

wdq121516的博客