- 博客(30)
- 资源 (3)
- 收藏
- 关注
RSS订阅
原创 VSCode中语法智能提示功能（nodejs）
1.先安装typings这个包注意：如果是mac系统，需加sudonpm install -g typings如果使用的是淘宝镜像，输入cnpmcnpm i typings -g输入 typings --version 出现版本号 说明安装成功2.通过上面的命令，typings这个包就下载下来了，然后我们到项目开发目录，打开终端，输入:typings init这时当前...
2020-05-07 13:25:50
8054
2
原创 关于js执行上下文里代码的运行步骤(纯理论)
执行上下文里函数环境代码的运行步骤一.创建对象(这个阶段发生在执行具体代码前)1.创建变量对象(Variable Object)①初始化arguments对象 它的值为Arguments对象注意:只有执行上下文为函数环境的时候,才会初始化这个arguments对象②查找当前上下文的形参1.找所有的形参并在变量对象里创建一条key:value2.key为形参的名字,value为对应...
2020-03-03 15:20:55
1468
原创 浏览器滚动条样式（谷歌,Safari，火狐，IE）整理
谷歌||苹果（webkit）补充::-webkit-scrollbar — 整个滚动条.::-webkit-scrollbar-button — 滚动条上的按钮 (上下箭头).::-webkit-scrollbar-thumb — 滚动条上的滚动滑块.::-webkit-scrollbar-track — 滚动条轨道.::-webkit-scrollbar-track-piece — 滚动条没有滑块的轨道部分.::-webkit-scrollbar-corner — 当同时有垂直滚动条和水平滚
2020-08-31 12:46:16
2247
原创 使用iview(viewUI)Table组件添加图片，元素整理
首先，图片地址用的是attrs而不是props。 { title: '考题', key: 'exam_topic', width: 200, render: (h, params) => { return h('div', [ h('span', params.row.exam_topic), h('Icon', {
2020-08-11 17:21:36
1331
1
原创 nodejs基本使用学习整理
nodejs** node.js是一个能在服务端运行js的开放源代码，跨平台js运行环境node中采用Google开发V8引擎直接去运行js，使用事件驱动、非阻塞和异步i/o模型等技术来提高性能，可优化应用程序的传输量和规模nodejs用途：web服务API实时的多人游戏基于web应用提供命令行工具**nodejs核心内置模块http模块基本使用//引入http模块const http = require('http')http.createServer((request,res
2020-05-13 23:32:08
477
原创 Vue全家桶+React全家桶面试题及部分原理整理
Vuev-if和v-show的区别？v-if表达式为true显示该元素,为false隐藏该元素(直接删除)v-show根据表达式的真假来显示与隐藏元素,会在标签加入display属性为何v-for中要用keyvue中列表循环需加:key=“唯一标识” 唯一标识可以是item里面id index等，因为vue组件高度复用增加Key可以标识组件的唯一性，为了更好的区别各个组件，key的作用主...
2020-04-25 22:00:14
1360
原创 redux和react-redux学习整理
redux是什么？**redux是一个独立专门用于做状态管理的js库（不是react插件库）它可以用在react，angular，vue等项目中，但基本与react配合使用作用：管理react应用中多个组件共享的状态**引用一张流程图...
2020-04-22 22:14:36
225
原创 React路由学习整理
组件//路由容器，显示组件<BrowserRouter></BrowserRouter>//不带#号url<HashRouter></HashRouter>//带#号url<Redirect></Redirect>//重定向 <Redirect from="/" exact to='custom'>&...
2020-04-22 14:49:02
235
原创 React组件学习整理
组件的两种定义方式//工厂函数组件 function MyComponent(){ return <h2>工厂函数组件</h2> }//ES6类组件class MyComponent2 extends React.Component{ reder(){ return <h2>ES6类组件</h2> } } ReactDOM.re...
2020-04-19 22:47:43
185
原创 浅谈axios和vue-axios的关系及fetch基本使用
什么是axios？Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。案例以get请求为例// 为给定 ID 的 user 创建请求axios.get('/user?ID=12345') .then(function (response) { console.log(response); }) .catch(function...
2020-04-19 13:40:31
330
原创 Vuex学习整理
首先，引用官方指南Vuex是什么？Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。（响应式）状态管理是什么？可以简单的将其看成把需要多个组件共享的变量存储在一个对象里面，然后，将这个对象放在顶层的Vue实例中，让其他组件可以使用这个状态自管理应用包含以下几个部分：state，驱动...
2020-04-18 13:03:03
247
原创 HTML设置网页小图标
简单实现小图标，不需要.ico文件格式，也不需要高宽多少的图片复制这个属性：在HTML文件title标签下 ...
2020-04-17 17:22:25
3224
1
原创 vue-router路由属性整理
redirect路由重定向代码： const routes = [ { path:'/', redirect:'/home'//路由重定向 }, { path:'/home', component:'/home' } ]在router实例里加上mode："history"去掉URL路径#号(hash模式)改成history模式，必须要和服务器配合起来，不然会崩代...
2020-04-16 23:35:30
3117
原创 浅谈前端渲染后端渲染和前端路由后端路由(纯理论)
大体分为三个阶段后端渲染（SSR）后端路由阶段早期的网站开发整个HTML页面是由服务器来渲染的，服务器直接生产渲染好对应的HTML页面，返回给客户端进行展示。通常是PHP或JSP（Java server page）这里以JSP为例，服务器经过解析存放在服务器端的模板文件来完成，在这种情况下，浏览器只进行了HTML的解析，java代码作用是从数据库中读取数据，并且将它动态的放在页面中（html+...
2020-04-16 22:15:29
638
原创 VSCode( VisualStudioCode) 写vue项目一键生成.vue模版,修改定义其他模板
1. 安装一个插件，识别vue文件2.新建代码片段文件–>首选项–>用户代码片段–>点击新建代码片段–取名vue.json 确定3.粘贴入自己写的.vue模板{ "Print to console": { "prefix": "vue", "body": [ "<!-- $1 -->", "<template...
2020-04-15 14:22:22
413
原创 webpack具体配置使用笔记整理学习
webpack的整体构成entry(入口)output(出口)loaders(转化器)plugins(插件)devServer(开发服务器)mode(模块)基本使用**初始化webpack 依赖包 npm init在生成的package。json文件中的script属性中设置"bulid"：“webpack”这样当我们调用build时候就可以执行webpack命令，这里执行的w...
2020-04-13 21:37:33
149
原创 vue中父子、兄弟（平行）组件相互传参学习整理
<div id="app"> <parent></parent> </div> <template id="par"> <div> <h1>父组件{{parentmsg}}{{message}}</h1> ...
2020-04-05 22:47:23
280
原创 Git学习笔记整理纯理论
Git和SVN的对比1.Git是分布式的,SVN是集中式的2.Git每个历史版本存储完整的文件,SVN存储文件的差异3.Git可离线完成大部分操作,SVN必须与中央服务器进行网络交互4.Git有着优雅的分支和合并功能5.Git有着更强的撤销修改和修改版本历史的能力6.Git速度更快,效率更高Git的三个区工作区:我们编辑代码的地方历史仓库:commit指向的暂存区(缓存区):工...
2020-03-08 00:52:24
307
2
原创 JS ES7/8新增特性
ES7求幂运算符() **let a=3;console.log(a**=2);//9 此时a等于3的2次方,结果为9Array.prototype.includes()方法在数组中查找某个元素是否存在,返回值为布尔值,存在true,不存在false与indexOf区别共同点:通过索引值逐个去查询目标元素,使用全等符(===)进行判断不同点:返回值不同,Array.proto...
2020-03-01 22:02:15
835
原创 jsES6Promise对象和Module语法
Promise对象理论内容**Promise是异步编程的一种解决方案所谓Promise,简单来说就是一个容器,里面保存着某个未来才会结束的事件的结果Promise对象特点:对象的状态不受外界影响一旦状态改变,就不会再变,任何时候都是这个结果 pending(进行中)—>fulfilled(已成功) pending(进行中)—>rejected(已失败)三种状态1.p...
2020-03-01 20:57:49
599
原创 js ES6类class类（语法糖）整理
在es5中,生成实例对象的方法是通过构造函数在es6中,通过class关键字,可以定义类,类必须要用new调用否则会报错//es5function Person(name,age){ this.name=name; this.age=age; } var obj =new Person("张三",18); console.log(obj.name,o...
2020-02-28 22:33:07
1190
原创 jsES6对象新增方法
ES6对象的简洁写法//直接写入变量const foo="bar";const abc={foo};console.log(abc);//{foo:"bar"}//直接写入函数const obj={ getobj(){ console.log("hello"); }}obj.getobj();//"hello"ES6属性表达式,不能和简洁写法同时使用,会报错const...
2020-02-27 22:57:45
1831
原创 HTML5新增语义化布局标签
<article> //标记定义一篇文章 <header> //标记定义一个页面或一个区域的头部 <nav> //标记定义导航链接 <section> //标记定义一个区域 <aside> //标记定义页面内容部分的侧边栏 <hgroup> //标记定义文件中一个区块的相关信息 <figur...
2020-02-25 14:51:26
589
原创 移动端flex布局笔记整理
父元素+display:flax;为容器属性,子元素为项目属性容器属性1.flex-direction决定主轴(水平方向)方向flex-direction: row;设置主轴(水平方向),起点在左端(默认)页面效果:```flex-direction: row-reverse;设置主轴(水平方向),起点在右端页面效果:flex-direction: column;设置主轴(水平方...
2020-02-15 23:16:28
347
原创 JavaScript中的this指向问题整理
/*e.target与this区别 e.target点击了哪个元素,就返回那个元素... this返回的是绑定事件的对象(元素) */ //this指向问题 一般情况下this的最终指向的是那个调用它的对象 //1.全局作用域或者普通函数中this指向全局对象window(定时器里面的this指向window) con...
2019-12-15 17:59:51
191
原创 js字符串方法学习整理
indexOf()在数组中查找需要元素的索引，找不到返回-1var ary =["张三","李四","王五","赵六","七七"];console.log(indexOf("李四"));//结果1//从前向后，只返回第一个满足条件的索引号//如果找不到返回-1//*****第二个值默认不用给，给了是起始的位置lastIndexOf()在数组中查找需要元素的索引，从后面开始查找var...
2019-12-09 16:29:56
208
原创 js数组方法整理学习
数组方法push（）在数组末尾添加一个或者多个数组元素unshift()在数组前添加一个或者多个数组元素pop()删除数组最后一个元素shift()删除数组第一个元素reverse（）翻转数组sort（）数组排序（冒泡排序）未完待续未完待续未完待续未完待续未完待续未完待续注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表导出与导入导出导入push（）在数组末尾添加一个或...
2019-12-08 16:44:48
246
原创 使用css实现五角星
大五角星通过small名class创建div.small-all{display: flex;margin:1rem 13%;}.small {border-color: #7d7d7d transparent transparent transparent;border-style: solid;border-top-width: 9.375px;border-right-w...
2019-11-27 12:25:15
1455
原创 js数组循环的几种方式总结
1.for循环最基本的循环方式，不多说。这种最基本的循环才是速度最快的，效率最高的。基本代码：for(var i = 0;i<5;i++){console.log(i)}2.for in循环用来遍历对象的。要知道JavaScript对象的所有属性都是字符串，不过属性对应的值可以是任意数据类型。（注意：遍历时不仅能读取对象自身上面的成员属性，也能遍历出对象的原型属性）基本代码： ...
2019-11-14 08:54:59
806
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人