Vue.js

安装vue-cookies npm install vue-cookies --save 使用vue-cookies // 在main.js中 // require var Vue = require('vue' ) Vue.use(require( 'vue-cookies' )) // es2015 module (推荐使用这个) import Vue from 'vue' import VueCookies from 'vue-cookies' Vue.use(VueCookies) API: 语法格式: [this | Vue | window].$cookies.[method] 设置全局配置: // 默认expireTimes为 1d, path = / this .$cookies.config(expireTimes[,path]) 例如: this .$cookies.config('30d') 设置一个cookies: this .$cookies.set(keyName, expireTimes[, path[, domain[, secure]]]]) // return this 获取一个cookies: this .$cookies.get(keyName) // return value 删除一个cookies: this .$cookies

命名视图 vue router 里有一个 模式叫做 命名视图 本来一个页面里面只能有一个路由视图 对应 一个组件，现在可以多个路由视图 对应 多个组件。 出错点 点击标签之后，<router-view></router-view>中并没有内容出现。反而控制台中报错了。 原因 就是在写这里的时候，原来都是component，现在是components，多了一个s。 . 来源： oschina 链接： https://my.oschina.net/u/4289545/blog/3492209

最近做项目使用的是RAP1的接口，但是昨天开始，RAP1 出现了问题，接口都不能用了。 所以补充一下Mock.js的用法，以便在这种突发的情况时候时自己通过Mock的方式来处理接口。 npm init npm init 是用来装 package.json 的 npm init --yes 安装一个默认的 package.json 在安装一个要打包到生产环境的安装包时，你应该使用 npm install —save ，如果你在安装一个用于开发环境的安装包（例如，linter, 测试库等），你应该使用 npm install —save-dev 。 如使用如下代码，则会自动在文档中添加一个 dependencies 模块（这些包在生产中需要） $ npm install mockjs -S 或者 $ npm install mockjs --save * 如使用如下代码，则会自动在文档中添加一个`devDependencies`模块（这些包用于开发和测试） //安装到你项目的目录 $ npm install webpack -D //全局安装 不建议用 $ npm install -g webpack RAP RAP 是一个 GUI （可视化）API管理工具，通过分析接口结构，动态生成模拟数据，校验真实接口正确性， 围绕接口定义，通过一系列自动化工具提升协作效率。在 RAP 中

学习东西需要记录，不然很容易忘记。很久之前就学习了springboot，在学习Vue前端框架的时候需要写一个增删改查的demo。迅速想到了springboot，学习很久了，springBoot的东西都忘得差不多了。于是重新开始学习一次。（谁叫咱记忆力不佳）。下面正式开始把。 　一 、建立springboot项目 　　1、打开IDEA点击spring initalizr 　　 　　2、点击下一步 3、勾选springboot版本 选择web 4、完成springboot搭建 项目结构 5、maven中的jar包 < dependency > < groupId > org.springframework.boot </ groupId > < artifactId > spring-boot-starter-web </ artifactId > </ dependency > < dependency > < groupId > org.springframework.boot </ groupId > < artifactId > spring-boot-starter-test </ artifactId > < scope > test </ scope > </ dependency > 6、检验是否成功 创建一个简单的HelloController

<!--子组件页面--> <template> <div class="hello"> <!-- 添加一个input输入框 添加keypress事件--> <input type="text" v-model="inputValue" @keypress.enter="enter"> <p>{{mes}}</p> </div> </template> <script> export default { props:['mes'], // 添加data, 用户输入绑定到inputValue变量，从而获取用户输入 data: function () { return { inputValue: '' } }, methods: { enter () { this.$emit("sendiptVal", this.inputValue) //子组件发射自定义事件sendiptVal 并携带要传递给父组件的值， // 如果要传递给父组件很多值，这些值要作为参数依次列出 如 this.$emit('valueUp', this.inputValue, this.mesFather); } } } </script> <!--父组件页面--> <template> 　　<div> 　　　　<p> father</p> 　　 <accept-and-refuse :mes=loginJson

一、安装依赖 　　npm install file-saver --save 　　npm install xlsx --save 　　npm install script-loader --save-dev 二、下载两个所需要的js文件Blob.js和 Export2Excel.js。 　　百度云链接: https://pan.baidu.com/s/1SICpnHkavzzX-fhjlx3xTQ 提取码: xir2 三、在前端模块src下创建一个文件夹，放入引入的插件 四、更改 Export2Excel.js文件中require引入的Blob.js路径 　　 　　改为： 　　 五、从后端查询到需要导出的数据：exportData formatJson(filterVal, jsonData) { 　　　　return jsonData.map(v => filterVal.map(j => v[j])) 　}, export2Excel() { 　　　　require.ensure([], () => { 　　　　　　const { export_json_to_excel } = require('../../../vendor/Export2Excel'); 　　　　　　const tHeader = ['商品名称','商品货号','售价','库存','销量','分享',];

点击上方 java项目开发 ， 选择 设为星标 优质文章，及时送达 -- 作者：ksfzhaohui http://dwz.win/Ws4 最近在看Mybatis的源码，刚好看到缓存这一块，Mybatis提供了一级缓存和二级缓存；一级缓存相对来说比较简单，功能比较齐全的是二级缓存，基本上满足了一个缓存该有的功能；当然如果拿来和专门的缓存框架如ehcache来对比可能稍有差距；本文我们将来整理一下实现一个本地缓存都应该需要考虑哪些东西。 考虑点 考虑点主要在数据用何种方式存储，能存储多少数据，多余的数据如何处理等几个点，下面我们来详细的介绍每个考虑点，以及该如何去实现； 1.数据结构 首要考虑的就是数据该如何存储，用什么数据结构存储，最简单的就直接用Map来存储数据；或者复杂的如redis一样提供了多种数据类型哈希，列表，集合，有序集合等，底层使用了双端链表，压缩列表，集合，跳跃表等数据结构； 2.对象上限 因为是本地缓存，内存有上限，所以一般都会指定缓存对象的数量比如1024，当达到某个上限后需要有某种策略去删除多余的数据； 3.清除策略 上面说到当达到对象上限之后需要有清除策略，常见的比如有LRU(最近最少使用)、FIFO(先进先出)、LFU(最近最不常用)、SOFT(软引用)、WEAK(弱引用)等策略； 4.过期时间 除了使用清除策略，一般本地缓存也会有一个过期时间设置

一个朋友的分享 秋招，有幸去字节面试了，顺便拿到了offer，把还记得东西写下来，供大家参考一下。 一面 css 如何实现垂直居中？ position 有哪几种？分别说一下对应的效果和用法 css 选择器优先级 js 原型链，问了js 如何创建对象 页面渲染和响应 式 MVVM 和 MVC的区别 Vue 生命周期，在哪个阶段可以获取页面 dom 信息 Vue 的组件通信 ，聊到一些网络相关 TCP 和 UDP 的区别 TCP 的三次握手和四次挥手 promise 有哪几种状态 手写一个 promise 算法题：最长公共前缀 算法题：多层数组嵌套降级 二面 问项目的情况 根据项目问了一点我的工作，接触前端有多久，在每个项目里学到了什么，没做项 目的时候学了什么，怎么学的这样的问题，然后开始就是实战写代码 css 实现 给一个具体的需求写 html+css，需求大概是模块水平垂直居中对齐+不 定高，按文字自适应+带灰色遮罩+弹出动画 css 的动画怎么做 flex 有哪些常用标签 position 的属性影响 具体实现，给一个 ul 下面插入 100 个 li 应该怎么插入，如何优化 dom 操作 具体实现：有一个有一百万个 url 的数组，如何从这一百万个 url 里获得资源 算法：判断链表内是否存在环 总体上字节的二面特别看重具体实现，会说思路不够，需要真正的写出可以实现 的代码来

本人作为面试官，也有过校招经历。在这过程中，发现有些毕业生同学的简历无法证明自己能胜任程序员的工作，甚至也没有面试价值。同时，本人也见识了不少“一看就想留下”的简历。在本文里，就将用正反两方面的实例，告诉广大计算机专业的毕业生朋友，简历该怎么写。 1、得不到面试机会的简历长什么样？ 先来看份简历，其中的问题比较典型，在其中没有面试官感兴趣的内容。 可能这份简历比较夸张，但有不少简历或多或少会出现类似的问题。 第一个问题，缺乏商业项目开发经验的描述。换位思考下，公司要的人，最好有实际项目经验，对毕业生而言，这块标准可以降低为“具有一定的编程能力”，在这份简历中，能给出的这方面证据不多，虽然介绍了得到的计算机证书，也有给出了编程获奖经历，甚至也介绍了毕业设计，但从面试官角度来看，很缺乏实际商业项目经验。如果这批收到的简历中，大多数简历都这样，都没有包含实际的商业项目经验，或许这份简历还能凭借编程获奖等亮点得到面试机会。相反，如果这份简历的主人学校一般，而且还是专科，那么恐怕很难得到面试机会。 第二个问题，亮点不直接，且缺乏客观证据。比如这份简历中，通过获奖情况来说明自己编程能力强，通过大学课程来介绍自己的能力，这些点都不直接，而且口说无凭。在简历筛选阶段，面试官要在短时间内阅读大量简历，像这类简历，不能直接让面试官留下深刻印象，那么恐怕很难得到面试机会。 第三个问题，喧宾夺主

Vue组件选项props 前面的话 　　组件接受的选项大部分与Vue实例一样，而选项props是组件中非常重要的一个选项。在 Vue 中，父子组件的关系可以总结为 props down, events up。父组件通过 props 向下传递数据给子组件，子组件通过 events 给父组件发送消息。本文将详细介绍Vue组件选项props 父子级组件 　　在介绍props之前，先介绍父子级组件的写法 　　在一个良好定义的接口中尽可能将父子组件解耦是很重要的。这保证了每个组件可以在相对隔离的环境中书写和理解，也大幅提高了组件的可维护性和可重用性 【错误写法】 　　现在来介绍两种父子级组件的错误写法 　　下面这种形式的写法是错误的，因为当子组件注册到父组件时，Vue.js会编译好父组件的模板，模板的内容已经决定了父组件将要渲染的HTML 　　<parent>...</parent> 运行时，它的一些子标签只会被当作普通的HTML来执行，<child></child>不是标准的HTML标签，会被浏览器直接忽视掉 <div id="example"> <parent> <child></child> <child></child> </parent> </div> 　　在父组件标签之外使用子组件也是错误的 <div id="example"> <parent></parent> <child>