SF
菜鸟杨@
菜鸟杨@
注册登录
关注博客
注册登录
主页
关于
RSS
Vue中读取上传excel表并读取excel表的数据
HappyCodingTop
2019-07-05
阅读 4 分钟
14.8k
安装xlsx插件 {代码...} 这里使用 element-ui 的上传组件关闭默认上传的操作,在on-change事件上绑定importExcel上传函数如果用传统的input上传组件也可以 {代码...} 上传文件的方法importExcel {代码...}
在Vue中使用icon 字体图标
HappyCodingTop
2019-06-13
阅读 2 分钟
14.3k
3 生成链接4在我们的vue项目中,找到index.html文件,引入css样式,记住这里要放上你的链接地址5接下来我们就可以在任何组件地方使用我们的图标了,我这里就是用上面生成的三个图标其中的一个。
解决Vue移动端事件延迟的问题
HappyCodingTop
2019-06-11
阅读 1 分钟
1.6k
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1,minimum-scale=1, user-scalable=no" />
PubSub-js 订阅消息和发布消息的使用
HappyCodingTop
2019-06-10
阅读 1 分钟
12.1k
PubSubJS is a topic-based publish/subscribe library written in JavaScript.即 一个利用JavaScript进行发布/订阅的库
Swiper详略一二
HappyCodingTop
2019-06-08
阅读 3 分钟
2.4k
一般初始化配置 {代码...} swiper禁止手动滑动只需要在最外层的容器上增加class="swiper-no-swiping"slideChangeTransitionEnd回调函数,swiper从一个slide过渡到另一个slide结束时执行。 {代码...}
Vue中的$set的使用
HappyCodingTop
2019-05-27
阅读 1 分钟
8.2k
vue实例创建之后添加新的属性到实例上,它不会触发视图更新 当生成vue实例后,当再次给数据赋值时,有时候并不会自动更新到视图上去;子组件的props数据不能与父组件传递的值实时保持一致。 data () { {代码...} } mounted () { {代码...} } 使用$set()方法,既可以新增属性,又可以触发视图更新。 受 ES5 的限制,Vue.js...
详解 mpvue 小程序框架 及和原生的差异
HappyCodingTop
2019-05-21
阅读 4 分钟
5.2k
1.组件化开发2.完成的Vue.js开发体验(前提是熟悉Vue)3.可使用Vuex管理状态4.Webpack构建项目5.最终H5转换工具将项目编译成小程序识别的文件
VUX的安装使用
HappyCodingTop
2019-05-11
阅读 1 分钟
1.5k
VUX的安装使用 npm i vux -S 安装 vux-loader npm i vux-loader -D vux是使用的less 安装less npm i less less-loader -D 在build/webpack.base.conf.js中 添加配置 {代码...} 在goodslist中引入 scroller {代码...} 在template中添加html代码 {代码...} 需要自己去添加浮动 来使标签在一行上显示 .box1 { width: 750px;...
VUE Error:if there's nested data,rowKey is required错误
HappyCodingTop
2019-05-11
阅读 1 分钟
8k
最近用element-ui的表格时,请求的嵌套数据 出了这个bug 让我难受了好久..最后终知 "element-ui": "^2.4.8", 版本带^的默认使用最近版本。所以产生错误提示 解决办法:1 去掉^符号 2 保持版本样式不变,在表单中加入 row-key属性
Vuex
HappyCodingTop
2019-05-08
阅读 3 分钟
1.3k
Vuex是一个针对Vue.js开发的状态管理模式。说简单点儿就是一个工具,可以管理(修改或设置)所有组件用到的数据,而不需要借助之前的event bus或者props在组件间传值。
Vue 父子传值 与 子父传值
HappyCodingTop
2019-04-30
阅读 6 分钟
6.6k
<div id="app"> 父组件,可以在引用子组件的时候, 通过 属性绑定(v-bind:) 的形式, 把 需要传递给 子组件的数据,以属性绑定的形式,传递到子组件内部,供子组件使用
续命之移动适配
HappyCodingTop
2019-04-28
阅读 4 分钟
1.9k
最近看了好多移动适配的资料,整理了一下以作后续开发少出bug(哈哈~)移动端布局,为了适配各种大屏手机,目前最好用的方案莫过于使用相对单位rem。基于rem的原理,我们要做的就是: 针对不同手机屏幕尺寸和dpr动态的改变根节点html的font-size大小(基准值)。这里我们提取了一个公式(rem表示基准值)rem = document.docum...
数组的方法
HappyCodingTop
2019-04-26
阅读 4 分钟
2.9k
遍历数组中的每一个成员 让其去执行回调函数(forEach 没有返回值 ) some有返回值 返回值是bool返回值为true 表示某一个成员满足了 回调中设置的过滤规则 此时会终止整个循环
javascript中的Error对象
HappyCodingTop
2019-04-25
阅读 1 分钟
2.7k
Error 类实例表示的错误或异常通常配合 throw 和 try/catch 语句一起使用。name 属性指明该异常的类型,message 属性则提供了该异常的人类可读细节。 JavaScript 解释器永远不会直接抛出 Error 对象,它只会抛出 Error 的子类,如 URIError、EvalError、SyntaxError 等。我们通常在自己的代码中,抛出 Error 对象来发...
javascript原生实现双向数据绑定
HappyCodingTop
2019-04-24
阅读 2 分钟
3.1k
<body> {代码...} Object.defineProperty(obj, prop, descriptor) 参数说明: {代码...} get/set {代码...} </body>
reset.css
HappyCodingTop
2019-04-22
阅读 2 分钟
1.6k
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption,...
cookie与session的使用(详解)
HappyCodingTop
2019-04-21
阅读 1 分钟
3.8k
用来存储客户端的一小段文本是一门客户端的技术 因为cookie是存储在客户端浏览器中的是为了实现 客户端与服务器端之间的状态的保持cookie技术,不安全,不要使用cookie存储敏感信息!比如登录状态和登录信息;一些敏感的数据 应该存储在服务器端
semantic-ui的下拉菜单效果在网页中的实现以及初始化
HappyCodingTop
2019-04-20
阅读 1 分钟
4.1k
semantic UI 是一款很好用的CSS工具,集成了很多很漂亮的UI模块,能够使网页制作更加高效和美观。今天使用的时候遇到一点问题记下来
FROM表单中单选按钮和复选框值的传递
HappyCodingTop
2019-04-19
阅读 1 分钟
5.2k
单选按钮(Radio Buttons)是通过name属性来分组的,也就是说必须使用相同的name,radio才会形成单选,如上面的例子,Male和Female的radio的name属性都是sex。如果name不同,是不具备单选这个效果的。checked 默认选择 如果将 checked 属性放在多个单选按钮上,以后的实例将覆盖之前的实例; 也就是说,最后一个 checked ...
webSocket和Socket.IO框架 在vue项目中使用websocket
HappyCodingTop
2019-04-19
阅读 9 分钟
3.3k
● HTTP协议是无状态的,服务器只会响应来自客户端的请求,但是它与客户端之间不具备持续连接。● 我们可以非常轻松的捕获浏览器上发生的事件(比如用户点击了盒子),这个事件可以轻松产生与服务器的数据交互(比如Ajax)。但是,反过来却是不可能的:服务器端发生了一个事件,服务器无法将这个事件的信息实时主动通知它...
express 中间件 的概念
HappyCodingTop
2019-04-17
阅读 2 分钟
1.1k
如果我的的get、post回调函数中,没有next参数,那么就匹配上第一个路由,就不会往下匹配了。如果想往下匹配的话,那么需要写next()1app.get("/",function(req,res,next){2 console.log("1");3 next();4});56app.get("/",function(req,res){7 console.log("2");8});
express框架的的方法和配置模板引擎(node框架 http模板的封装)
HappyCodingTop
2019-04-17
阅读 2 分钟
1.6k
// 导入expressconst express = require('express');// 调用express()创建服务器const app = express();// 调用app.get方法 来监听客户端的get请求,并执行要监听的url地址 和处理函数app.get('/',(req,res)=>{// 使用express调用http模块中的send方法向客户端发送数据res.send('你好')})// 调用app.listen()方法启动e...
JavaScript中exec()方法详解
HappyCodingTop
2019-04-14
阅读 2 分钟
4.6k
直接调用即可。如果匹配到字符串返回一个数组;如果没有匹配到返回null1) var re1=new RegExp("w{2}"); var res1=re1.exec("要检索的字符串");
javascript中枚举 迭代对象的方法
HappyCodingTop
2019-04-13
阅读 5 分钟
2k
for...in 循环只遍历可枚举属性。像 Array和 Object使用内置构造函数所创建的对象都会继承自Object.prototype和String.prototype的不可枚举属性,例如 String 的 indexOf()方法或 Object的toString()方法。循环将遍历对象本身的所有可枚举属性,以及对象从其构造函数原型中继承的属性(更接近原型链中对象的属性覆盖原型...
Node概念详解
HappyCodingTop
2019-04-12
阅读 2 分钟
1.9k
语言本身只提供定义变量 定义函数,定义类型,流程控制,循环结构之类的操作取决于运行该语言的平台(环境)对于js来说,我们常说的js实际是ES,大部分能力都是有浏览器的执行引擎决定的BOM和DOM可以说是浏览器开放出来的接口javascript能运行在哪取决于 这个环境有没有特定的平台
关于Content-Type几种值的区别及用法
HappyCodingTop
2019-04-11
阅读 1 分钟
5k
1、Content-Type 的值类型: 1.1 application/json:消息主体是序列化后的 JSON 字符串 1.2 application/x-www-form-urlencoded:数据被编码为名称/值对。这是标准的编码格式 1.3 multipart/form-data: 需要在表单中进行文件上传时,就需要使用该格式。常见的媒体格式是上传文件之时使用的 1.4 text/plain:数据以纯文...
【Jquery对象】jquery与dom对象的区别
HappyCodingTop
2019-04-10
阅读 1 分钟
1.4k
jQuery对象就是通过jQuery包装DOM对象后产生的对象(集合对象)。jQuery对象是jQuery独有的,可以使用jQuery里的方法。因此jQuery对象和DOM对象是不一样的,不能调用对方定义的方法。所以$(‘#test’).innerHTML会报错,document.getElementById(‘#test’)[0].html()也会报错。
谈谈JavaScript中function多重理解
HappyCodingTop
2019-04-09
阅读 3 分钟
1k
JavaScript 中的 function 有多重意义。它可能是一个构造器(constructor),承担起对象模板的作用; 可能是对象的方法(method),负责向对象发送消息。还可能是函数,没错是函数,和对象没有任何关系独立存在的可以被调用的函数。
javascript中array的map方法的使用
HappyCodingTop
2019-04-07
阅读 1 分钟
2.4k
}); console.log(ar);//[4, 8, 12, 16, 20, 24, 28]console.log(arr);//[1,2,3,4,5,6,7]例2:
详解JavaScript中localStorage使用要点
HappyCodingTop
2019-04-07
阅读 1 分钟
2.3k
localStorage提供了几个方法: 1、存储:localStorage.setItem(key,value) 如果key存在时,更新value 2、获取:localStorage.getItem(key) 如果key不存在返回null 3、删除:localStorage.removeItem(key) 一旦删除,key对应的数据将会全部删除 4、全部清除:localStorage.clear() 某些时候使用removeItem逐个删除太麻烦,...
上一页
1
…
More
5
6
7
(current)
8
下一页
上一页
7
(current)
下一页