- 博客(13)
- 资源 (4)
- 收藏
- 关注
原创 2021-11-09
需求:元素在页面指定区域滚动<style> *{ margin: 0; padding: 0; } .wrap-box{ width: 100%; height: 1600px;; } .inner-box{ position: relative; width: 1200px;
2021-11-09 11:05:15 685
原创 js 实现遍历数组翻转数组中的元素
例子:var arr=[1,2,3,4,5,6];var arr1=[];//取最后一个元素放到arr1里面for(var i=0;i<arr.length;i++){ //元素下标的长度=长度-1-i arr1[i]=arr[arr.length-1-i];}console.log(arr1);//arr1=[6,5,4,3,2,1]javascript里经常用length-1得到最后一个元素,为什么减1就能得到最后一个呢?数组arr里面有6个值,所以length为6
2021-05-13 18:01:32 947
原创 React JSX语法简介
JSX语法JSX语法介绍JSX语法是一种特殊的js语法,是ECMAScript的扩展,可以让我们在js代码中使用html标签来编写结构,避免繁琐的React.createElement()操作。PS:JSX是React.createElement()的语法糖,虽然看起来像HTML,但严格意义上来说它还是JS,这种特殊的JS浏览器无法识别,所以需要babel进行编辑,编辑后它最终会转化成React.Element()去创建js对象。<script type="text/babel"> R
2021-01-20 11:30:02 188 1
原创 从零搭建基于Webpack的React环境(一)
从零搭建基于Webpack的React环境(一)1.创建目录srcdocpublic2.安装依赖(React项目)3.创建webpack配置文件1.创建目录srcApp.jsApp.css/App.scssindex.jsdocreadme.mdpublicindex.html2.安装依赖(React项目)npm init -y 生成package.json文件,安装以下依赖: * react & react-dom * react-router &
2020-08-26 20:41:30 140
原创 cookie、sessionStorage和localStorage的异同
相同点:cookie、sessionStorage和localStorage都用在客户端存储数据,每一个都有自己的存储和到期限制不同点:一、存储大小cookie数据大小不能大于4K;localStorage和sessionStorage则可以达到5M;二、有效时间cookie在设置的有效期内一直有效;localStorage存储持久数据,只要不手动清除则一直存在;sessionStorage数据在当前浏览器关闭后就会被自动清除三、数据与服务器间的交互方式cookie的数据会自
2020-06-01 20:17:58 292
原创 Ajax请求的时候Get和Post方式的区别
Get方式倾向于向服务器获取数据直接在url地址后面进行参数的拼接(请求体是空的)大小限制为2KB左右(因为IE最多传递2KB)会被浏览器主动缓存相对于Post不是很安全(明文发送)数据格式必须是url编码的格式,如果不是会自动转换成url编码Post方式倾向于向服务器传递数据在请求体里面传递参数给服务器(地址后面没有)大小理论上没有限制(但是可以被服务器限制)不会被浏览器主动缓存,需要手动设置相对于Get比较安全(暗文发送)数据格式在理论上无所谓,但是要和请求头中的cont
2020-05-28 10:38:24 292
原创 把url字符串转成url对象
把url字符串转成url对象方法一:let str="http://www.baidu.com:80/app/html/index.html?a=1&b=2#title"let obj=url.parse(str)let query=obj.querylet queryArr=query.split("&") //"a=1&b=2"let json={}for(var i=0;i<queryArr.length;i++){ let arr=queryArr
2020-05-23 13:36:29 1695
原创 在centos 7下成功安装nodejs之后,执行node -v显示Segmentation fault的解决办法
最近学习遇到的问题,就是在centos 7下安装nodejs之后,执行node -v查看当前版本的时候就会显示“Segmentation fault”,在多次参考各路大神的博客和多次实验的情况下,解决了这个问题,但是实际原理也没能弄明白,但是先上解决方案:以上就是解决方案啦,希望有大神可以给指点迷津~~~...
2020-03-31 00:17:55 1496
原创 Vue学习笔记---组件的生命周期
组件的生命周期什么是组件的生命周期?当前组件在创建到销毁经历的一系列过程叫做组件的生命周期组件有哪几个阶段初始化阶段运行中阶段销毁阶段生命周期三部曲(组件的三个阶段)一、初始化阶段 :有4个钩子函数,触发条件是自动的钩子函数:就是option配置项中的一个方法,在特定的触发条件(时机)下会自动触发beforeCreat(1)组件即将创建,进行组件事件和生命...
2020-03-25 00:17:18 149
原创 Vue学习笔记---Vue中的虚拟DOM以及它 的Diff算法
一、前言Dom操作是比较浪费时间和性能的,当数据量很大的时候,更新DOM是很耗费性能的操作。Vue提供了虚拟DOM的解决办法。Vue的核心是双向绑定和虚拟DOM(Virual DOMA),虚拟DOM是用js对象记录一个DOM节点的副本,当DOM发生更改的时候,先用虚拟DOM进行Diff,算出最小差异,然后再修改真实DOM。虚拟DOM和真实的DOM有一层映射关系,很多需要操作DOM的地方都会去...
2020-03-23 19:50:32 150
原创 Cookie+Session与Token验证服务器端
HTTP是一种没有状态的协议,每次访问服务器的时候,都需要告诉服务器访问者的身份。假设用户就是客户端,客户端使用用户名和密码通过了身份验证,但是下回这个客户端再发送请求的时候,就需要再次验证。我们可以使用Cookie+Session或者token来完成服务器端的验证。Cookie+Session验证服务器端的过程用户在客户单=端提交表单登录,服务器端通话验证之后,生成一个Session对象,用...
2020-03-15 22:15:34 298
原创 浅谈js闭包
什么是闭包?在了解闭包之前,让我们来回顾一下什么是变量作用域?变量根据作用域的不同分为两种:全局变量(在函数外部)和局部变量(在函数内部)。函数内部可以使用全局变量。函数外部不可以使用局部变量。当函数执行完毕,本作用域内的局部变量会销毁。闭包的含义闭包(closure)是指有权访问另一个函数作用域中变量的函数,是JavaScript中,函数的一种高级应用。简单理解就是,一个作用...
2020-02-23 19:40:35 201
基于winform的xml菜单编辑器(c#源码)
2018-12-26
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人