vue 工作随笔

现在工作要做一个电商项目,将工3作的笔记记在这儿,以后方便结总本套项目用的前端方案是: vue vue-router Element -ui Axios Echarts 后端技术采用node.js Exress.js 状态采用jwt 持久化采用mysql 数据库工具使用sequelize 安装vue脚本架 ______________________________________________________ cnpm install -g vue/cli 查看版本 vue -…

一个HTML5培训班毕业生的找工作随笔

昨天刚参加完一个面试,通过了.写个随笔记录一下. 先介绍一下背景. 我是今年十月份的时候从某个培训机构的HTML5 Web前端培训班毕业的,是一个刚进入IT行业的新人. 本人毕业于某三流学校,在参加培训班之前,我已在校自学了很长一段时间的相关技术,主要是自己买书学习,然后就是逛逛技术博客啥的.因学历背景不够硬,再加上对自己的技术能力不够自信,便在某培训机构的美女小姐姐的强力推荐下报了个HTML5 Web前端开发培训班,两万大洋啊!心疼! 培训班将学习内容共分了三个阶段,换了三个老师,每个阶段一个…

vue工作原理分析

初始化在 new Vue() 时会调⽤用_init()进⾏行行初始化,会初始化各种实例例⽅方法.全局⽅方法.执⾏行行⼀一些⽣生命周期. 初始化props. data等状态.其中最重要的是data的「响应化」处理理. 初始化之后调⽤用 $mount 挂载组件,主要执⾏行行编译和⾸首次更更新编译编译模块分为三个阶段 1. parse:使⽤用正则解析template中的vue的指令(v-xxx) 变量量等等形成抽象语法树AST 2. optimize:标记⼀一些静态节点,⽤用作后⾯面的性能优化…

工作随笔——Java调用Groovy类的方法、传递参数和获取返回值

接触Groovy也快一年了,一直在尝试怎么将Groovy引用到日常工作中来.最近在做一个功能的时候,花了点时间重新看了下Java怎么调用Groovy的方法.传递参数和获取返回值. 示例Groovy代码如下: # TestGroovy.groovy 定义testC方法,传入3个参数,返回处理后的数据 def testC(int numA, int numB, int numC) { "传入参数:" + numA + numB + numC + "计算之和为:" + (…

2013/11/22工作随笔-缓存是放在Model层还是放在Controller层

web网站的典型代码框架就是MVC架构,Model层负责数据获取,Controller层负责逻辑控制,View层则负责展示. 一般数据获取是去mysql中获取数据但是这里有个问题,我们不会每次请求都去mysql中获取,当并发量大的时候,我们希望mysql前面有层缓存做着. 这层缓存可能是redis,memcache,File等,但是这个逻辑代码是放在Controller中好还是Model中好呢? 放在Controller中: 好处:可以单个Controller进行控制,每个controller…

工作随笔——xshell4安装后应该做的一些事

xshell4默认支持中文语言选项→键盘和鼠标:设置快捷键,鼠标按键(可以提高工作效率) 1.选定文本自动复制到剪贴板选择→将选定的文本自动复制到剪贴板(选上) 2.更高鼠标中间按钮和右键按钮的功能鼠标(根据自己的习惯选择) 本地shell→文件→属性:修改默认会话属性 1.修改远程主机的编码终端→编码(根据自己的需要选择) 2.修改小写键盘的工作模式(默认设置在vim中使用会有问题) 终端→VT模式→初始数字键盘模式(DECNKM):设置为普通配色方案: [Names] count=…

工作随笔——selenium支持post请求，支持自定义header

背景: 最近在写一个小程序,发现博主所在的地区访问该网站时有防ddos功能验证导致程序不能正常工作. 经过试验发现可以用国外代理ip解决这个问题,但是程序走代理访问延迟高且不稳定. 思路: selenium启动浏览器 => 手动通过网站ddos验证 => 程序操控其他业务请求问题: 1.selenium 不支持 post 请求方式 2.selenium 不支持自定义 request header 环境: selenium:3.8.1 JDK:1.8 firefox:45.9.0esr …

工作随笔——ember框架去除url上的#号

因为工作原因,接触到了一套非常好的前端框架--ember. ember框架高度封装,学习曲线比较陡峭. ember对于url更新的配置在config/environment.js >> locationType上. locationType有4种模式: history:使用html5的history API(url中没有#号) hash:使用锚点的url方式(url中会存在/#/xxxx这种路径,会影响浏览器解析页面的锚点) auto:优先尝试history模式 none:不更新url 根据以…

VUE之随笔小总结1

VUE 它是一个构建用户界面的JavaScript框架vue指令: 是带有v-前缀的特殊属性,通过属性来操作元素 v-text:在元素当中插入文本 eg:属性值会覆盖自己插入的值 //插入一段文本<div id="app"> <p v-text="message"></p> </div> <script> var vm = new Vue({ el:'#app', data:{ message:'hello…

工作随笔—Java容器基础知识分享（持有对象）

1. 概述通常,程序总是运行时才知道的根据某些条件去创建新对象.在此之前,不会知道所需对象的数量,甚至不知道确切的类型,为解决这个普遍的编程问题:需要在任意时刻和任意位置创建任意数量的对象,所以,就不能依靠创建命名的引用来持有每一个对象,因为你不知道实际上会需要多少这样的引用. 大多数语言都提供某种方法来解决这个基本问题.Java有多种方式保存对象(应该说是对象的引用).例如数组,它是编译器支持的类型.数组是保存一组对象的最有效的方式,如果你想保存一组基本类型数据,也推荐使用这种方式.但是数据…

vue 工作学习总结

配置ESlint yarn 初始化 yarn init yes 添加依赖 yarn add [package] 升级依赖 yarn upgrade [package] 移出依赖 yarn remove [package] npm npm i npm init --yes npm i gulp-pug gulp-debug gulp-sass //生产依赖 npm i gulp -P //开发依赖 npm i gulp -D //不添加到package.json npm i gulp --no-s…

Vue工作原理小结

本文能帮你做什么?1.了解vue的双向数据绑定原理以及核心代码模块2.缓解好奇心的同时了解如何实现双向绑定为了便于说明原理与实现,本文相关代码主要摘自vue源码, 并进行了简化改造,相对较简陋,并未考虑到数组的处理.数据的循环依赖等,也难免存在一些问题,欢迎大家指正.不过这些并不会影响大家的阅读和理解,相信看完本文后对大家在阅读vue源码的时候会更有帮助<本文所有相关代码均在github上面可找到 https://github.com/DMQ/mvvm 相信大家对mvvm双向绑定应该都不陌生了,…

Vue.js随笔四(方法的声明和使用)

1.首先你需要新建路由,这个就不多说了 2.然后在你的新的.vue里面需要如下所示的添加methods:{方法},然后按钮的里面你会看到v-on:click,这就是点击这个按钮会触发的动作,这个就是触发methods里的highlight函数,当然v-on:click也可以写成@click这两个是一样的 <html> <head> <script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js&quo…

Vue.js随笔二(新建路由+component+添加样式+变量的显示)

创建一个页面: 1.首先让我们看一下整个vue.js的目录,如下图所示: 2.现在让我们创建一个页面吧: 2-1首先你需要新建路由(就和建立一个如何找到项目文件的目录一个意思):进入src/router/index.js修改即可 import Vue from 'vue' import Router from 'vue-router' //就拿下面这行作比方,下面这行就相当于引入Say这个component import SayHi from '@/components/SayHi' Vue.u…

Vue.js随笔一(Webpack + Vue.js开发准备，含VNM、NPM、Node、Webpack等相关工具)

想入门工具是必须的,这一章将向大家带来vue.js相关的程序安装步骤. ①首先你需要有一个NVM(一个非常好用的Node版本管理器): 1.NVM下载地址:https://github.com/coreybutler/nvm-windows/releases 下载nvm-setup.zip即可 2.安装过程(除了第二个需要手动选个安装目录其他的直接下一步就ok): 3.此时你需要检查环境变量是否自动配置: 打开控制面板(也可以通过Win键+R+输入control+enter),之后点击“系统和安…

工作随笔——Swift中的Range和一些字符操作

截取字符串在Swift中相比OC要复杂很多,主要原因可能还是OC的NSRange的创建方法中参数类型为int,而Swift却对类型要求很严格,int不能作为参数创建Range,这要使用String中的startIndex和endIndex,但问题又出来了,如果要有灵活的范围呢?在之前可以直接就用advance函数,现在的Swift没有这个函数了,要用到advancedBy和distanceTo. 以下代码是对于Range和advancedBy函数的使用: //截取子串 let str = "He…

工作随笔——UIButton的EdgeInsets + Swift中的正则表达式；

1.UIButton的EdgeInsets UIButton的EdgeInsets方法,是用来设置title和image对于上左下右四个方向的偏移,但是很奇怪的是,刚开始只有Image,titile也设置了结果没显示出来,问题出现的很奇怪,也没找到什么原因,代码也没有错,莫名其妙的,换了一个图试了试,果然就好了:最后网上也找了原因,没有说明的,只是说这种现象的出现是因为"Button的width > titleLabel的width + image的width(图片原大小)" ,…

工作随笔——mysql子查询删除原表数据

最近在开发的时候遇到一个mysql的子查询删除原表数据的问题.在网上也看了很多方法,基本也是然并卵(不是写的太乱就是效率太慢). 公司DBA给了一个很好的解决方案,让人耳目一新. DELETE fb.* FROM froadbill.bill fb LEFT JOIN froadbill.refundinfo br ON br.billSeqNo = fb.seq_no WHERE br.billSeqNo IS NULL AND fb.create_time >=' ; froadbill.b…

工作随笔——Intellij_idea-14官方快捷键中文版

听说Intellij Idea好几年了.因为快捷键的原因,所以一直没有放弃eclipse.上周末抽了点时间,用google翻译+自己实践翻译了一下官方的快捷键. 基本做完的时候在百度文库上突然搜索到一篇比较全的Intellij Idea 13.1的快捷键.好吧,下载下来,整合整合,顺便加上自己理解. word版本:点我去下载编辑类: Ctrl+Space 基本代码实例(类.方法.变量) Ctrl + Shift + Space 智能代码实例(根据需要的类型过滤方法和变量) Ctrl + Shi…

工作随笔——一次简单的Maven加速构建实战

注意:所有的编译.打包.部署全部是通过Jenkins完成的. 公司内部有一个项目,开始做的时候已经预计到会有很多客服端.所以开发就搞了如下的结构: fft-api # 公用的API,所有的程序都必须使用 fft-client-hubei # 湖北客户端 fft-job # 定时任务 fft-persistent # 数据库连接层 fft-persistent-api # 数据库连接层API fft-server # 公用服务端.所有的客户端都连接服务端,服务端去连接数据库连接层. pom.xml…

工作随笔——使用svnsync实时备份SVN版本库

前段时间把SVN版本库从win迁移到了Linux上,没隔几天那台win的磁盘就严重坏道了....这TMD什么运气! 花费了点时间研究了下svn自己的同步工具.写个日志记录下. 注意:svnsync要求svn版本1.4+ 下面的内容来自svnbook-1.4svnsync svnsync是Subversion的远程版本库镜像工具,它允许你把一个版本库的内容录入到另一个. 在任何镜像场景中,有两个版本库:源版本库,镜像(或“sink”)版本库,源版本库就是svnsync获取修订版本的库,镜像版本库是…

工作随笔——pre-commit钩子限制日志长度和提交的文件类型

2014-09-18:解决Subversion edge 的hook中文乱码问题近期检查SVN时发现备份好的文件体积异常庞大.才跑2个月备份出来的大小就有4G多.仔细查询发现很多很多IDE自动生成的二进制文件...我类个去.好吧,开发不自觉就只有强制限制了. google的时候发现这篇文章:http://blog.csdn.net/clever101/article/details/8560833 自己动手丰衣足食.脚本如下: #!/bin/bash export LANG="zh_CN.UT…

2013/11/21工作随笔-PHP开启多进程

今天被问到一个问题,php如何开启多进程才比较稳定. php开启多进程执行一个操作有哪些方法: 首先想到的是使用pcntl的fork 具体可以参考之前的文章:PHP的pcntl多进程其次想到的方法是使用linux的crontab 有个php程序,内部实现大概是 <?php $startTime = time(); while(1) { if (time() - $startTime > 600) { break; } // ... Do SomeThing } 意思是这个程序会持续10分钟,…

工作随笔——CentOS6.4支持rz sz操作

yum一句话解决: yum -y install lrzsz…

工作随笔——tar命令批量解压

由于linux的tar命令不支持批量解压,所以很多网友编写了好多支持批量解压的shell命令,收集了一下,供大家分享: 第一: for tar in *.tar.gz; do tar xvf $tar; done 第二:用tar命令批量解压某个文件夹下所有的tar.gz文件 ls *.tar.gz | xargs -n1 tar xzvf 第三:find -maxdepth 1 -name "*.bz2"|xargs -i tar xvjf {} [原理] tar -xvf *.tar…

事关Animation Tree的工作随笔（二）

上回说到,游戏项目中客观会遇到逻辑状态的复杂性和动画状态的单一性之间的矛盾,那么Animation Tree是如何解决这个问题的呢? 这又需要引入一个定律:就是逻辑状态无论有多么复杂,但一套逻辑状态组合一定唯一对应一个具体的动画. 举例来说:已知控制当前游戏对象的逻辑状态有是否技能中.是否受击.是否中毒.是否眩晕. 那么我们可以建立一个下面的关系: 技能中否是否否否否是受击否否是否否否是中毒否否否是否是是眩晕否否否否是是否最终动作…

事关Animation Tree的工作随笔（一）

最近的业务上,又回到Animation Tree这块了. 众所周知的是Animation Tree这些概念已经提出很久了,但是使用有着AT支持的CE引擎的项目,却依然义无反顾地没有使用AT,而且,连某些引擎支持人员居然也没搞明白这是个什么东西,前因后果如何,也不去推行这个前期一旦定好后期一劳永逸的事情. 吭哧百度做了一年多,在游戏的上层几乎重新把AT做的事情做了一遍,用一种最糟糕的方式——拿状态机来做状态,谁说角色的状态就一定要状态机做的?那都是上世纪90年代和本世纪最早4.5年的游戏教材才会这…

工作随笔——jasypt-spring-boot使用

最近有一个项目,要求对各种配置文件中的数据进行加密.so,let`s do it. Maven依赖 <dependency> <groupId>com.github.ulisesbocchio</groupId> <artifactId>jasypt-spring-boot-starter</artifactId> <version>1.14</version> </dependency> 加密密码加密命令如…

工作随笔——自动重发的凶手--feign

公司使用的feign(https://github.com/OpenFeign/feign)作为http客户端. 开发时debug后端程序,发现同一个请求会多次收到. 为了判断是谁在搞鬼,在客户端和服务端中间加了一层代理.发现客户端发起了多次请求(代理工具有请求通过是会输出日志). 查看 Feign.java 发现有默认重试机制 // 约102行 private Retryer retryer = new Retryer.Default(); // 约 127行 ublic Builder re…

工作随笔——spring异步处理@Async使用笔记

@Async使用笔记必须是public方法必须是非static方法方法调用的实例必须由spring创建和管理代码示例如下: // 创建Foo类@Component class Foo { @Async public static void bar(){ /* ... */ } @Async public void bar2(){ /* ... */ } } // 调用示例代码class Test { @Autowired //@Lazy(true)可以解决spring循环引用的问题 Fo…

【vue 工作随笔】的更多相关文章