js笔记
关注
分享
扫一扫
fanrax
ruaruaruaru
展开
-
前端知识总结2
网络UDPUDP是一个面相报文(报文可理解为一段段的数据)的协议。意思就是UDP只是报文的搬运工，不会对报文进行任何拆分和拼接操作具体来说在发送端，应用层将数据传递给传输层UPD协议，UDP只会给数据增加一个UDP头标识下是UDP协议，然后就传递给网络层在接收端，网络层将数据传递给传输层，UDP只去除IP报文头就传递给应用层，不会任何拼接操作不可靠性UDP是无连接的，也就是说通信不需要建立和断开连接UDP也是不可靠的。协议收到什么数据就传递什么数据，并且也不会备份数据，对方能原创 2020-05-29 14:54:28 · 289 阅读 · 0 评论 -
前端知识总结1
对浏览器内核的理解？由2部分组成，分别是渲染引擎和js引擎渲染引擎：负责取得网页内容整理讯息，以及计算网页显示方式js引擎：解析和执行js来实现网页动态效果h5新特性新增了canvas video radio本地离线存储 localstoragesessionStorage浏览器关闭后自动删除新增一些语义化的标签article、footer、header、nav、section表单控件calendar date time email url search新的技术webworker原创 2020-05-29 14:53:42 · 357 阅读 · 0 评论 -
前端问题 及理解
对浏览器内核的理解？由2部分组成，分别是渲染引擎和js引擎渲染引擎：负责取得网页内容整理讯息，以及计算网页显示方式js引擎：解析和执行js来实现网页动态效果h5新特性新增了canvas video radio本地离线存储 localstoragesessionStorage浏览器关闭后自动删除新增一些语义化的标签article、footer、header、nav、section表单控件calendar date time email url search新的技术webworker原创 2020-05-20 09:41:13 · 248 阅读 · 0 评论 -
ant design 后台一般的搭建
//安装yarnnpm install -g yarn//安装antdyarn antd(npm install antd --save) --save 下载依赖并且在packagejson里面写入//安装create-react-appyarn create react-app demo//安装react-router-domcnpm install react...原创 2019-03-07 21:32:56 · 665 阅读 · 0 评论 -
demorua中转站（一直更新）
代理配置https://mp.youkuaiyun.com/postedit/83056491其余的两种代理方法（可能一样）//react 中通过proxy解决跨域问题https://blog.youkuaiyun.com/qq_33036599/article/details/75666058//git ssh 秘钥生成(含有邮箱) git前期基本操作 在新设备上配置必看https://www...原创 2018-10-15 11:30:27 · 470 阅读 · 0 评论 -
代理配置
代理配置react设置反向代理在React项目中package.json中配置在React项目中进行本地数据联调是有跨域问题的，我们需要自己配置反向代理。配置好之后我们就可以愉快的使用axios了，配置好切记一定要重新启动"proxy": { //配置项 "/api": {//我们可以在这里设置个口令 "target": "https:...原创 2018-10-15 11:29:32 · 387 阅读 · 0 评论 -
vue cli安装
vue-cli（vue脚手架）超详细教程2018年05月28日 21:04:04 阅读数：25801 都说Vue2简单上手容易，的确，看了官方文档确实觉得上手很快，除了 ES6语法和webpack的配置让你感到陌生，重要的是思路的变换，以前用jq随便拿全局变量和修改dom的锤子不能用了，vue只用关心数据本身，不用再频繁繁琐的操作dom，注册事件、监听事...转载 2018-08-28 16:56:00 · 407 阅读 · 0 评论 -
vue.js
1.什么是vue.jsVue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和 Vue 生态系统支持的库开发的复杂单页应用。Vue.js 的目标是通过尽可能简单的 AP...原创 2018-08-22 13:38:11 · 421 阅读 · 0 评论 -
bootstrap
1.bootstrap 主要用于那个什么设备？怎么安装？分别适用于四种设备。在手机上，它将是左边 50% 右边 50% 的布局。在平板电脑上，它将是 25%/75% 的布局。在中型设备上，它将是50%/50%的布局。在大型视口的设备上，它将是75%/25% 的布局。移动设备优先，为了确保适当的绘制和触屏缩放，需要在 <head> 之中添加 viewport 元数据标签。安装方法...原创 2018-08-13 08:23:20 · 153 阅读 · 0 评论 -
电路图精简版（web内置画图软件）
各种相关依赖（rua是我独特的命名方式）注意事项：这个属性改成false就能操作了主要的html效果：右边的图元添加：代码：左边的效果：初始化的代码（太多了 只截图一部分 具体的下载查看 新上传的下载地址在最底下5.10号左右能放上去）说明：左边图元的位置和连线都是储存在json里面的 因为没有服务器...原创 2019-05-08 15:19:15 · 8383 阅读 · 31 评论 -
uni-app 种rich-text的所碰到的坑
先说明下：这个主要针对支付宝小程序端的一些坑首先是按官网的来下载链接是这个 https://github.com/dcloudio/hello-uniapp/blob/master/common/html-parser.js好 基本用法讲完了下面来说坑！！！！！！！！！官网的这个要重点关注下我项目里面遇到的是部分标签用的是u 在uni-app信任的h...原创 2019-07-16 09:40:07 · 14452 阅读 · 3 评论 -
vuex用法 比较简单的那种
主要是vue-cli3.0的如图所示 我主要是在这2块写重要代码 helloworld.vue和store.js在创建的时候一直选择下vuex就行 在生成目录结构的同时回自己下载vuex和新建store.js 比较方便这个页面主要用来存数据的 就是在这存了 只要你不刷新页面他的值改变了之后页面的其他位置所绑定的这个值都会发生改变其次没写上去...原创 2019-07-12 14:24:57 · 82 阅读 · 0 评论 -
支付宝小程序打开pdf文件
首先我是在uniapp的环境下开发的然后看下uniapp的文档说的好好的支持opendocument 然后我复制代码在自己的程序上面尝试 发现这东西妈的 暂不支持干嘛写上去 搞得我以为那里写错了测试了好久解决方案：web-view 具体写法uni上面有 这个打开的是h5页面 不是基于支付宝的h5的开这个基本没问题我是这么写的...原创 2019-07-25 17:29:14 · 3528 阅读 · 1 评论 -
前端和node
前端：包含着一些html，css，javascript的编写 大致概括就是这样 ，现在层出不穷的前端框架中占大头的三个框架分别是vue,react,angular这三个以及这三个框架所出现的衍生物vue:elementui react:ant-design angluar :Angular Material ,这三个中 我用的最多的要算vue了，他的脚手架工具vue-cli 现在最新版的...原创 2019-08-09 14:00:11 · 217 阅读 · 0 评论 -
http和https的区别
http是以明文的方式传递信息的，不提供任何方式的数据加密即超文本传输协议https等于http协议加上ssl协议，ssl协议靠ssl证书来验证服务器身份并为服务器和浏览器之间的通信加密（安全套接字层超文本传输协议）相同之处：运作完成后的结果基本相似（协议头不同）不同之处：1.工作层：在7层模型中http处于应用层，https处于传输层2.http的标准端口是80，https的...原创 2019-09-12 09:41:58 · 143 阅读 · 0 评论 -
微信公众号内嵌h5网页 实现微信授权
废话不多说 上代码if(window.location.search){letstr=window.location.search.split("&")[0].split("=")[1]this.wxcode=str}else{window.location.href="https:...原创 2019-09-30 16:15:59 · 8037 阅读 · 4 评论 -
es6系统化学习笔记
声明 var,let,const的区别 var 可重复声明，声明的变量能修改，函数级作用域 let 不可重复声明，声明的变量能修改，块级作用域 const 不可重复声明，声明的是常量，块级作用域函数级作用域和块级作用域的区别实例：...原创 2019-10-08 14:06:05 · 142 阅读 · 0 评论 -
jq面试考点
1.jq的预加载？与window.onload 区别？1.执行时间window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。$(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。2.编写个数不同window.onload不能同时编写多个，如果有多个window.onload方法，只会执行一个$(document).ready()...原创 2018-08-01 11:37:07 · 425 阅读 · 0 评论 -
面试知识点rua
1.各大浏览器的内核；浏览器的内核是分为两个部分的，一是渲染引擎，另一个是JS引擎。现在JS引擎比较独立，内核更加倾向于说渲染引擎。（1）Trident内核：代表作品是IE，因IE捆绑在Windows中，所以占有极高的份额，又称为IE内核或MSHTML，此内核只能用于Windows平台，且不是开源的。 代表作品还有腾讯、Maxthon（遨游）、360浏览器等。但由于市场份额比较大，...原创 2018-07-24 19:33:44 · 275 阅读 · 0 评论 -
js的所有内置对象
js内置对象有11个 分别是：Date, Array,Gobal,Object,String,Number,Boolean,RegExp,Function,Error,Math原创 2018-07-24 07:53:03 · 358 阅读 · 0 评论 -
事件对象
事件监听和删除事件处理程序分别是addEventListener和removeEventListener都能有三个参数分别是事件源，事件处理程序的函数和一个布尔值(事件和事件监听的区别建别的word文档)阻止默认事件：preventDefault()只有当cancelable属性设置为true的时候，才能使用preventDefault()StopPropagation()方...原创 2019-09-05 14:58:52 · 128 阅读 · 0 评论 -
事件和事件监听的区别
事件中this所指带的对象是事件前面的事件源例如oBtn.onclick=function(){alert(123)}上文中this指代的是oBtn时间监听中所指代的this则是window对象例如:oBtn.addEventLitener(‘click’,function(){ alert(this===window)//true},false)...原创 2019-09-05 14:59:05 · 457 阅读 · 0 评论 -
json
Jsoneval()函数可计算某个字符串，并执行其中的的 JavaScript 代码。语法eval(string)返回值通过计算 string 得到的值（如果有的话）。说明该方法只接受原始字符串作为参数，如果 string 参数不是原始字符串，那么该方法将不作任何改变地返回。因此请不要为 eval() 函数传递 String 对象来作为参数。如果试图覆盖 eval 属...原创 2019-09-05 14:59:46 · 109 阅读 · 0 评论 -
DOM
DOMchildNode包含空节点children不包含空节点firstChild第一个元素节点包含空节点firstElementChild第一个元素节点parentNode父节点nextSibling下一个兄弟节点，包含空节点nextElementSibling下一个元素兄弟节点prevSibling下一个兄弟节点，包含空节点previousEle...原创 2019-09-05 14:59:21 · 98 阅读 · 0 评论 -
正则表达式
^ 匹配一个输入或一行的开头，/^a/匹配"an A"，而不匹配"An a"$ 匹配一个输入或一行的结尾，/a$/匹配"Ana"，而不匹配"an A"* 匹配前面元字符0次或多次，/ba*/将匹配b,ba,baa,baaa+ 匹配前面元字符1次或多次，/ba*/将匹配ba,baa,baaa? 匹配前面元字符0次或1次，/ba*/将匹配b,ba(x) 匹配x保存x在名为$1...$9的变量...原创 2019-09-05 14:51:43 · 89 阅读 · 0 评论 -
字符串操作
Ø charAt() 返回指定位置的字符1参数Ø charCodeAt() 返回指定位置的字符的Unicode编码1参数Ø search() 用于检索字符串中指定的子字符串的位置1参数Ø replace() 查找匹配指定的字符串，然后用新字符串代替匹配的字符串。2参数需要替换的值，想要添加的值Ø concat() 将两个或多个字符的文本组合起来，返回一个新...原创 2018-06-26 19:59:01 · 122 阅读 · 0 评论 -
js重载
1、根据传入参数的类型执行不同的操作。2、利用参数中特殊的参数值进行不同的操作。3、根据参数的个数进行重载。 例子function rua(){ if(arguments.length==0){ alert(0); } else if(arguments.length==1){ alert(1) } ...原创 2018-07-24 07:50:23 · 169 阅读 · 0 评论 -
继承多态
原型链：多个对象的原型互相调用形成的链式结构函数有prototype任何东西都有_proto_最简单的子函数的原型=父元素的实例Call和apply的区别 前者是直接传参 后者是传数组Call和apply的效果 改变其他函数内部的this指向完全继承//要复制的函数原型function add(a,b){ return a+b;}(function(){ function obj...原创 2018-07-11 19:03:53 · 106 阅读 · 0 评论 -
myjs
function star(aDiv){//传入所有div，相应div变，oDiv和aDiv for(var i=0;i<aDiv.length;i++){ //建立索引值(建立在事件外，事件内部获取索引值靠this引入) aDiv[i].index=i; //建立所有子div的点击事件 aDiv[i].onclick=...原创 2018-07-05 08:30:26 · 577 阅读 · 2 评论 -
myjsdemo
star(aDiv)方法 星星评分select(oAll,aCheck)//全选，全选下所有选择按钮distinct(arr){//传入一个随机数组进行去重 dedupe(array) {//数组去重新方法random(num,max){//生成num个 0到max的随机数copy1(json){//json深度拷贝copy2(json) {//json深度拷贝2 或者最简单的...原创 2018-07-05 08:29:41 · 237 阅读 · 0 评论 -
全屏滚动
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> body{ overflow: hid原创 2018-07-04 21:02:29 · 149 阅读 · 0 评论 -
ajax看书总结上半部分
AjaxAjax特性：1.向服务器请求额外数据，而无需加载页面，会带来更好的用户体验2.Ajax技术的核心是XMLHttpRequest对象(简称XHR)3.XHR为向服务器发送请求和解析服务器响应提供了流畅的接口4.虽然名字包含XML成分，但是ajax通信和数据格式无关；这种技术就是无需刷新页面即可从服务器取得数据，但不一定是XML数据5.XHR将浏览器的原生通信能力提供给了开发人员，简化了实现...原创 2018-06-29 08:51:36 · 148 阅读 · 0 评论 -
Error
Error读取localStrong数据的方法是：localStorage.getltem(“键名”)；解析：写入字段的三种方式：.localStorage[“a”]=1;.localStorage.b=1;.localStorage.setltem(“c”,3)读取字段的三种方式：.var a= localStorage.a;.var b= localStorage[“b”];...原创 2018-07-16 20:26:31 · 226 阅读 · 0 评论 -
事件委托和事件监听(兼容)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> *{ margin:0;原创 2018-07-02 19:15:44 · 505 阅读 · 0 评论 -
ajax和comet下半部分
CometAjax是一种从页面像服务器请求数据的技术，Comet是一种服务器像页面推送数据的技术和ajax的get和post一样comet也有两种实现方式：长轮询和流长轮询是传统轮询(短轮询)的一个翻版，即浏览器定时向服务器发送请求，看看有没有数据更新，长短轮询最大的区别就是在于服务器如何发送数据(红皮p588) 第二种是用流实现，流在页面的整个生命周期内只使用1个http链接 SSE(Serve...原创 2018-06-29 19:35:28 · 178 阅读 · 0 评论