vue2.0 代码功能片段

1、代码片段截取
checkAll: function(flag){
          this.checkAllFlag = flag;
          this.productList.forEach(function(value,index){
             value.checked = flag;
              })
            this.calcTotalPrice();
    },
2、es6语法,解构赋值
const {shell} = require(‘electron’);大括号什么意思

3、本地存取;

   /**
         * 向localStorage中设置数据
         * @param key   字符串
         * @param value 数组
         */
        function SetDataIntoLocalStorage(key, value) {
            localStorage.setItem(key, JSON.stringify(value));
        };

        /**
         * 从localStorage中获取数据
         * @param key   字符串
         */
        function GetDataFromLocalStorage(key) {
            return JSON.parse(localStorage.getItem(key));
        }

        $timeout(function(){
            //ipcRenderer.send(‘settingsWindowInitFinished‘);
        });
    }]);

4、比较函数

sort(function(a,b){
return a -b ;
})

5、Electron clipboard 模块

Electron clipboard 模块

clipboard 模块提供方法来供复制和粘贴操作 . 下面例子展示了如何将一个字符串写道 clipboard 上:

const clipboard = require(‘electron‘).clipboard;
clipboard.writeText(‘Example String‘);

在 X Window 系统上, 有一个可选的 clipboard. 你可以为每个方法使用 selection 来控制它:

clipboard.writeText(‘Example String‘, ‘selection‘);
console.log(clipboard.readText(‘selection‘));
 
时间: 2024-11-04 05:40:04

vue2.0 代码功能片段的相关文章

完善慕课网Vue2.0购物车功能

使用vue2.0实现购物车和地址选配功能这门课程,早之前就在慕课网上看了,个人感觉很不错很适合刚入门vue的新手,最近做的项目都没用vue怕自己生疏了所以就再做一下练练手顺便完善一下老师没有做的小功能. 课程中实现的功能:商品列表的渲染.使用过滤器格式化商品金额.实现单件商品的计算单选全选.实现商品总金额计算和删除商品 完善的功能: 单选按钮选中后再计算总金额: 单选按钮如果全部选中则全选按钮为选中状态,如果没有全部选中则为默认状态 先上图看一下: 先创建一个vue的实例,以下列出的是本项目使用

vue1.0 与 Vue2.0的一些区别 及用法

1.Vue2.0的模板标记外必须使用元素包起来: eg:Vue1.0的写法 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="../js/vue1.js" type="text/javascript" charset="utf-8">

vue2.0组件快速入门

前言 最近开始在学vue相关的内容.组件这章的内容比较多.看了http://www.cnblogs.com/keepfool/p/5625583.html这篇博客,博主总结的还比较全面也挺清晰,可是这篇博客的知识点跟实例都是基于vue 1.0版本的,所以参考这篇博客,我将vue2.0版本中的相关知识点做了一个总结.算是自己学习的一个笔记 什么是组件? 组件 (Component) 是 Vue.js 最强大的功能之一.组件可以扩展 HTML 元素,封装可重用的代码.我们可以将组件看成是封装好的HT

vue2.0项目 calendar.js(日历组件封装)

最近一直闲来无事,便寻思着做一下自己的个人项目,也想说能使用现在比较流行的一些mvvm框架来做,于是就选用了这样的一个技术栈vue2.0+vue-router+vuex+webpack来做,做得也是多页面应用,使用vue-router,也是想说把多个功能模块化,单个模块spa,实现更高的效果.当然现在还在做的过程中,如果感兴趣可以过来star一下,哈哈,https://github.com/xiaobinwu/Wuji,git clone下来看看. 今天要说的是在做这个项目的过程中,自己想加一个

使用vue2.0 vue-router vuex 模拟ios7操作

其实你也可以,甚至做得更好... 首先看一下效果:用vue2.0实现SPA:模拟ios7操作 与 通讯录实现 github地址是:https://github.com/QRL909109/ios7 如果您觉得可以,麻烦给一个star,支持我一下. 之前接触过Angular1.0,React,都只是学点入门,但对于Vue却觉得很容易上手,不止入门简单,插件也是很丰富的,脚手架也是便利的很... 项目分析: 1.首屏滑动解锁,并能移动小圆点 2.主屏幕  长按图标抖动,删除图标,点击小圆点的主屏幕

vue2.0入门

vue2.0 开发实践总结之入门篇 vue2.0 据说也出了很久了,博主终于操了一次实刀. 整体项目采用  vue +  vue-router +  vuex (传说中的vue 全家桶 ),构建工具使用尤大大推出的vue-cli 后续文章:如果有兴趣,可以移步  vue2.0 开发实践总结之疑难篇 项目是图片分享社交平台.   项目预览: 1 .vue-cli构建工具必知  我选用的vue-cli 是基于webpack的版本 ,不了解webpack的可以先粗略看下下面的基本知识 webpack

vue2.0有哪些变化

vue2.0之后有哪些变化: 1.每个组件模板template,不再支持片段代码 之前: <template> <h3>vue-router+vue-loader</h3> <p>hshsh</p> </template>     现在:必须有根元素 <template> <div> <h3>vue-router+vue-loader</h3> <p>hshsh</p&

饿了么基于Vue2.0的通用组件开发之路(分享会记录)

Element:一套通用组件库的开发之路 Element 是由饿了么UED设计.饿了么大前端开发的一套基于 Vue 2.0 的桌面端组件库.今天我们要分享的就是开发 Element 的一些心得. 官网:http://element.eleme.io/#/github:https://github.com/ElemeFE/element ## 设计目的 大部分项目起源都是源于业务方的需求,Element 也是一样.随着公司业务发展,内部开始衍生出很多后台系统,UED 部门也接到越来越多的设计需求,

49 个jquery代码经典片段

49 个jquery代码经典片段,这些代码能够给你的javascript项目提供帮助.其中的一些代码段是从jQuery1.4.2才开始支持的做法,另一 些则是真正有用的函数或方法,他们能够帮助你又快又好地把事情完成.如果你发现你任何可以做得更好的地方的话,欢迎把你的版本粘贴在评论中! 1. 如何修改jQuery默认编码(例如默认UTF-8改成改GB2312):$.ajaxSetup({        ajaxSettings:{ contentType:"application/x-www-fo