- 博客(23)
- 收藏
- 关注
转载 vue如何刷新当前页面
1.场景在处理列表是,常常有删除一条数据或者新增一条数据之后需要重新刷新当前页面的需求。2.遇到的问题(1)用vue-router重新路由到当前页面,页面是不进行刷新的(2)采用window.reload( ), 或者router.go(0) 刷新时,整个浏览器进行了重新加载,闪烁,体验不好3.解决方法provide/ iniect 组合作用:雨荨...
2019-06-24 11:06:00 128
转载 vue 中添加倒计时效果
首先:创建一个定时器函数/** * 倒计时 */countTime () { if (this.maxtime >= 0 && this.maxtime <= 600) { this.minutes = Math.floor(this.maxtime / 60) if (this.minutes <= 9...
2019-05-14 10:59:00 329
转载 使用js动态添加link标签
一下代码实现的功能: 通过判断电脑分辨率,不同的分辨率显示不同的css文件 我的需求只需要适配两个分辨率 varscrWidth=window.screen.width; //获取当前分辨率的大小 if(scrWidth == 1920){ //当分辨率为1920是应该引入的css var headHTML ...
2019-02-20 18:51:00 2923
转载 使用FileReader对象的readAsDataURL方法来读取图像文件
如有需要参考API:https://www.cnblogs.com/zichi/p/html5-file-api.html FileReader对象的readAsDataURL方法可以将读取到的文件编码成Data URL。 Data URL是一项特殊的技术,可以将资料(例如图片)内嵌在网页之中,不用放到外部文件。 使用Data URL的好处是,您不需要额外再发出一个...
2019-02-12 18:44:00 327
转载 canvas绘制波浪
首先咱们先贴出效果出来,这是一个动态的波浪哦!!html部分: <canvas id="Theback" width="320">抱歉您的浏览器不支持canvas!</canvas>以上的canvas可以根据自己的需要改变他的宽高!!注:canvas标签中间的内容不会显示在页面上,当浏览器不支持canvas的时候才会显示!!!...
2019-02-12 16:34:00 1281
转载 nodejs安装及环境变量配置 --windows
一、安装环境1、本机系统:Windows 10 Pro(64位)2、Node.js:v10.15.0 LTS(64位)二、安装Node.js步骤1、下载对应你系统的Node.js版本:https://nodejs.org/en/download/2、选安装目录进行安装3、环境配置4、测试三、前期准备1、Node.js简介简单的说 Node.js 就是运行在服务端的 J...
2019-01-21 15:13:00 116
转载 vue中vue-router跳转页面返回顶部
第一种方法:main.jsrouter.afterEach((to,from,next) => { window.scrollTo(0,0);});第二种方法: 在创建router实例时,做如下的配置 savedPosition当且仅当通过浏览器的前进/后退按钮触发时才可用scrollBehavior(to, from, s...
2018-12-29 14:05:00 209
转载 flutter run 时一直 Waiting for another flutter command to release the startup lock
一切都是没问题的在运行flutter doctor 一直提示Waiting for another flutter command to release the startup lock。。。查了一下github的flutter issue 找到了解决方法,如下:1、打开flutter的安装目录/bin/cache/ 我的目录结构是这个样子滴!...
2018-12-08 10:33:00 142
转载 react 点击按钮返回上一级路由
在这我是以一个点击图标返回为例的1. 在要点击的按钮或者图片上添加事件<img src="images/back.png" alt="" onTouchStart={this.backClick}/>2. 事件编写// 点击按钮返回上一个路由 backClick(){ this.props.history.go(-1)...
2018-11-27 21:21:00 6172
转载 关于flux redux vuex 的区别?
一:redux和flux的区别 1)redux是flux中的一个实现 2)在redux中我们只能定义一个store,在flux中我们可以定义多个 3)在redux中,store和dispatch都放到了store,结构更加清晰 4)在redux中本身就内置State对象,对仓库的管理更加明确二:redux和vuex的区别 1)vuex是redux的基础上...
2018-11-27 14:58:00 308
转载 React 怎样将后端给的html标签渲染到页面上
在使用react的过程中,发现需要渲染的数据是从后端获取到的标签语言,如果直接将他放在react里面是不能够正确渲染的。 解决方法如下:render() { let listdata = this.state.data.entity ? this.state.data.entity.article :'' return ( &l...
2018-11-27 08:32:00 1522
转载 第一次利用Git命令创建仓库,并提交代码
首先在GitHub上创建一个自己的仓库然后出现以下提示信息然后按照它上面的步骤进行操作,一步一步实现就可以了!1. 先到你的本地找到一个上传代码的目录(前提是还没有写项目的时候) 使用命令行创建文件夹 mkdir 文件名 如果你已经有项目文件可以跳过这一步!!!...
2018-11-20 20:53:00 212
转载 react和我们传统的jquery开发方式有什么不同?
react和我们传统的jquery开发方式有什么不同?1.编程思想的不同jquery开发:监听事件=》判断当前业务状态=》直接操作dom元素react开发:监听事件=》判断当前业务状态=》修改state=》render修改dom元素(最小化修改)如图所示:两者之间最大的区别就是react有一层state作为中间过渡,不需要关系dom哪里发生了变化,只需要变更st...
2018-11-13 09:29:00 571
转载 vue使用better-scroll
better-scroll是D8黄轶老师基于iscroll重写的一个插件,在vue中使用这个插件能给app带来流畅性,提高了用户体验。一、安装使用npm安装 npm install better-scroll --save使用yarn安装 yarn add better-scroll二、html结构<div class=...
2018-11-12 21:11:00 85
转载 利用stylus解决移动端1像素边框的问题
首先 我是借用了yo框架的border和他的媒体查询组合这两个分别是在yo>lib>core>classes>_border.scss(用来获取yo框架封装的border) yo>lib>core>variables.scss(用来获取媒体查询的规则)然后根据stylus语法修改拿到的b...
2018-11-12 20:56:00 119
转载 Jq-全选反选
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { padding: 0; ...
2018-09-13 20:44:00 90
转载 TCP/IP、Http、Socket的区别
一、概念1.OSI 参考模型(七层网络模型)--摘录自百度百科OSI(Open System Interconnect),即开放式系统互联。 一般都叫OSI参考模型,是ISO(国际标准化组织)组织在1985年研究的网络互联模型。该体系结构标准定义了网络互连的七层框架(物理层、数据链路层、网络层、传输层、会话层、表示层和应用层),即ISO开放系统互连参考模型。分层分层...
2018-08-20 10:01:00 111
转载 js练习总结
1.div返回顶部当页面特别长的时候,用户想回到页面顶部,必须得滚动好几次滚动键才能回到顶部,如果在页面右下角有个“返回顶部”的按钮,用户点击一下,就可以回到顶部,对于用户来说,是一个比较好的体验。实现原理:当页面加载的时候,把元素定位到页面的右下角,当页面滚动时,元素一直位于右下角,当用户点击的时候,页面回到顶部。要点一:document.documentElement.c...
2018-08-16 21:06:00 89
转载 前端面试1
1、什么是W3C标准?WEB标准不是某一个标准,而是一系列标准的集合。网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。对应的标准也分三方面:结构化标准语言主要包括XHTML和XML,表现标准语言主要包括CSS,行为标准主要包括对象模型(如W3C DOM)、ECMAScript等。2、bootstrap响应式原理是通...
2018-08-15 22:25:00 89
转载 关于JavaScript学习,推荐博客及书籍
最近一直在菜鸟教程上自学js,虽然在实际开发项目中也学过js,但大多是对网上的资源复制粘贴修修改改,偶然间在知乎上看到干货果断总结一下分享给大家,也希望原主不要介意,好资源大家分享一下;一:JavaScript | MDN 这个是 Mozilla 开发者网络社区的学习资料,比W3school 要好,对于疏通JavaScript很有益处;二:想了解ECMAScript 6 入门...
2018-08-09 10:39:00 107
转载 编写一个函数,在页面上输出一个N行M列的表格,表格内容填充1~100的随机数字...
编写一个函数,在页面上输出一个N行M列的表格,表格内容填充1~100的随机数字function tab(n,m){ document.write("<table border=1>"); for(var i=1;i<=n;i++){ document.write("<tr>"); for(var j=1;j<=m;j++){ documen...
2018-08-08 22:57:00 1912
转载 js简介及js基本数据类型
1、js是一门什么样的语言及特点? js是一种基于对象和事件驱动的并具有相对安全性的客户端脚本语言。也是一种广泛用于web客户端开发的脚本语言,常用来给html网页添加动态功能,如响应用户的各种操作。 主要的目的是为了解决服务器端语言遗留的速度问题,为客户提供更流畅的浏览效果。 (详细拓展:http://www.360doc.com/conten...
2018-08-07 23:10:00 123
转载 js基础数据类型及堆栈
001、浅谈堆和栈的理解?js变量存储有栈存储和堆存储,基本数据类型的变量存储在栈中,引用数据类型的变量存储在堆中引用类型数据的地址也存在栈中当访问基础类型变量时,直接从栈中取值。当访问引用类型变量时,先从栈中读取地址,在根据地址到堆中取出数据002、js中的数据类型分为哪几类基本数据类型:number string undefine...
2018-08-07 08:56:00 114
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人