【vue 使用小结 2019.03】的更多相关文章

vue 使用小结 2019.03

v-bind 中使用函数 :attr = 'num' 如上面的例子,通常 num 是 vue 实例中 data 的值,或者是 computed 对象中的值,我们可以在具体函数中计算,改变相应的变量,以达到更改效果. 但是,在组件中,data 和 computed 中的变量都是(组件内)全局共享,某一处改变,其他依赖这个数据的地方也会改变,这对于需要独立作用的地方相当不友好. 最近碰到一个问题,在 v-for 中 每层循环中单独计算某个属性的绑定值,首先想到的是  :class="{...}&qu…

如何优雅的使用vue+vux开发app -03

如何优雅的使用vue+vux开发app -03 还是一个错误的示范,但是离优雅差的不远了... <!DOCTYPE html> <html> <head> <title>vue-vux</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <!--include Vux style-->…

[2019.03.25]Linux中的查找

TMUX天下第一 全世界所有用CLI Linux的人都应该用TMUX,我爱它! ======================== 以下是正文 ======================== Linux下面常用的搜索命令有这些:find locate grep which whereis.其中在我用的SuSE上,并没有locate,所以也不能用它神奇的手动更新数据库和"高速"索引查找,而grep是文字查找命令(但是配合某些命令共同执行有奇效).下面我们来看一看他们都是干嘛的 上面四个窗…

2019.03.03 - Linux搭建go语言交叉环境

编译GO 1.6版本以上的需要依赖GO 1.4版本的二进制,并且需要把GOROOT_BOOTSTRAP的路径设置为1.4版本GO的根目录,这样它的bin目录就可以直接使用到1.4版本的GO 搭建go语言开发环境只需要: 编译go1.4版本,设置好GOROOT_BOOTSTRAP,然后再执行脚本编译安装GO1.6以上版本 有关资料: https://www.cnblogs.com/schips/p/10465706.html https://blog.csdn.net/sanallen/artic…

vue开发小结(下)

前言 继前几天总结了vue开发小结(上)后,发现还有很多的点没有能列举出来,于是还是打算新建一个下篇,再补充一些vue开发中需要注意的细节,确实还是都是细节的问题,我只是在这里强调下,希望对大家有帮助(ps:另关于管理端的貌似我还没写,说不定还有一篇,哈哈). 正文 这次主要大概总结下vue history模式下微信分享和微信支付的细节. 一.微信分享 首先vue history模式下,vue是通过history.pushState API 来完成 URL 跳转实现路由的加载的,因此和多页面的实…

大白话Vue源码系列(03)：生成render函数

阅读目录 优化 AST 生成 render 函数 小结 本来以为 Vue 的编译器模块比较好欺负,结果发现并没有那么简单.每一种语法指令都要考虑到,处理起来相当复杂.上篇已经生成了 AST,本篇依然对 Vue 源码做简化处理,探究 Vue 是如果根据 AST 生成所需要的 render 函数的. 优化 AST 优化 AST 的目的是优化整体性能,避免不必要计算.比如那些不存在数据绑定的节点,即纯静态的(purely static)在更新视图时根本不需要改变,因此在数据批处理,页面重渲染时可直接跳…

Vue学习小结(二)

接上一批,小结(二). 三.导航内容(含左侧导航及顶部面包屑导航) 其实导航条主要根据element-ui的教程进行编写,官网:http://element-ui.cn/#/zh-CN/component.左侧导航为NaveMenu导航菜单,地址:http://element-ui.cn/#/zh-CN/component/menu,顶部为面包屑导航,地址:http://element-ui.cn/#/zh-CN/component/breadcrumb.多掌握组件的写法吧,简单上手,但是真的精…

Vue学习小结(一)安装依赖与数据来源

不多说啥了,生活中都是各种阵痛与惊喜.最近在学习vue框架,刚写完一个小型的后台管理系统(https://github.com/michaelzhengzm/info-manager-systerm_ol),在这里做一个阶段性的小结: 一.构建项目与安装依赖 构建项目采用vue-cli脚手架搭建,npm.cnpm.vue-cli这些知识的基础,网上一大片一大片的,就不过多的描述了.难理解的是里面的配置文件,初学的时候确实费了很多劲,先不用去管太多的配置文件,这些主要是以后上线打包的一些配置问题.…

Vue使用小结

公司新项目使用Asp.Net Core+Vue组合来做,这里总结下对于Vue的认识 为什么选择Vue 主要基于以下几点选择Vue而不是jQuery.React等框架 双向绑定相比于jQuery减少了许多DOM操作 文档相比于React和Angular,Vue的文档简单易读 上手快 轻量级 Debug Chrome借助于Vue Devtools插件可以方便的查看Vue对象: Vue实例 基本使用 页面中至少有一个Vue实例 var vm = new Vue({ el: '#app', data:…

vue视频学习笔记03

video 3 git page:任何仓库 master分支,都可以发布(git page)-------------------------------------双向过滤器:Vue.filter(name,{read:write:});-------------------------------------1.02.0-------------------------------------引入 vue.js-------------------------------------bowe…

大白话Vue源码系列(03)：生成AST

阅读目录 AST 节点定义 标签的正则匹配 解析用到的工具方法 解析开始标签 解析结束标签 解析文本 解析整块 HTML 模板 未提及的细节 本篇探讨 Vue 根据 html 模板片段构建出 AST 的具体过程.这对 Vue 的使用通常没什么帮助,但熟悉这个过程会对 Vue 的内部工作原理有更清晰的认识. 主代码位置:Vue 项目的 src/compiler/parser/html-parser.js 文件. AST 节点定义 AST 是由一个个节点组成的,正如 DOM 树是由 DOM 节点组成…

[2019.03.16]使用DOM操作函数和CSS选择器来针对已有的HTML进行只凭JS的改动

刚入职的时候看到公司用的HTML日志生成工具附带的Panel,工具不够用,找个Fail还要找半天,于是自己琢磨着添砖加瓦.以前也是个半吊子前端工程师,现在可倒好,想要改页面却连页面生成的模板在哪里都不知道,只有通过改动JavaScript才能实现对页面的修改. 固然,操作DOM有原版的 document.getElementsBy 一族,可是它们get的时候不能通过 class 和 标签 来区分,比如: <div class="FAIL"> <tr class=&qu…

Vue技巧小结（持续更新）

1. 动态生成的input自动focus 背景: input元素在需要时才插入DOM,这时元素用autofocus属性第一次是可以获取焦点,但是如果有第二个,就不再生效,所以得另外的办法. 方法: //在input插入DOM后,这样才能focus到.setTimeout(function(){ inputElem.focus(); }, 0); //技巧 2. plupload插件引入时报“mOxie undefined” 背景: vue引入plupload插件(plupload.full.mi…

vue开发小结（上）

前言: 18年年底,就一个字,忙,貌似一到年底哪个公司都在冲业绩,包括我们自己开发自己公司的项目也一样得加把劲.自从18年年初立了个flag17年年终总结——走过2017,迎来2018Flag到现在又一年了.想想当时立的flag还是很多没有完成到,说的第一点就没有完成了(ps:这确实不能怪我,真的忙),健身也是落下了,而node.js的呢还在进程中,说不定稍后会出了系列的文章(ps:当然不会像之前那几篇那样,感觉写得有点云里雾里的).当然,今天的重点不是说这些,而是我在vue项目上实践的一些小汇…

2019.03.30 图解HTTP

文章来源<图解HTTP> 第一章 了解Web及网络基础 你有想过当你在浏览器(web browser)的地址栏上输入URL时,Web页面是如何实现的吗? 嗯,好像也没想过 web使用一种名为HTTP(Hyper Text Transfer Protocol,超文本传输协议)的协议作为规范,完成从客户端到服务器端等一系列运作流程. 严谨的译名应该为“超文本转移协议” 地址URL(Uniform Resource Locator,统一资源定位符) 如何知识共享而规划Web:把SGML(standa…

Vue学习小结

ES6 let完全可以取代var const声明一个只读的常量 箭头函数:可以绑定this对象,大大减少了显式绑定this对象的写法(call.apply.bind) 函数绑定(function bind,双冒号)运算符:用来取代call.apply.bind调用 Object.is() 模块化(Module):export 与 import Node.js Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境,一个让 JavaScript 运行在服务器端的开发…

vue 面试题 2019

vue核心知识点 1.对于Vue是一套渐进式框架的理解 渐进式代表的含义是:主张最少. Vue可能有些方面是不如React,不如Angular,但它是渐进的,没有强主张,你可以在原有大系统的上面,把一两个组件改用它实现,当jQuery用:也可以整个用它全家桶开发,当Angular用:还可以用它的视图,搭配你自己设计的整个下层用.你可以在底层数据逻辑的地方用OO和设计模式的那套理念,也可以函数式,都可以,它只是个轻量视图而已,只做了自己该做的事,没有做不该做的事,仅此而已. 渐进式的含义,我的理解…

vue知识点小结

vue.js中==和===的区别 1.== 用于比较.判断两者相等,比较时可自动换数据类型 2.=== 用于(严格)比较.判断两者(严格)相等,不会进行自动转换,要求进行比较的操作数必须类型一致,不一致时返回flase.…

2019.03.30 Dialog demo 一个标准使用的dialog程序

PROGRAM zdemo_dialog. INCLUDE zdemo_dialogtop. INCLUDE zdemo_dialogo01. INCLUDE zdemo_dialogi01. INCLUDE zdemo_dialogf01. INCLUDE zdemo_dialoghelp. *&---------------------------------------------------------------------* *& 包含               ZDEMO_…

Cheatsheet: 2019 03.01 ~ 04.30

Golang How To Install Go and Set Up a Local Programming Environment on macOS Build A Go API 40+ practical string tips [cheat sheet] Using Go Modules Practical Go: Real world advice for writing maintainable Go programs Why are my Go executable files s…

vue学习过程总结（03） - 菜鸟教程归纳

1.模板语法 1.1.文本插值,数据绑定.{{}},如: <p>{{ message }}</p> 1.2.输出HTML代码.v-html,如: <div v-html="message"></div> 1.3.HTML属性值绑定. v-bind,如: <div id="app"> <pre><a v-bind:href="url">菜鸟教程</a>&…

[2019.03.22] Linux 学习心得（1）

本文关键词:shell 判断.grep正则表达式使用和贪婪匹配理解 1. if [ $a -le $b ], 一开始自学的时候我以为 [ ... ] 就是普通的,语法规定的结构,结果其实人家是"test"的变体,它的效果等同于使用 " test ... ",结果是将指令 ... 执行完了以后输出出来的东西作为返回值.注意,他并不是能执行所有的命令,作为“判断符号”,他要求里面的指令运行结果是 TRUE 或者 FALSE. 2. 如果xxx,就输出xxx,除了使用 i…

[2019.03.21]LF, CR, CRLF and LFCR(?)

开玩笑的啦,没有LFCR这种沙雕东西 为什么突然想起来写这个呢,是因为先前照着shell画llehs的时候,总报错,改正了以后又因为看不见而在上一篇博客上没有写明,所以过来好好写一写咯. 可以看出报错里面出了各种稀奇古怪的东东:无法识别#!bin/sh以及觉得每一行代码后面都多了\r 故事开始于上古时期,那个时期的人们还在用打字机帮助自己不用笔.最早的时候打字机是纯机械不用电的,按下Enter是没有办法让光标挪动到下一行的(事实上那个时候既没有Enter也没有光标啦),需要人们拉一下手柄让传动装…

[2019.03.20]Linux Shell 执行传参数和expr

前不久入职实习生,现在在帮着组里面dalao们跑Case,时不时要上去收一下有木有Dump,每次敲命令太烦人于是逼着自己学写Shell脚本.一开始真的是很痛苦啊,也没能搞到书,只能凭网上半真半假的消息照葫芦画瓢!废话少说,上正文! =========================我是分割线========================= clear echo "Check_dump is a tool help you check dumps" numberOfSPs= comma…

ARTS Challenge- Week 1 (2019.03.25~2019.03.31)

1.Algorithm - at least one leetcode problem per week(Medium+) 986. Interval List Intersections https://leetcode.com/problems/interval-list-intersections/  Medium Basic sorting and one time scan, be sure to process the start and end of each interval,…

zabbix学习笔记----安装----2019.03.26

1.zabbix官方yum源地址:repo.zabbix.com 2.安装zabbix server zabbix server使用mysql作为数据库,在zabbix 3.X版本,安装zabbix-server-mysql包即安装了server端包,同时可以在服务端安装zabbix——get包,以便向agent端发起测试采集数据请求:yum zabbix-server-mysql zabbix-get. 3.初始化zabbix 数据库 此处将mysql与zabbix安装在同一台服务器上,当安装…

zabbix学习笔记----概念----2019.03.25

1.zabbix支持的通讯方式 1)agent:专用的代理程序,首推: 2)SNMP:  3)SSH/Telnet:  4)IPMI,通过标准的IPMI硬件接口,监控被监控对象的硬件特性. 2)zabbix组件: zabbix agent:部署在被监控主机上,负责收集被监控主机的数据,并将数据发送给zabbix server: zabbix server:负责接收到agent的消息数据,并负责组织配置信息,统计信息,操作数据等: zabbix databse:用于存储所有zabbix的配置信息.…

2019.03.29 bzoj5463: [APIO2018] 铁人两项（圆方树+树形dp）

传送门 题意简述:给你一张无向图,问你满足存在从a−>b−>ca->b->ca−>b−>c且不经过重复节点的路径的有序点对(a,b,c)(a,b,c)(a,b,c)的数量. 思路: 对每一个连通块建一棵圆方树,然后可以按照圆点和方点做不同的树形dpdpdp. 圆点:找存在于两棵不同子树的点对数 方点:找存在于三颗不同子树的点对数. 代码: #include<bits/stdc++.h> #define ri register int using namesp…

2019.03.29 NOIP训练 友好国度（点分治+容斥）

传送门 思路: 直接上点分治+容斥计算每个因数对应的贡献即可. 代码: #include<bits/stdc++.h> #define ri register int using namespace std; const int rlen=1<<18|1; inline char gc(){ static char buf[rlen],*ib,*ob; (ib==ob)&&(ob=(ib=buf)+fread(buf,1,rlen,stdin)); return i…

2019.03.29 bzoj3323: [Scoi2013]多项式的运算（非旋treap）

传送门 题意:定义一个无穷项的多项式f(x)f(x)f(x),初始各项系数都为0,现在有几种操作 将xLx^LxL到xRx^RxR这些项的系数乘上某个定值v 将xLx^LxL到xRx^RxR这些项的系数加上某个定值v 将xLx^LxL到xRx^RxR这些项乘上x变量 将某个定值v代入多项式F(x),并输出代入后多项式的值,之后多项式还原为代入前的状况 其中第四种操作不会出现超过10次. N≤105,0≤L≤R≤105,0≤v≤109N\le10^5,0\le L\le R \le10^5,0 \…