JavaScript
关河梦断
这个作者很懒,什么都没留下…
展开
-
移动端关于PDFjs的使用
移动端关于PDFjs的使用遇到的问题阐述原创 2022-07-20 09:45:10 · 1373 阅读 · 2 评论 -
js动态拼接点击事件传参问题
js动态拼接点击事件传递参数,会出现报错情况,参数有空格或者没有变成字符串。第一种div标签拼接情况解决方案:<div class="idxmore" onclick="openPage(\'watch' + id + '\')"></div>第二种a标签拼接情况解决方案:<a onclick='openPage("+id+")' href="javasript:;"></a>或return "<a class="unable" href=原创 2021-08-03 15:43:15 · 1540 阅读 · 1 评论 -
关于git代码管理的一些基本操作
之前项目用的都是SVN代码管理工具,现在用到了git,研究了一下基本操作过程,写一些自己在学习中的一些体会:开始最重要的是我们在准备的新文件夹里面git init,让文件夹成为暂存区① 在一个空的文件夹初始化库:git init② 如果我们在master主分支下,我们需要切换分支,需要登录到自己的账号下面查看当前账号:git config user.name或者git config user.email切换到自己的账号:git config --global user.name "名字"或者git原创 2020-08-28 11:11:42 · 104 阅读 · 0 评论 -
JS中宏任务和微任务浅析
宏任务,微任务是存在于真个js中的。宏任务定义:script,setTimeout,setInterval微任务定义:Promise,process.nextTick()setTimeout(function(){ console.log('setTimeout') }); new Promise(function(resolve){ console.log('Promise'); resolve(); }).then(f原创 2020-06-30 10:05:38 · 488 阅读 · 0 评论 -
Invalid prop: type check failed for prop "data". Expected Array, got String.
vue组件使用的时候出现数据不匹配的情况,报的警告错误:1.在数据定义的时候直接定义的字符串,而不是数组;数据格式定义错误,list应该定义为null不能为字符串2.数据在请求的时候,后端给的是JSON字符串数据,而不是JSON对象直接转换也是可以的,开始我就这样转换了,没有改了。...原创 2019-12-05 11:23:17 · 14375 阅读 · 2 评论 -
关于Vue中:is作用的浅析
1.:is特性进行动态内容切换<div id="app"> <button @click="changeComponent('component1')">A</button> <button @click="changeComponent('component2')">B</button> //点击按钮进行数据切...原创 2019-10-31 14:47:59 · 374 阅读 · 0 评论 -
React生命周期各个版本
**关于React生命周期的浅解**15版本的React生命周期1、初始阶段getDefaultProps:属性初始化getInitialState:状态初始化ComponentWillMount:组件预挂载ComponentDidMount:组件挂载完成,第三方库实例话,请求数据render:第一次执行render函数,应该是拿不到数据的componentWillReceiv...原创 2019-09-02 21:47:18 · 694 阅读 · 0 评论 -
Vue组件之间的几种通信方式
1.父子之间的通信父子组件通信1. 父组件中定义一个数据2. 在父组件的模板中,用 v-bind 将父组件的数据绑定在子组件身上3. 在子组件的选项中,通过props选项来接收这个属性4. 这个属性可以在子组件的模板中以全局变量的形式使用总结:父子之间的通信主要是通过props来实现的,父组件通过v-bind绑定数据,然后子组件通过props拿到数据扩展:props是可以做数据验证...原创 2019-08-01 22:41:02 · 157 阅读 · 0 评论 -
利用Vue框架写一个简单的todolist
这个todolist使用三个部分:HTML页面使用了SUI的Moblie的组件js需要下载vue.js的源文件HTML部分代码:<div id="app"> <!-- 头部结构 --> <header class="bar bar-nav"> <a class="icon icon-star ...原创 2019-07-27 16:47:30 · 494 阅读 · 0 评论 -
Vue生命周期的八个钩子
beforeCreate (){} 组件即将创建任务:初始化事件,位整个生命周期做准备意义:数据未获取,真实dom未拿到 beforeCreate() {//组件创建之前 初始化事件,为生命周期开始做准备 console.log('1-beforeCreate') console.log('data',this.msg)//拿不到数据 ...原创 2019-08-01 10:49:09 · 338 阅读 · 0 评论 -
前端关于重用非关系数据库
数据库(Database)是按照数据结构来组织、存储和管理数据的仓库关系型数据库[a1] (sql):Access mySql SqlServer oracle db2等。非关系型数据库( NoSql ): MongoDB,Redis,HBase,CouchDB等。什么是关系型数据库?关系型数据库 以行和列的形式存储数据,以便于用户理解。这一系列的行和列被称为表,一组表组成了数据库。表...原创 2019-07-23 10:47:22 · 169 阅读 · 0 评论 -
Vue 生命周期
Vue生命周期 vue生命周期分为 初始化,运行中,销毁 一共8个钩子函数beforeCreatecreatedbeforeMountmountedbeforeUpdateupdatedbeforeDestroydestroyed初始化beforeCreate 解析: 1.在组件创建前触发,目的是为了组件的生命周期 和 组件的事件做准备 2.数据没有获取到,真实...转载 2019-07-31 17:24:02 · 104 阅读 · 0 评论 -
关于前端面试一些问题总结
关于var和let的区别:Let声明的不存在变量提升(变量的前置访问);2.let不允许在相同作用域内,重复声明同一个变量;3.ES6允许块级作用域的任意嵌套,外层无法读取内层作用域的变量,反之可以深浅拷贝问题:浅拷贝只是复制了对象的引用地址,两个对象指向同一个内存地址,所以修改其中任意的值,另一个值都会随之变化,这就是浅拷贝(例:assign())深拷贝是将对象及值复制过来,两...原创 2019-07-23 21:05:51 · 101 阅读 · 0 评论 -
基于node建立聊天室浅谈
开始建立WebSocket Web服务器const WebSocket = require('ws')const ws = new WebSocket.Server({ port: 8070, host: '10.31.158.42'})let count = 0const clients = {}ws.on('connection', client => {...原创 2019-07-19 11:11:52 · 168 阅读 · 0 评论 -
nodejs 小爬虫
案例:小爬虫问题从一些简单网页中获取数据该案例从百度的一个新闻网页中爬出一些数据该获取数据的方式是基于nodejs环境下的,所以我们要使用该方法的时候,必须处于nodejs环境中网站爬取一段数据 -> 数据清洗 -> 后端服务器 -> 发送前端 -> 渲染数据注意:不是所有的网页都是可以爬虫爬到数据的,有反爬虫的操作(爬取数据注意网页的选取) const htt...原创 2019-07-16 22:58:30 · 114 阅读 · 0 评论 -
读懂diff
diff是Unix系统的一个很重要的工具程序。它用来比较两个文本文件的差异,是代码版本管理的基石之一。你在命令行下,输入:$ diff <变动前的文件> <变动后的文件>diff就会告诉你,这两个文件有何差异。它的显示结果不太好懂,下面我就来说明,如何读懂diff。一、diff的三种格式由于历史原因,diff有三种格式:* 正常格式(normal diff)*...转载 2019-07-29 10:43:18 · 112 阅读 · 0 评论 -
深入Vue2.x的虚拟DOM diff原理
一、前言Vue的核心是双向绑定和虚拟DOM(下文我们简称为vdom),关于双向绑定可以参阅木琴的文章《剖析Vue原理&实现双向绑定MVVM》,vdom是树状结构,其节点为vnode,vnode和浏览器DOM中的Node一一对应,通过vnode的elm属性可以访问到对应的Node。vdom因为是纯粹的JS对象,所以操作它会很高效,但是vdom的变更最终会转换成DOM操作,为了实现高效的D...转载 2019-07-29 10:46:50 · 89 阅读 · 0 评论 -
基于nodejs搭建Web,API服务器
Web和API是基于不同的插件进行搭建的,Web服务器是基于ws模块,API服务器是基于net模块进行搭建的。来个服务器都是基于nodejs来搭建的。1.搭建Web服务器const Websockt = require('ws');//第三方插件const ws = new Websockt.server(//构建ws服务器 port: 9000, host: '10.31....原创 2019-07-19 21:47:19 · 2796 阅读 · 0 评论 -
数据请求的四种方式
ajax 原生数据请求ajax自然不必说,最早出现的发送后端请求技术,隶属于原始js中,核心使用XMLHttpRequest对象,多个请求之间如果有先后关系的话,就会出现回调地狱。后面ajax封装可以使用基于promise来封装jquery中的ajax 数据请求是jQuery框架中的发送后端请求技术,由于jQuery是基于原始的基础上做的封装,所以,jquery Ajax自然也是原始aja...原创 2019-07-29 21:56:37 · 2516 阅读 · 0 评论 -
前端关于异步问题
传统方式回调函数事件前端异步流程工具 【 封装出来函数、库 】es6 Promisees6 Generator函数es6 - es8 async 函数Node中的异步处理工具: nextTick setImmediate第三方类库: async.js下面我们将介绍一些当前流行的异步工具**## // es6 Promise** const p1 = new P...原创 2019-07-17 22:49:27 · 244 阅读 · 0 评论 -
浅谈Vue入门
(一). 认识Vue.jsVue是一个渐进式的javascript框架渐进式 【 越学越难 】Vue的作者是 尤雨溪Vue是一个个人项目 【 React是facebook的团队项目 】Vue是一个MVVM框架 【 MVVM是MVC的衍生架构 】Vue是一个单项数据流的框架Vue版本发布的时间Vue 1.x 2014Vue 2.x ...原创 2019-07-25 21:13:18 · 106 阅读 · 0 评论 -
关于node.js的模块引用问题
关于node.js的模块引用问题:1.内置模块引用:直接引用: const qs = require(‘querystring’);引用可以直接查看API const qs = require('querystring'); let url = 'www.baidu.com?a=1&b=2';//定义变量 console.log(qs.parse(url)); //...原创 2019-07-15 19:41:46 · 361 阅读 · 0 评论