前端学习
Anjouc
这个作者很懒,什么都没留下…
展开
-
Mongoose查询条件
$or 或关系$nor 或关系取反$gt 大于$gte 大于等于$lt 小于$lte 小于等于$ne 不等于$in 在多个值范围内$nin 不在多个值范围内$all 匹配数组中多个值$regex 正则,用于模糊查询$size 匹配数组大小$maxDistance 范围查询,距离(基于LBS)$mod 取模运算$near 邻域查询,查询附近的位置(基于LBS)$exists 字段是否存在$elemMatch 匹配内数组内的元素$within 范围查询(基于LBS)$原创 2020-05-27 10:13:38 · 488 阅读 · 0 评论 -
Vue.js——十分钟入门Vuex
一. 什么是Vuex?VuexVuex是一个专门为Vue.js应用程序开发的状态管理模式, 它采用集中式存储管理所有组件的公共状态, 并以相应的规则保证状态以一种可预测的方式发生变化.Vuex核心上图中绿色虚线包裹起来的部分就是Vuex的核心, state中保存的就是公共状态, 改变state的唯一方式就是通过mutations进行更改. 可能你现在看这张图有点不明白, 等经过本文的解释和...转载 2019-11-30 14:52:26 · 114 阅读 · 0 评论 -
react工程搭建系列之---基于create-react-app使用antd-mobile
一、引入antd-mobile1.安装npm install antd-mobile --save2.使用/* src/App.js */import {Button} from 'antd-mobile';import 'antd-mobile/lib/button/style/css' 需要手动引入样式class App extends Component { rende...转载 2019-10-30 13:34:10 · 290 阅读 · 0 评论 -
npm与git常见命令
npm命令npm init //初始化当前应用包, 生成 package.json npm install //根据 package.json 下载所有依赖包 npm install packageName --save //下载某个运行时依赖包 npm install packageName --save-dev //下载某个开发编译期依赖包 npm install packageNa...原创 2019-10-29 21:13:18 · 286 阅读 · 0 评论 -
React.PropTypes介绍
安装库:npm install 'prop-types' --saveReact.PropTypes.array // 队列React.PropTypes.bool.isRequired // Boolean 且必须React.PropTypes.func // 函数React.PropTypes.number ...原创 2019-10-29 18:24:57 · 207 阅读 · 0 评论 -
安装babel插件
安装babel插件运行cnpm i babel-core babel-loader babel-plugin-transform-runtime -D运行cnpm i babel-preset-env babel-preset-stage-0 -D运行cnpm i babel-preset-react -D添加.babelrc配置文件{ "preset":["env","stage-...原创 2019-10-13 20:48:43 · 747 阅读 · 0 评论 -
javascript面向对象编程(一)
作者:阮一峰Javascript是一种基于对象(object-based)的语言,你遇到的所有东西几乎都是对象。但是,它又不是一种真正的面向对象编程(OOP)语言,因为它的语法中没有class(类)。那么,如果我们要把"属性"(property)和"方法"(method),封装成一个对象,甚至要从原型对象生成一个实例对象,我们应该怎么做呢?一、 生成实例对象的原始模式假定我们把猫看...转载 2019-09-20 10:31:13 · 84 阅读 · 0 评论 -
HTML语义化
1、什么是HTML语义化?<基本上都是围绕着几个主要的标签,像标题(H1~H6)、列表(li)、强调(strong em)等等>根据内容的结构化(内容语义化),选择合适的标签(代码语义化)便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。2、为什么要语义化?为了在没有CSS的情况下,页面也能呈现出很好地内容结构、代码结构:为了裸奔时好看;用户体验:例如ti...转载 2019-09-19 14:26:02 · 110 阅读 · 0 评论 -
css行标签与列标签
内容来自:原文https://www.cnblogs.com/792155879a/p/5680444.html详细介绍:https://www.cnblogs.com/shengliang74/p/5376540.html行标签:包含a、span、em、strong、img、var;a标签:主要用来链接一个其他的网页;span标签:主要用来对行内的文字进行一些样式以及其他的操...转载 2019-09-18 21:27:48 · 2642 阅读 · 0 评论 -
rel、href、src、url的区别
rel、href、src、url的区别原创 2019-07-25 10:37:07 · 1263 阅读 · 0 评论 -
Java Web_JS
JS与HTML结合(1)使用script标签<script type="text/javascript"> alert("helloworld");</script>(2)引用JS文件<script type="text/javascript" src=“hello.js”> </script>hello.js alert(...原创 2019-05-21 22:37:46 · 115 阅读 · 0 评论 -
Java Web_CSS
CSS与HTML结合方式:(1)在每个HTML标签中都有个style(2)在头文件中写一个style标签<style type="text/css">(选择器名称)div{ background-color:blue; color:red;}</style>(3)在style标签中,使用:@import url(css路径)(缺点:在某些浏览器中不起作用...原创 2019-05-21 18:56:07 · 104 阅读 · 0 评论 -
HTML+CSS(CSS样式设计小技巧)
水平居中设置-行内元素我们在实际工作中常会遇到需要设置水平居中的场景,比如为了美观,文章的标题一般都是水平居中显示的。这里我们又得分两种情况:行内元素 还是 块状元素 ,块状元素里面又分为定宽块状元素,以及不定宽块状元素。今天我们先来了解一下行内元素怎么进行水平居中?如果被设置元素为文本、图片等行内元素时,水平居中是通过给父元素设置 text-align:center 来实现的。(父元...转载 2019-01-29 21:28:21 · 890 阅读 · 0 评论 -
HTML+CSS(css布局)
css布局模式清楚了CSS 盒模型的基本概念、 盒模型类型, 我们就可以深入探讨网页布局的基本模型了。布局模型与盒模型一样都是 CSS 最基本、 最核心的概念。 但布局模型是建立在盒模型基础之上,又不同于我们常说的 CSS 布局样式或 CSS 布局模板。如果说布局模型是本,那么 CSS 布局模板就是末了,是外在的表现形式。CSS包含3种基本的布局模型,用英文概括为:Flow、Layer 和...转载 2019-01-29 21:30:16 · 323 阅读 · 0 评论 -
HTML+CSS(盒子模型)
盒模型--宽度和高度盒模型宽度和高度和我们平常所说的物体的宽度和高度理解是不一样的,css内定义的宽(width)和高(height),指的是填充以里的内容范围。因此一个元素实际宽度(盒子的宽度)=左边界+左边框+左填充+内容宽度+右填充+右边框+右边界。元素的高度也是同理。比如:css代码:div{ width:200px; padding:20px...转载 2019-01-29 21:30:29 · 711 阅读 · 0 评论 -
Javascript入门
引用JS外部文件JS文件不能直接运行,需嵌入到HTML文件中执行,我们需在HTML中添加如下代码,就可将JS文件嵌入HTML文件中。<script src="script.js"></script>JS在页面中的位置我们可以将JavaScript代码放在html文件中任何位置,但是我们一般放在网页的head或者body部分。放在<head>...转载 2019-01-29 21:28:43 · 117 阅读 · 0 评论 -
初识HTML+CSS
元素分类在讲解CSS布局之前,我们需要提前知道一些知识,在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素、内联元素(又叫行内元素)和内联块状元素。常用的块状元素有:<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、&转载 2019-01-29 21:26:35 · 117 阅读 · 0 评论 -
HTML标签
网页(WebPage)文件主要是用超文本标记语言(HyperText Markup Language,简称HTML)语句来写成。您可以通过IE浏览器的“查看”菜单中的“源文件”看到该页的HTML代码。HTML语言由一系列元素(element)组成,用于组织文件的内容和指导文件的输出格式。元素名称不分大小写。一个元素可以有多个属性,属性及其属性值不分大小写。属性名=属性值合起来构成一个完整的属性,一...转载 2019-01-29 21:28:04 · 196 阅读 · 0 评论 -
Javascript语法
给变量取个名字(变量命名)我们为了区分盒子,可以用BOX1,BOX2等名称代表不同盒子,BOX1就是盒子的名字(也就是变量的名字)。我们赶快给变量取个好名字吧!变量名字可以任意取,只不过取名字要遵循一些规则:1.必须以字母、下划线或美元符号开头,后面可以跟字母、下划线、美元符号和数字。如下:正确: mysum _m...转载 2019-02-04 00:06:23 · 164 阅读 · 0 评论