EasyUI, Dialog 在框架页(ifrmae)的Top页面弹出时,拖拽Dialog边缘(以改变窗口大小),UI界面被卡死的解决办法
将Dialog的modal属性设置为true,可以解决卡死的问题(但会给用户使用体验带来影响)
1 var par = {
2 title: This.title,
3 width: This.width,...[2018/10/31]
Uedior上传大文件超时报错
出错原因: 1.php超时等待时间太短
2.uedior中设置了请求超时,提示信息: 上传失败,请重试
先解决第一个问题:
设置php.ini中的max_execution_time 为0 (意思是http请求等待时间为永久)
第...[2018/10/31]
野生前端的数据结构基础练习(4)——字典野生前端的数据结构基础练习(4)——字典
网上的相关教程非常多,基础知识自行搜索即可。
习题主要选自Orelly出版的《数据结构与算法javascript描述》一书。
参考代码可见:https: github.com/dashnoword blog tree/master/Structure/Dictionary
字典的基本知...[2018/10/31]
Vue中如何使用方法、计算属性或观察者
熟悉 Vue 的都知道 方法methods、计算属性computed、观察者watcher 在 Vue 中有着非常重要的作用,有些时候我们实现一个功能的时候可以使用它们中任何一个都是可以的,但是它们之间又存在一些不同之处,每一个都有一些适合自己的场景,我们要想知道合适的场景,肯定先对它们有一个清楚...[2018/10/31]
浅谈小程序中的请求封装浅谈小程序中的请求封装
浅谈小程序中的请求封装
近两个月学习了小程序的开发,并且撸了一个不大不小的demo,算是正式入门了小程序,在此想分享下小程序的开发经验。
前言
在小程序的开发中,或者说在整个前端开发中,请求都是绕不过去的一道坎。在Vue开发中,我们可以采用 axios 这个成熟的插件来进行HTTP请求。但是,遗...[2018/10/31]
JavaScript 中数组的方法
JavaScript -- 知识点回顾篇(二):js中数组的方法 1. 数组 (1)定义数组,数组赋值 <script type="text/javascript"> &...[2018/10/30]
js实现把textarea通过换行或者回车把多行数字分割成数组,并且去掉数组中空的值。
删除数组指定的某个元素
var msg = " "; textarea 文本框输入的内容
var emp = [ ]; 定义一个数组,用来存msg分割好的内容
1. 首先可以给JS的数组对象定义一个函数,用于查找指定的元素在...[2018/10/30]
高效遍历匹配Json数据,避免嵌套循环[转]
工作中经常会遇到这样的需求:1.购物车列表中勾选某些,点击任意一项,前往详情页,再返回购物车依旧需要呈现勾选状态2.勾选人员后,前往别的页面,再次返回,人员依旧程勾选状态3.等等....
数据结构如下:
缓存数据
var students = [
...[2018/10/30]
vue 使用vue-i18n做全局中英文切换
1、vue-i18n安装
npm install vue-i18n --save-dev
2、在main.js文件中引入
import VueI18n from ''vue-i18n'';
Vue.use(VueI18n);
const i18n = new ...[2018/10/30]
判断机型是否为iphoneX
判断机型是否为iphoneX
isIPhoneX() {
var u = navigator.userAg...[2018/10/30]
React小记
路由:
哈希路由(在url地址后加 #name)
实现页面监听
window.onhashchange = function(){
console.log(‘hash:’,window.location.hash)
}
...[2018/10/30]
javascript中闭包最简单的简绍
javascript中闭包是什么
JavaScript 变量可以是局部变量或全局变量。私有变量可以用到闭包。闭包就是将函数内部和函数外部连接起来的一座桥梁。
函数的闭包使用场景:比如我们想要一个函数来执行计数功能。
如果设计全局变量
1 var counter=0; 2 funct...[2018/10/30]
Vue 组件之间传值
Vue 组件之间传值
一、父组件向子组件传递数据
在 Vue 中,可以使用 props 向子组件传递数据。
子组件部分:
这是 header.vue 的 HTML 部分,logo 是在 data 中定义的变量。
如果需要从父组件获取...[2018/10/30]
JS原型链JS原型链
以上是对JS原型链的理解,觉得思路清晰的给我个鼓励,有不对的地方烦请大佬提出,谢谢[2018/10/30]
elementUI vue tree input 懒加载 输入下拉树型示例elementUI vue tree input 懒加载 输入下拉树型示例
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!...[2018/10/30]
js类的笔记
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width...[2018/10/30]
js中windows的函数(随机数,计时器的实现)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width...[2018/10/30]
javascript中函数的写法实例代码详解
具体代码如下所述:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="wi...[2018/10/30]
又拍云 Node.js 实现文件上传、删除功能
Node.js 服务端
使用 Node.js + Expre .js 实现 服务端
const expre = require("expre ");
const app = expre ();
const axios = require(''axios'');
app.se...[2018/10/30]
微信小程序动画(Animation)的实现及执行步骤
简单总结一下微信动画的实现及执行步骤。
一、实现方式
官方文档是这样说的:①创建一个动画实例 animation。②调用实例的方法来描述动画。③最后通过动画实例的 export 方法导出动画数据传递给组件的 animation 属性。
因为小程序是数据驱动的,给这句话加上数字标注分为三...[2018/10/30]
深入浅析javascript函数中with
/*js函数中with函数的用法分析
定义 方便用来引用某个对象中已有的属性
但是不能用来给对象添加属性 要给对象创建
新的属性 必须明确的引用该对象*/
代码格式
with(object)
statements
object:新的默...[2018/10/30]
Js 利用正则表达式和replace函数获取string中所有被匹配到的文本(推荐)
js的replace函数除了替换文本以外还有获取所有被正则表达式匹配到的文本的功能。这里以一个简单的案例来作为演示。
利用正则查找出所有被两个花括号包裹的字符串:
var str = <div cla ="item">{{test}}{{aaa}}{{bbb}}<...[2018/10/30]
JS 正则表达式验证密码、邮箱格式的实例代码JS 正则表达式验证密码、邮箱格式的实例代码
遗憾的是博客内容不允许包含js代码,不能在线测试,就只上代码了
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Regular Expre...[2018/10/30]
Electron中实现大文件上传和断点续传功能
Electron官网的描述:Electron是由Github开发,用HTML,CSS和JavaScript来构建跨平台桌面应用程序的一个开源库。 Electron通过将Chromium和Node.js合并到同一个运行时环境中,并将其打包为Mac,Windows和Linux系统下的应用来实现这一目的...[2018/10/30]
详解Node.js中path模块的resolve()和join()方法的区别
关于Node.js中path模块的resolve()和join()方法的比较,对照着总结看例子差不多以后在写模块的时候思路就能很清晰了
resolve
作用:path.resolve() 该方法将一些的 路径/路径段 解析为绝对路径。
语法:path.resolve([...paths...[2018/10/30]
浅析微信扫码登录原理(小结)
微信扫码登录原理解析
扫码登录是现在流行的登录方式,使用这种方式及其方便,而且安全
扫码登录流程
原理
获取唯一的uuid, 以及包含uid信息的二维码
获取uuid
getUUID: function() {
var e = t.defer()...[2018/10/30]
JS 实现获取验证码 倒计时功能JS 实现获取验证码 倒计时功能
setInterval 一个定时器搞定
<style>
button{
background: #45BCF9;
color: #fff;
padding: 4px 10px;
border: none;
outline: none;
...[2018/10/30]
JS实现textarea通过换行或者回车把多行数字分割成数组并且去掉数组中空的值
删除数组指定的某个元素
var msg = " "; textarea 文本框输入的内容
var emp = [ ]; 定义一个数组,用来存msg分割好的内容
1. 首先可以给JS的数组对象定义一个函数,用于查找指定的元素在数组中的位置,即索引,代码为:
...[2018/10/30]
Webstorm2016使用技巧(SVN插件使用)
最近改用Webstorm作为开发工具,在网上查找一些使用技巧时,发现很多文章都是早期版本的介绍,看起来比较费力,在这里把2016版本的一些使用技巧逐步整理出来,帮助刚接触本软件的“菜猿”们少走些弯路。
1. 安装SVN
我这里使用的是TortoiseSVN-1.9.4.27285-x64-...[2018/10/30]
Phaser.js之简单的跑酷游戏
采用的物理引擎是Phaser.js
官网地址:http: phaser.io/
在这里对此引擎不做过多介绍(因为我也是小白,嘿嘿)
效果展示:
源码(详细源码图片资源可点击文章下方或屏幕右上方的github链接进行clone)
1.创建游戏舞台
1 var co...[2018/10/29]
iview“官方“实现的右键菜单
博客开篇,没想到第一篇博文竟然是前端的,虽略显尴尬,但正能量溢出,你我可能遇到同样问题,在这里分享下个人方案,希望对你有用。
官方目前不提供右键菜单,这里借助Dropdown(下拉菜单)来实现,故为“官方“。
既然Dropdown有类似功能,如果将其文字隐藏,并且在合适时机弹出,便可实...[2018/10/29]
javascript函数中with的介绍
/*js函数中with函数的用法分析 定义 方便用来引用某个对象中已有的属性 但是不能用来给对象添加属性 要给对象创建 新的属性 必须明确的引用该对象*/ 代码格式 with(object) statements object:新的默认对象 statements:一个或多个语句 ojec...[2018/10/29]
了解可执行的NPM包了解可执行的NPM包
NPM是Node.js的包管理工具,随着Node.js的出现,以及前端开发开始使用gulp、webpack、rollup以及其他各种优秀的编译打包工具(大多数采用Node.js来实现),大家都开始接触到一些Node.js,发现了使用NPM来管理一些第三方模块会很方便。
大家搬砖的模式也是从之前的去...[2018/10/29]
又拍云 Node.js 实现文件上传、删除
Node.js 服务端
使用 Node.js + Expre .js 实现 服务端
const expre = require("expre ");
const app = expre ();
const axios = require('axios');
...[2018/10/29]
JavaScript ES6 数组新方法 学习随笔
JavaScript ES6 数组新方法 学习随笔
新建数组
var arr = [1, 2, 2, 3, 4]
includes 方法
includes 查找数组有无该参数 有返回true
var includes = arr.includes(2)
map方法
map 遍...[2018/10/29]
详解 JavaScript的 call() 和 apply()
定义
ECMAScript规范为所有函数都包含两个方法(这两个方法非继承而来), call 和 apply 。这两个函数都是在特定的作用域中调用函数,能改变函数的作用域,实际上是改变函数体内 this 的值 。
call 和 apply
...[2018/10/29]
新玩具,React v16.7.0-alpha Hooks
周五看见React v16.7.0-alpha Hooks,今早起来看见圈里已经刷屏了Hooks,正好周末,正好IG和G2的比赛还没开始,研究下。。。
刚刚接触react时候非常喜欢用函数式组件,因为太简洁了写起来非常快,然后然后。。写到后面发现很多自己以前写的组件需要改。。为什么呢,因为自...[2018/10/29]
ECharts导出word 图表模糊失真
在项目中会有这样的需求,echars生成图表导入到word中
在项目中用的插件
博主有一篇文章将的是 vue使用jquery的三方插件jquery.wordexport.js
https: blog.csdn.net inat_37984999/...[2018/10/29]
javascript中函数的写法javascript中函数的写法
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-wid...[2018/10/29]
gulp前端自动化构建并上传ossgulp前端自动化构建并上传oss
前言
前端自动化构建工具从最开始的grunt, gulp, fis等到现在比较流行的webpack可谓层出不穷,个人还是比较倾向于gulp,虽然有的时候会因为某个插件的配置问题头疼很久,但不可否认gulp真的很灵活,而且个人觉得它和node结合起来比较舒服,再有对项目目录结构的要求比较低,即使再老...[2018/10/29]
gulp入门及简单使用
前言
什么是gulp?gulp有什么用?为什么用gulp?
gulp是前端开发的一种构建工具。
构建工具可以帮助我们工程化地开发项目,比如搭建本地服务器、编译CSS预处理器、保存文件后自动刷新浏览器而不用我们手动去刷新、多个文件合并并压缩、压缩图片等。
gulp在多种构建工具中...[2018/10/29]
JavaScript -- 时光流逝(一):数据类型,变量,类型转换,函数
JavaScript -- 知识点回顾篇(一):数据类型,变量,类型转换,函数
1. 数据类型
Boolean:值类型,布尔(逻辑)只能有两个值:true 或 false。
Number:值类型,JavaScript 只有一种数字类型。数字可以带小数点,也可以不带
string...[2018/10/29]
js之作用域
1.什么是作用域
作用域是用于收集存储维护变量,以及当前执行代码声明的变量所拥有的权限,
例如 :
function foo(a){
console.log(a); -------- 1&n...[2018/10/29]
Javascript 对象 - 字符串对象Javascript 对象 - 字符串对象
字符串对象
字符串对象是JavaScript中比较常见的一种基本数据类型,他封装了一个字符串,并且提供了相应的方法。例如连接字符串、取字符串、分割字符串等。JavaScript中字符串是不可变的,原始的字符串值不可修改。
1.创建字符串
创建字符串有多种方法,可以使用字面...[2018/10/29]
vue 过滤器filters的使用以及常见报错小坑(Failed to resolve filter)vue 过滤器filters的使用以及常见报错小坑(Failed to resolve filter)
今天使用vue 过滤器中发现一个小坑,网上查到的大都是不正确的解决方法,故分享给大家:
原错误代码:
过滤器
filter:{
FdishList:function(value){
if (!value) retur...[2018/10/29]
为什么计时器计时不准?---了解计时器的底层机制
JavaScript提供定时执行代码的功能,叫做定时器(timer),主要由setTimeout()和setInterval()这两个函数来完成。它们向任务队列添加定时任务。初始接触它的人都觉得好简单,实际上真的如此么?这里记载下,一路对其使用姿势变迁的历程。
setTimeout()基础
se...[2018/10/29]
用node探究http缓存
用node搞web服务和直接用tomcat、Apache做服务器不太一样, 很多工作都需要自己做。缓存策略也要自己选择,虽然有像koa-static,expre .static这些东西可以用来管理静态资源,但是为了开发或配置时更加得心应手,知其所以然,有了解http缓存的必要。另外,http缓存...[2018/10/29]
基于ko-easyui实现的PC前端模板功能完善
上一篇博客我向大家介绍了基于ko-easyui实现的开发模板,博客地址:https: www.cnblogs.com/cqhaibin/p/9825465.html#4095185。但在还遗留三个问题。本篇幅文章就以解决这三问题展开。
...[2018/10/29]
Vue 源码分析—— 目录结构
Vue.js 的源码都是在src 目录下,其目录结构如下。
1.compiler 目录包含Vue.js 所有编译相关的代码。它包括把所有模板解析成ast 语法树, ast 语法树优化等功能。
&nbs...[2018/10/29]
js自定义input文件上传样式
文件上传是我们经常会用到的功能,但是原生的input样式太丑了,能不能自定义一个input文件上传样式呢?
我这里写了两种方法,form表单提交跟ajax异步提交都没有问题,自动上传或者点击上传按钮上传也都没问题
先看效果:
代码贴出来:
方法1
...[2018/10/29]