糖果的小九-CSDN博客

原创 css记录

CSS记录css 三角形css 三角形原因：原生select的样式有点不太理想，需要美化 <div class="middle">  <div class="innerBorder item-choose"> <label class="lable">活动类型:</label> <div class="i

2022-02-10 11:18:20 393

mui使用1. 引用相关资源:2. html部分3. js部分 - 实现获取下拉列表的数据4. 问题记录5. 效果使用官网地址：mui-picker1. 引用相关资源: <link rel="stylesheet" href="../airportCart/css/mui.min.css" /> <link rel="stylesheet" href="../../css/mui.picker.min.css" /> <script src="../../js/

2021-11-26 11:18:11 912

原创 textarea输入框监听和输入字数限制以及样式设置

html <p class="describe">分类描述</p> <div class="desc"> <textarea class="wishContent" placeholder="请输入分类描述，最多255字。" maxlength="255" ></textarea> <div class="wordsNum"> <span class=".

2021-08-23 10:53:54 950

原创题~~~~

刷题js['1', '2', '3'].map(parseInt)饿了么轮播图一维转二维js[‘1’, ‘2’, ‘3’].map(parseInt)第一眼看到这个题目的时候，脑海跳出的答案是 [1, 2, 3]，但是真正的答案是[1, NaN, NaN]。首先让我们回顾一下，map 函数的第一个参数 callback。这个 callback 一共可以接收三个参数，其中第一个参数代表当前被处理的元素，而第二个参数代表该元素的索引。arr.map(callback: (value: T, inde

2021-08-02 10:43:53 118

原创 vue项目强制清除页面缓存

vue项目强制清除页面缓存异常描述：解决方案：我的最终解决方案是：前端静态文件异常描述：支付宝中内嵌h5项目（vue框架开发），前端重新打包上传之后访问页面会导致页面空白、页面tab点击异常之类异常情况，需要手动清除支付宝缓存才可以正常访问。解决方案：在HTTP协议中，只有后端返回 expires 或 Cache-Control:max-age=XXX，前端才缓存。但在浏览器中，默认会对 html css js 等静态文件、以及重定向进行缓存，如果在HEAD头中指定：<HEAD&

2021-04-19 16:50:56 3153 1

原创从 url 输入到返回请求的过程

生成二维码及图片海报

2021-03-22 15:54:19 168

原创体验vite

1. create-vite-app2. npm install 3. npm run dev

2021-03-02 15:38:18 104

原创框架总结

总结vue指令三级目录vue指令v-textvhtmv-bindv-onv-modelv-forv-ifv-showv-oncev-elsev-else if三级目录

2020-07-29 10:48:37 184

原创 Vue汇总~不断更新ing

Vue汇总Vue-cli二级目录三级目录Vue-cli全局安装脚手架（vue-cli）npm install -g vue-cli查看版本（vue -V）初始化项目（vue init webpack 项目名）vue init webpack project项目搭建好了，使用webstorm跑一下（如图所示）二级目录三级目录...

2020-06-09 10:45:44 192

原创 js基础了解

基础同源策略如何实现跨域访问数据jsonpcors跨域promise二级目录三级目录同源策略同源：同一个来源在ajax请求服务器文件时。保证协议域名端口号完全一致情况下，才可以访问服务器数据同源策略是浏览器的一个行为标准，保证用户使用该浏览器时数据的安全性ajax受同源策略的影响，不能实现跨域访问数据跨域：在一个域访问另一个域的数据如何实现跨域访问数据jsonpjsonp： json with padding 是ajax的一种数据访问格式通过这种数据访问格式，跨

2020-06-04 14:49:00 442

原创 react

综合reactvue和react的区别自己对react的理解虚拟dom实现的原理以及怎么实现react 从16.0的区别为什么从16.0改变生命周期react-router的原理reactvue和react的区别(1)React严格上只针对MVC的view层,Vue则是MVVM模式(2)virtual DOM不一样,vue会跟踪每一个组件的依赖关系,不需要重新渲染整个组件树.而对于React而言,每当应用的状态被改变时,全部组件都会重新渲染,所以react中会需要should

2020-06-04 10:32:23 149

原创调用 super(props) 的目的是什么

在 super() 被调用之前，子类是不能使用 this 的，在 ES2015 中，子类必须在 constructor 中调用 super()。传递 props 给 super() 的原因则是便于(在子类中)能在 constructor 访问 this.props。

2020-05-25 23:28:03 824 1

原创前后端分离

指的是不再需要维护以前的html页面。那些后端渲染html都被移到前端的js代码中降低了拼页面的压力，将压力分散给用户浏览器以前数据是直接排到页面上的现在前端通过接口获取数据自己渲染以前页面拍出的html很多，而且需要经常改变html文件现在页面拍出来的html非常精简而且基本上没有修改html的场景以前前端不仅需要会html css js 还要懂一些后端的模板语法和工程目录，现在前端只要会html js css 再会调用接口就可以以前页面出现问题，有可能是后端模板上的问题.

2020-05-15 14:34:13 72

原创手机验证码

后端生成随机码将随机码存在数据库中后端调用电信的接口，给用户发短信，将验证码发给用户用户点击验证是另外接口用户输入的验证码和数据库验证码做对比，一样说明登录成功不一样说明用户输入验证码错误限时存验证码的时候还存入生成时间，...

2020-05-15 14:31:55 208

原创 createElement 和 cloneElement 有什么区别？

createElement 和 cloneElement 有什么区别？传入的第一个参数不同 React.createElement():JSX 语法就是用 React.createElement()来构建 React 元素的。它接受三个参数，第一个参数可以是一个标签名。如 div、span，或者 React 组件。第二个参数为传入的属性。第三个以及之后的参数，皆作为组件的子组件。React.createElement(type, [props], [...children]); Reac

2020-05-13 17:28:46 1345

原创状态(state)和属性(props)之间有何区别

状态(state)和属性(props)之间有何区别 State 是一种数据结构，用于组件挂载时所需数据的默认值。 State 可能会随着时间的推移而发生突变，但多数时候是作为用户事件行为的结果。 Props(properties 的简写)则是组件的配置。props 由父组件传递给子组件，并且就子组件而言，props 是不可变的(immutable)。组件不能改变自身的 props，但是可以把其子组件的 props 放在一起(统一管理)。Props 也不仅仅是数据–回调函数也可以通过 pro

2020-05-13 17:14:59 1253

原创 React 中 refs

React 中 refs 的作用是什么？Refs 是 React 提供给我们的安全访问 DOM 元素或者某个组件实例的句柄。我们可以为元素添加 ref 属性然后在回调函数中接受该元素在 DOM 树中的句柄，该值会作为回调函数的第一个参数返回：class CustomForm extends Component { handleSubmit = () =› { console.log('Input Value: ', this.input.value); }; render(.

2020-05-13 17:01:21 149

原创 css/div/兼容性及常见bug

清除浮动的几种方法首先，为什么会有清除浮动这一说法？当有一个父元素里面包含一个子元素或者多个子元素时，给子元素设置浮动，那么会父元素的高度就为0啦，也就是我么常说的高度塌陷。如何解决？给父元素添加height原理：如果父元素没有定义高度，那么父元素的高度完全由子元素撑开，给他定义了高度，就解决了父元素无法自动获取到高度的问题。在标签结尾处加空标签，给空标签添加clear:both原理：添加了空标签，利用CSS提高的clear:both清除浮动，让父级元素能自动获取到高度。**优点：*

2020-05-13 15:26:30 814

原创 localstorage，sessionstorage，cookie

localstorage，sessionstorage，cookie相同点都是保存在浏览器端的且同源的不同点cookie数据始终在同源的http请求中携带，即cookie在浏览器和服务器间来回传递oppp,.`而sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存cookie数据还有path的概念，可以限制cookie只属于某个路径下。存储大小限制也不同，cookie数据不能超过4k，同时每次http请求都会携带cookie，所以cookie只适合保存

2020-05-13 15:15:45 126

原创 TCP和UDP的最完整的区别

TCP与UDP基本区别1.基于连接与无连接2.TCP要求系统资源较多，UDP较少；3.UDP程序结构较简单4.流模式（TCP）与数据报模式(UDP);5.TCP保证数据正确性，UDP可能丢包6.TCP保证数据顺序，UDP不保证

2020-05-13 14:55:33 176

原创 http与https

1.工作原理：客户机与服务器建立连接后，发送一个请求给服务器，请求格式为：统一资源标识符、协议版本号。服务器收到请求的信息（包括请求行，请求头，请求体）。服务器接收到请求后，给予相应的响应信息，格式为一个状态行（包括响应行，响应头，响应体）2. 基于HTTP协议的客户/服务器模式的信息交换过程，分为四个过程：建立连接、发送请求信息、发送响应信息、关闭连接。3. 服务器可能同时接受多个请求，这时就会产生多个sessoin，每个session分别处理各自的请求。...

2020-05-13 14:40:49 206

原创 Vue中mixin和mixins的区别

mixin用于全局注册一个混入，如果有公共的组件使用频率很高的话，可以使用mixin很方便的引入公共的部分mixins选项接受一个混入对象的数组，mixins在引入组件之后，则是将组件内部的内容如data属性，methods方法与父组件的内容相对应进行合并，可以对父组件的属性进行扩充，mixins混入的钩子函数会优先于组件内的钩子函数执行，并且在遇到同名选项的时候也会有选择性的进行合并。...

2020-05-13 14:11:35 2760 1

原创 token的原理及使用---登陆的验证流程

一、当用户请求登录的时候，如果没有问题，我们在服务端生成一条记录，这个记录里可以说明一下登录的用户是谁，然后把这条记录的 ID 号发送给客户端，客户端收到以后把这个 ID 号存储在 Cookie 里，下次这个用户再向服务端发送请求的时候，可以带着这个 Cookie ，这样服务端会验证一个这个 Cookie 里的信息，看看能不能在服务端这里找到对应的记录，如果可以，说明用户已经通过了身份验证，就把用户请求的数据返回给客户端二、基于token的身份验证方法 1、用户向服务器发送用户名和密码。

2020-05-13 11:23:52 2420 1

原创图片上传到服务器流程

图片上传到服务器流程（FileReader.readAsDataURL）<input type="file" onchange="changeFile()"/><img src="base64的图片"/>onchange后，内部你就可以调用FileReader.readAsDataURL获取你所上传的图片的base64的内容，放入到img标签里面，实现图片的预览效果...

2020-05-13 11:20:03 627

原创模块化的差异

1.AMD是requireJS在推广过程中对模块的规范化产出，是一个概念。amd推崇依赖前置 ---> 依赖必须一开始就要写好（生活的案例，打开3个标签页，每个标签页提前放好1，2，3集）define(['./a','./b'],function(a,b){ a.doSomething() //写了100行代码 b.doSomething()})2.CMD是 seaJS在推广过程中对模块定义的规范化的产出cmd推崇依赖就近--->内部用到某个依赖模块

2020-05-13 10:18:43 156

原创 SPA和MPA的区别

单页面与多页面的区别（1）单页应用（SinglePage Application ， SPA）指只有一个主页面的应用，一开始只需要加载一次js，css等相关资源。所有的内容都包含在主页面，对每一个功能模块组件化。单页面应用跳转，就是切换相关组件，只刷新局部资源。（仅在 Web 页面初始化时加载相应的 HTML、JavaScript 和 CSS。一旦页面加载完成，SPA 不会因为用户的操作而进行页面的重新加载或跳转；取而代之的是利用路由机制实现 HTML 内容的变换，UI 与用户的交互，避免页面的重新加

2020-05-13 10:12:32 4088

空空如也

空空如也