JS学习
文章平均质量分 82
穿西装的水獭
小小白=》小白
展开
-
快速上手微信小程序(纯原生)基于微信开发者工具+云开发
最近开发一个小程序。因为体量实在不大,两张表,几个接口。便打算写原生的代码。没有使用uniapp等框架。记录一下一个小程序从搭建到审核发布的那些坑和经验做为学习笔记。你的小程序需要开发工具: 保姆级传送门你的小程序需要一个身份证: 微信公众平台你的开发需要文档:开发文档这个功能参照开发文档写就可以了。...原创 2022-06-11 13:37:27 · 3709 阅读 · 0 评论 -
记录MongoDB的一个小问题
BUG的突然出现在开发完毕业设计的其中一个功能,并且重新走了一遍业务逻辑所覆盖的模块流程,完美,随即上传GitHub仓库。睡觉翌日,npm run dev,数据库连接成功,前后端连接成功,完美。输入账户密码,登录。失败。前端报错。服务器响应超时,突然发觉不对劲。立马看终端返回的error。“(node:18384) DeprecationWarning: current URL string parser is deprecated, and will be removed in a future原创 2021-04-13 12:33:46 · 2131 阅读 · 0 评论 -
JS的那些事,js执行,内存的分配及使用,垃圾回收机制底层原理面试知识点(二)
js的那些事js 程序数据状态 ==》内存分配 存放声明的数据 获取使用的数据 堆内存 栈内存 栈内存 存储静态数据 函数和对象的引用地址 基本数据类型 函数执行时分配的内存(执行栈) 高位 存放栈数据 栈内存 当前函数执行完成之后 出栈相关数据 低位 存放堆数据(不可控大小的数据,并且不知道什么时候没有被访问了)具体看最后例子eg的最后一张图。GC 垃圾算法已知js是单线程的 垃圾回收的过程会影响js的执行 也就是GC执行的时候 js是暂停的 V8来执行原创 2021-01-24 17:23:22 · 848 阅读 · 0 评论 -
前端开发学习之leetCode 22题 生成有效括号(递归,回溯) JavaScript解
题目这是一道中等难度的算法题,记录旨在提醒自己常复习“方法”想记录的都在图里了。学习算法以及数据结构的知识对前端的意义我认为在于提供处理数据的思路以及当自己设计算法时能够有比较好的灵感。...原创 2020-11-26 17:44:09 · 1813 阅读 · 0 评论 -
前端开发实习之数据字典那些事
字典顾名思义,前后端所约定的对某个字段的定义规则,比如0是女生,1是男生。应用场景在展示table的时候,常常会有这样的字段:状态,性别,或是项目某种特定的字段。这时候前端拿到的数据就会是 sex:1。而不是sex:男。这时候就需要前端进行转换处理并展示出来。主要思路其实字典就是定义一个对象,key就是值*(1,2…),value就是内容。然后写成一个方法,在插槽中调用方法对应的值,方法return出对应的内容并渲染。思路很简单,刚开始做的时候我每个页面都写对应的字典,因为项目设计的table众原创 2020-11-01 22:24:50 · 5852 阅读 · 4 评论 -
前端开发实习工作之数组对象中拼接新属性(数组对象中每个对象添加新的属性),状态码415,
实习的第一个半月项目到了比较尾声的阶段,是时候慢慢整理这一个半月学到的东西了。今天想要记录的是前后端联调时发生的一些小问题“你这能不能直接给我多返回俩字段啊,我这v-for直接出来”“另一个接口不是有数据么,你看能不能直接拼起来”好吧,这种事情要么前端做要么后端做。好在不难,一般就是下面这种情况后端返回的数据再做处理一般api.xxx接口后.then(res=>{this.xx = res.data.arrobject})然后前端就v-for item in xx ,接着就在需要原创 2020-10-17 12:56:20 · 1897 阅读 · 0 评论 -
前端小知识点汇总,常忘记的知识点汇总(面试,笔试)学习笔记(一)
写在前面前端需要了解弄懂的知识可以说包罗万象。而想要对某一知识点深挖细究又是一番功夫。最近忙着面试的事,也看了不少面试指导下面记录我认为值得看的前端知识。HTML和CSS部分浏览器的内核:浏览器内核是浏览器的核心,也称“渲染引擎”,用来解释网页语法并渲染到网页上。浏览器内核决定了浏览器该如何显示网页内容以及页面的格式信息。浏览器内核又可以分成两部分:渲染引擎(layout engineer 或者 Rendering Engine)和 JS 引擎。1、IE浏览器内核:Trident内核,也是俗称的IE原创 2020-08-19 10:04:35 · 10689 阅读 · 4 评论 -
ES6模块化的导入导出,export和import
写在前面在js的历史上一直没有模块(module)体系,无法将一个大程序拆分成相互依赖的小文件,再用简单的方法拼装起来,这对开发大型的、复杂的项目形成了巨大障碍。在 ES6 之前,社区制定了一些模块加载方案,最主要的有 CommonJS 和 AMD 两种。前者用于服务器,后者用于浏览器。ES6 在语言标准的层面上,实现了模块功能,而且实现得相当简单,完全可以取代 CommonJS 和 AMD 规范,成为浏览器和服务器通用的模块解决方案。使用用一个简单的案例介绍一下模块化创建一个简单的html项目原创 2020-08-10 20:53:37 · 3840 阅读 · 2 评论 -
前后端分离项目-社交管理系统之用Nodejs搭建接口尝试,postman使用,MongoDB初体验,后端部分初学笔记(一)
前端和nodejs查阅资料,询问前端前辈他们都会告诉你,前端也应该学习node.js。这样就可以独立开发一个中小型的前后端分离项目,也可以和后端更好的协作开发node初体验1.node的安装,前往官网下载对应开发环境的node即可。傻瓜式开箱即用。在终端输入node -v表明安装成功。2.nodejs主要面向服务端,他们之间有所差异,例如用node.js运行.js文件,.js文件中只有console.log(“hello world”)的话,在浏览器引用js的到的结果,和在终端运行用node .j原创 2020-07-28 14:37:00 · 18444 阅读 · 3 评论 -
两道JS练习题笔记,JS的赋值问题以及常用字符串函数问题
题目一: var a={n:1} var b=a; a.x=a={n:2} var a={n:1} var b=a; a.x=a={n:2}问:console.log(a)console.log(a.x)console.log(b.x)console.log(b)在看了解析文章并消化之后作为学习笔记记录。首先:b=a是浅拷贝,堆栈中引用的是同一个对象地址。赋值运算符:从右至左执行var a= 1 ,b=2, c=3;a=b=c;输出三个变量结果都是3。原因就是赋原创 2020-07-24 20:47:50 · 3041 阅读 · 0 评论 -
后台管理系统之用bootstrap-validator做表单验证
介绍和代码上一篇博客介绍了用JQuery-validate做表单验证,这只是多种表单验证方法中的一种,今天学习到的是bootstrap-validator来做表单验证。显然他需要依赖bootstrap的js和css,他是依赖于jquery的插件,所以也需要JQuery的js文件,当然还有他自己特有的bootstra-vaildator的css。他比JQuery-validate更为美观,交互友好性也更强,他有图标给到用户提示。第一步引用对应的文件。以及需要验证的表单,为了对比使用和上一篇博客一样的表原创 2020-07-23 21:31:38 · 2749 阅读 · 0 评论 -
后台管理系统之用JQuery-validate做表单验证
介绍和代码表单验证无论是前后端都有着比较明显的需求,在用户填写表单的时候,需要给到用户提示,当用户输入的数据满足预期时给到用户反馈。之前在学习JS的时候也学习过用正则表达式原生js写表单验证,无非是onblur时间发生时通过操作dom元素拿到用户输入的数据然后在用正则表达式进行规范,满足则怎么样,不满足则怎么样。jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求。该插件捆绑了一套有用的验证方法,包括 URL 和电子原创 2020-07-21 22:05:09 · 1702 阅读 · 0 评论 -
后台管理系统项目之新增用户界面
效果展示如何做好一个能和后端衔接好的新增界面的表单,最近学习到了一些技巧,记录下作为学习笔记分析1.首先用到的是bootstrap里面提供的样式。自然要引入对应的css文件和js文件,除此之外,在状态那里我们可以看到使用的是一个开关的样式,这里使用的是css3的方法,<div class="form-group"><label class="col-sm-3 control-label">状态:</label> <div class="col-sm-原创 2020-07-20 21:41:01 · 4488 阅读 · 0 评论 -
zTree的使用方法以及学习笔记
zTree最近在练习做后台管理系统项目的时候学习到了一个比较好用的“树结构”插件。简单的demo演示他是基于 jQuery 实现的多功能 “树插件”。下面是官网地址:点这里.zTree的使用首先因为Ztree是以来于jQuery当然是引用jQuery,以及zTree的js文件。然后引入zTree的css文件。文件引用完后,树的DOM结构必须有id作为唯一标识符以及ul元素<div> <ul id="tree" class="ztree"></ul><原创 2020-07-16 08:47:11 · 7866 阅读 · 0 评论 -
数组去重那些事(如何进行数组的去重)
数组去重最近在学习时,偶然看到一篇前端大牛的关于数组去重的文章,吸收消化后作为自己的学习笔记记录常规方法(双层循环)先上代码:function unique(a){ var res =[]; for(var i=0,len=a.length;i<len;i++){ var item =a[i]; //console.log(item); console.log(res.length); for(var j=0,JLen=res.length;j<原创 2020-06-29 18:41:03 · 3048 阅读 · 0 评论 -
前端学习之JS+正则表达式(写一个简单的注册页面)
注册页面在日常生活中我们常常需要在各种软件中注册账号信息。包括社交软件,游戏等等。他们对于账号密码的需求也大不一样。有的较为官方的软件机构网址等需要比较复杂的账号密码,而有的则比较宽松。我们知道注册页面其实就是一个表单,用户填写完表单后提交然后注册。正则表达式那么如何让用户按照程序猿规定的规则进行注册呢?一般会用到正则表达式,正则表达式在百度百科上是这样介绍:正则表达式,又称规则表达式。(英语:Regular Expression,在代码中常简写为regex、regexp或RE),计算机科学的一个概原创 2020-06-18 17:41:12 · 4102 阅读 · 0 评论 -
利用HTML+WEBSQL(sqlite)完成创建数据库,完成对数据的增删改查(使用原生JS编写)
前端和数据在日常编写一些页面的时候总希望能够把“用户生产”的数据保存下来到数据库中。今天学习了如何用WEBSQL(可以理解为浏览器自带的SQLite数据库)进行数据的保存以及在前端页面中对数据库进行操作。需要准备一个支持使用WEBSQL的浏览器,本例使用的是Chrome。首先一上来先把html里的元素写好,以及之后按钮对应的函数名等等 <div> <table style=" width:100%"> <input type="button" val原创 2020-06-10 17:28:37 · 6412 阅读 · 0 评论 -
前端新手学习CSS+JS笔记(二)
CSS学习笔记关于float浮动最近期末忙着期末的大作业和一些课程设计,在前端知识的学习上投入的精力少了些,整理一些css和js的简单的学习笔记以供巩固。首先css三种传统的布局方式有:1.标准流:标签按照规定的默认方式排列,例如块级元素,一行放一个,div,hr,p,(h1~h6)ul,dl等。行级元素则从左到右,碰到父元素边缘就自动换行,a,i,em,span等。2.浮动官方解释为:float属性用于创建浮动框,将其移动到一边,知道左边缘或右边缘及包含块或另一个浮动框的边缘。3.定位为什原创 2020-06-04 23:12:37 · 313 阅读 · 0 评论 -
用CSS和Vue框架+axios写一个简单的天气查询网页
做一个天气查询效果图html+css部分html先上代码再分析<div class="app" id="app"> <div class="img"> 知 天 气 </div><div class="input-item"> <input type="text" v-model="city" @keyup.enter="searchWeather" class="input" placeholder="输入要查询的天气"/>原创 2020-05-31 21:42:27 · 2390 阅读 · 2 评论 -
JS里的控制语句们 还有他特有的for ..in
JS里的控制语句类比着java进行学习 java常用的控制语句在JS中也是可以使用:if switchwhile do…whilefor循环break continue值得注意的是JS有他的特有语句 for …in 以及 with ,开发时不常用直接上代码进行学习var arr=["lu","du","ku"] //js中数组汇总元素的类型随意,个数随意 //遍历数组 for(var i=0;i<arr.length;i++){ // ale原创 2020-05-29 23:12:20 · 284 阅读 · 0 评论 -
JS的运算符之void运算符实现a标签执行JS代码不跳转,不刷新页面
写在前面在一些项目的设计需求中可能会出现这样的需求保留超链接的样式,用户在点击该超链接的时候执行一段JS代码,但页面不能跳转,也不能跳转回当前页面(刷新效果) 这时候我们应该使用JS中的void运算符,他是一元运算符void(表达式)原理是:执行表达式,返回undefined。**javascript:**的作用是告知浏览器后面的是一段JS代码。因此以下程序的JavaScript:是不可以省略的<a href="javascript:void(0)" onclick="test()">原创 2020-05-28 09:40:39 · 650 阅读 · 0 评论 -
Vue的常用指令以及JS的常用事件(Vue,Js学习笔记)
操作DOM元素和使用Vue指令对比学习是一种比较好的学习方法。最近将Vue基础和JS基础进行对比学习整理出笔记关于@keyup和onkeyupJs常用事件中少不了键盘事件例如onkeyup,我们需要操作DOM元素来实现触发事件。例如在input中输入展示并摁回车键能让原本隐藏的div展示出来分别用两种方法来介绍<!-- 通过操作dom实现 --><input type="text" id="input" placeholder="输入展示后出现对应div"/><di原创 2020-05-27 19:58:07 · 339 阅读 · 0 评论 -
前端新手学习CSS+JS笔记(一)
一些基础概念在页面的编写中我们不但需要经常借助开发文档,也需要比较扎实的基础,整理以下关于CSS中的小知识点px,em,rem1.px就是pixel的缩写,pixel即像素,它不是自然界的长度单位。那么他就是一个相对的单位,px是相对于显示器屏幕分辨率而言的。2.em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。em常用于设置文本首行缩进等.etc {font-size:20px;text-indent: 1em;//文原创 2020-05-22 21:05:22 · 313 阅读 · 0 评论 -
前端初学JavaScript数据类型学习
JS中的数据类型虽然JS是弱类型语言,JS的变量声明的时候并不需要指定数据类型,但是在赋值上每一个数据是由类型的。值得注意的是ES6之后,又基于以下的6中类型之外添加了一种新的类型:symbol学习数据类型我们还常用typeof运算符,这个运算符可以再程序的运行阶段动态的获取变量的数据类型。使用的方法很简单:typeof 变量名typeof运算符的运算结果是字符串,内容为:“undefined”“number”“string”“boolean”“object”“function”,6种结原创 2020-05-21 19:27:05 · 305 阅读 · 0 评论