原鑫的个人博客

一个前端小菜鸟的进阶历程

webpack4.0+版本练习

webpack安装 确保安装 Node.js 的最新版本 本地安装 (对于大多数项目,官方建议本地安装。这可以使我们在引入破坏式变更的依赖时, 更容易分别升级项目) 最新的webpack版本是: // 要安装最新版本或特定版本,请运行以下命令之一: npm install --save-...

2018-11-28 08:05:41

阅读数 135

评论数 0

vue双向数据绑定的实现

总所周知,侦测一个对象变化的方法,常用的两种是Object.defineProperty,和es6的proxy,下面就基于Object.defineProperty实现简单的双向绑定 其实vue主要是通过Object.defineProperty实现的,至于vue3.0会不会重写就不得而知,这也...

2018-11-22 12:00:24

阅读数 354

评论数 0

vue 钩子函数 使用async await

<!DOCTYPE html> <html> <head> <meta charset="utf-8&...

2018-11-21 19:15:56

阅读数 266

评论数 0

git 基于某个分支创建分支

1、拷贝源代码 git clone git@git地址 cd 项目目录 2、根据已有分支创建新的分支 git checkout -b yourbranchname origin/oldbranchname 3、推送到git git push origin yourbranchname ...

2018-11-19 19:10:15

阅读数 2654

评论数 0

vue diff算法 patch

1、diff比较算法 图示: diff比较只会在同层级进行, 不会跨层级比较。 代码示例 <!-- 之前 --> <div> <!-- 层级1 --&...

2018-11-19 17:25:00

阅读数 178

评论数 0

vuex常见用法

/** * vuex for VisPanel */ import Vue from 'vue' import Vuex from 'vuex' import * as types from './type' import store from '@/store' Vue.use(Vuex)...

2018-11-16 12:41:00

阅读数 58

评论数 0

Javascript中的valueOf与toString

Javascript中的valueOf与toString 基本上,javascript中所有数据类型都拥有valueOf和toString这两个方法,null除外。它们俩解决javascript值运算与显示的问题,本文将详细介绍,有需要的朋友可以参考下。 toString() t...

2018-11-13 23:26:14

阅读数 50

评论数 0

css设置文字不能被选中

通过简单的css设置页面的文字无法被选定。 1.html: <div class="select">我不能被选中复制</div> 2.css: .select{ -...

2018-11-13 15:37:37

阅读数 80

评论数 0

vue项目开发中使用mixins

mixins的使用 个人理解mixins就是定义一部分公共的方法或者计算属性,然后混入到各个组件中使用,方便管理与统一修改 1.在assets文件夹下创建一个js文件 // 创建一个需要混入的对象 export const mixinTest1 = { created(...

2018-11-10 13:38:58

阅读数 170

评论数 0

浅谈javascript的Event Loop(事件循环)

浅谈javascript的Event Loop(事件循环) 无论是面试还是开发,我们总是有一些疑问 你:什么疑问? 如:不是说好了JavaScript是单线程么,处理的异步代码? 为什么我写的一个ajax请求,但是却先执行的下面的console.log? 再或者这样, 面试官:小王啊,你知道什么是...

2018-11-09 11:52:51

阅读数 83

评论数 0

Token 的作用和原理

Token,就是令牌,最大的特点就是随机性,不可预测。一般黑客或软件无法猜测出来。 那么,Token有什么作用?又是什么原理呢? Token一般用在两个地方: 1)防止表单重复提交、 2)anti csrf攻击(跨站点请求伪造)。 一般的做法是请求接口的时候,获取最新的Token,然后在发送请求的...

2018-11-08 19:03:30

阅读数 509

评论数 0

CSS实现背景图片透明而文字不透明效果的方法

1.毛玻璃效果: 背景图 + 伪类 + flite:blur(3px) .demo1{ width: 500px; height: 300px; line-height: 50px; text-align: center; } .demo1:befo...

2018-11-07 16:42:22

阅读数 909

评论数 0

原生ajax的封装

手写原生ajax ajax(url, data, method, success) { // 异步对象 let ajax = new XMLHttpRequest(); // get 跟post 需要分别写不同的代...

2018-11-07 15:29:09

阅读数 51

评论数 0

javascript 怎么把值转换为Boolean类型

Boolean(表达式) !!(表达式)

2018-11-06 19:20:59

阅读数 238

评论数 0

javascrip的this指向问题

javascrip的this指向问题 总结,永远记住。this指向父级的对象,除了父级的对象什么影响不了(call,apply除外),什么块级作用域,函数作用域,统统没用,只有调用的对象能影响!只有调用的对象能影响!只有调用的对象能影响! 在非严格模式。foo()等于window.foo(),严...

2018-11-06 19:18:56

阅读数 25

评论数 0

vue-cli中如何引入less

安装less依赖,npm install less less-loader --save 第二步: 进入到build的webpack.base.conf.js 加入如下代码 { test: /\.less$/, loader: "styl...

2018-11-06 17:10:16

阅读数 833

评论数 0

js深冻结

function deepFreeze (o) { var prop, propKey Object.freeze(o) // 首先冻结第一层对象 for (propKey in o) { prop = o[propKey] if...

2018-11-05 20:25:36

阅读数 169

评论数 0

提示
确定要删除当前文章?
取消 删除