咕噜桃-CSDN博客

原创使用qs.stringify时，中文被编码

使用qs.stringify时，中文会被编码。这是因为qs.stringify默认会对参数进行URL编码，包括中文字符。如果你不希望中文被编码，可以使用encode: false选项来禁用编码。通过设置encode: false选项，qs.stringify将不会对中文字符进行编码，而是保留原始的中文字符。

2024-03-05 11:46:23 437

原创 iview+vue.js之Modal里使用Form进行表单验证

iview+vue.js之Modal里使用Form进行表单验证踩坑1：点击确认按钮Modal框自动关闭，即使在@on-ok的方法里将v-model中的变量设为true也阻止不了。尝试过给Modal添加属性loading后，点击确定按钮对话框不会自动消失，但终究觉得不太妥。解决：使用slot自定义底部按钮<div slot="footer"> <Button t...

2019-09-19 13:45:30 843

原创 react安装环境搭建

1.需要安装node.js，可以到官网中去下载http://nodejs.cn/download/2.npm工具也会随node一起自动安装打开我们的命令行窗口（windows+R），输入cmd回车，输入node -v和npm -v 查看是否安装成功。3..安装淘宝镜像cnpm会大大提高安装速度，输入 npm install -g cnpm --registry=https:/...

2018-12-12 10:32:23 140

原创 Angular5项目的搭建

1.Angular5的开发需要拥有node和npm环境2.必须是node 6.9.x ，npm 3.x.x以上的版本在终端（window+R）输入node -v可以查看node的版本输入npm -v可以查看npm的版本3.全局安装Angular cli脚手架工具cnpm install -g @angular/cli4.创建angular项目在angular5pro...

2018-11-26 20:46:36 329

原创前端模块化开发以及CommonJS，AMD和CMD的区别

什么是模块化开发？一个模块就是实现特定功能的文件，有了模块，我们就可以更方便地使用别人的代码，想要什么功能，就加载什么模块。模块开发需要遵循一定的规范，否则就都乱套了。在模块化开发思想下，所有单独存在的某一个文件都是一个模块。CommonJSCommonJS是服务器端模块的规范，Node.js采用了这个规范。Node.JS首先采用了js模块化的概念。根据CommonJS规范，一...

2018-11-22 15:46:42 212

原创 ES6入门及一些常用命令

一个常见的问题：ECMAScript 和 JavaScript 到底是什么关系？ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布了。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。ECMAScript 和 JavaScript 的关系是，前者是后者的规格，后...

2018-09-28 22:16:11 286

转载坑爹的JS闭包，怎么去理解才是正确的

今天写些什么呢，一般大家比较关心，尤其学JS的，就是又爱又恨的一个概念——闭包。　　说老实话，这个概念大家百度可能会百度到一堆的答案，但真正能弄懂的又有几个了？在这里我不是打广告，到目前为止，对闭包描述最清晰正确的在《你不知道的javascript》一书中。而且这本书很适合各位对javascript这门编程语言深入了解。　　说了这么多，那么闭包的定义到底是什么了。大家一定要注...

2018-09-08 14:30:47 115

原创 JavaScript数组常用方法汇总

javascript中的数组与其他语言中的数组有些不同，为了方便之后数组的方法学习，整理了关于数组的操作方法，一起看看吧。JavaScript中创建数组有两种方式：1.字面量形式声明数组var arr = [1,2,3];2. new关键字实例化声明数据var arr2 = new Array(1,2,3);数组常用方法下面开始介绍数组的常用方法，有以下这些：J...

2018-09-06 21:10:49 146

原创 jQuery的常用选择器

jQuery选择器jQuery选择器有很多，主要分为基本选择器，层级选择器，基本过滤选择器，内容过滤选择器，可见性过滤器选择器，属性过滤器选择器，表单选择器等等。一般常用的有这些：1基本#id 用于搜索通过元素的 id 属性给定的值Element 用于搜索DOM 节点的标签名.class 查找对应的类名selector1,selector2,se...

2018-09-04 17:40:46 301

原创 jQuery初学入门

jQuery入门什么是jQuery?jQuery是js的方法库，封装了各种实用的js方法jQuery的使用1.因为jQuery是js写的，本质是js文件2.使用jQuery的时候，需要先引用对应的js文件。 xx.js 开发版本按照正常的书写习惯书写，因为代码清晰，所以代码翻译调试比较方便 xx.min.js 压缩文件省去了很多对浏览器来说没有意义的...

2018-09-04 16:40:50 131

CSS Reset 是革命党，CSS Reset 里最激进那一派提倡不管你小子有用没用，通通给我脱了那身衣服，凭什么你 body 出生就穿一圈 margin，凭什么你姓 h 的比别人吃得胖，凭什么你 ul 戴一胳膊珠子。于是 *{margin:0;} 等等运动，把人家全拍扁了。看似是众生平等了，实则是浪费了资源又占不到便宜，有求于人家的时候还得贱贱地给加回去，实在需要人家的默认样式了怎么办？人家锅...

2018-08-08 17:48:53 325

转载 css-reset 代码

最常用* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box...

2018-08-08 17:12:30 439

转载前端面试：什么是css reset

前端面试：什么是css resetHTML标签在浏览器中都有默认的样式，不同的浏览器的默认样式之间存在差别。例如ul默认带有缩进样式，在IE下，它的缩进是由margin实现的，而在Firefox下却是由padding实现的。开发时浏览器的默认样式可能会给我们带来多浏览器兼容性问题，影响开发效率。现在很流行的解决方式是一开始就将浏览器的默认样式全部覆盖掉，这就是css reset。部分css...

2018-08-08 17:07:25 175

原创弹性盒子的属性~

弹性盒子1.如果一个普通元素想成为弹性盒子元素，只需要给元素添加display:flex;2.弹性盒子基本上是添加给父元素的，为的是让其中的子元素可以按照弹性盒子的规则进行布局，如果子元素中还有孙子元素需要按照弹性盒子的规则进行布局，那么子元素也要采用弹性盒子（添加display:flex;）3.如果父元素添加了display:flex;属性，那么子元素中float,clear等属性无...

2018-08-01 15:00:28 2547

原创浮动（float）属性和定位属性

浮动1.多个块级元素想同行显示，每个块级元素都要加浮动特性而不是第一个不需要加2.块级元素浮动以后，就脱离了块级元素的显示特点，不再表现为独占一行显示特点和行级元素类似，占用的实际空间大小和内容有关系3.标准盒子模型中的内容不会被浮动盒子影响显示，会正常显示文本4.在浮动元素的后面添加非浮动元素，并给非浮动元素添加clear属性，可以实现清除浮动带来的影响#bottom{ c...

2018-08-01 09:53:13 1136

原创盒子模型

盒子模型盒子模型：在html中，任意一个元素都可以被当做一个盒子来看待。盒子就是用来装东西的，html中的盒子，是用来装页面各种形式的内容。盒子模型的基本组成：w3c：margin border padding content（width，height）在w3c下，在任一方向添加margin，border或padding都会使元素整体占用的空间变大。盒子的设置顺序：...

2018-07-31 08:15:47 165

原创 css的一些样式

文本阴影text-shadow: x轴的偏移量 y轴的偏移量模糊距离阴影颜色（x正方向向右，y正方向向下）text-shadow: 10px 10px 10px black;（ -webkit-浏览器类型前缀）文字的描边text-stroke：文本描边的宽度颜色*/背景颜色background-color: red;背景图片（优先级高于背景颜色）（url:...

2018-07-28 10:22:06 142

原创 css的使用方法

2018-07-27 08:33:10 1288

原创【css】选择器

w3c要求html和css是分离的。html和css的分离，css不再影响html的代码阅读，css的复用性高。html和css分离以后，需要通过css选择器进行选择上的关联。一些选择器：id选择器：#ID名称例：<html lang="en"><head> <meta charset="UTF-8"> <title&...

2018-07-27 08:22:16 142

原创表单

action：指定表单数据提交的地址method：表单数据提交的方法为了往服务端提交数据时，提交的数据清晰易懂，方便处理：1.普通输入框：需要添加name属性，来保证键值对的完整2.非输入框：需要添加name（用来分组）,value（用来生成键值对的）属性，来保证键值对的完整，name还有分组的作用，单选框：相同name的是一组，...

2018-07-26 08:15:39 159

原创 HTML:标签

1：块级标签h1--h6······························································································标题标签p·····················································································...

2018-07-25 12:17:48 121

tjy1214的博客