
前端js
前端打字员
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Vue 跳转相同路由携带不同参数,而页面不刷新
由于组件是复用的,若要对路由参数的变化作出响应的话,就需要使用 watch(监测变化) $route 对象 created() { this.listQuery.code = this.$route.query.id; this.getList(); }, watch: { $route(to, from) { //当参数改变时就会触发比方法,以此达到数...原创 2020-04-26 16:01:24 · 1281 阅读 · 0 评论 -
使用vue的sync修饰符进行子父组件的数据绑定
官方文档 父组件代码 <template> <div> <input type="button" value="我是父组件的按钮" @click="show" /> <!-- 在需要子组件修改的数据后加上.sync即可 --> <child :isShow.sync='isShow' v-...原创 2020-04-26 11:16:40 · 147 阅读 · 0 评论 -
ES6使用object的is()方法比较两个值
此前js比较值,一般使用== 或 === 符号,我之前倾向使用后者===,因为可以避免比较时触发强制类型转换,但某些情况使用 === 依然有问题,比如再比较NaN ===NaN时,返回的是false,需要使用isNaN()才能正确比较, 在ES6引入了Object.is() 弥补了 === 的不准确运算, Object.is() 接受两个参数,若参数的类型相同且值相同,则返回true con...原创 2020-01-02 11:18:06 · 608 阅读 · 0 评论 -
js防篡改对象之冻结对象
const person = { name: '啦啦德玛西亚', _job: '无业' } Object.defineProperty(person, 'job', { get: function() { return this._job }, set: function(newValue) { this._job = ...原创 2019-12-25 11:28:31 · 259 阅读 · 0 评论 -
防篡改对象之密封对象
const person = { name: '啦啦德玛西亚' } console.log(Object.isExtensible(person))// true console.log(Object.isSealed(person))// false // 使用Object.seal()将对象修改为密封对象 // 密封对象不可扩展,而且已有成员...原创 2019-12-25 11:05:55 · 199 阅读 · 0 评论 -
js防篡改对象之不可扩展对象
const person = { name: '啦啦德玛西亚' } console.log(Object.isExtensible(person))//true //使用Object.preventExtensions()可以将对象修改为不可扩展对象,无法再给对象添加属性和方法 Object.preventExtensions(person) ...原创 2019-12-25 10:53:04 · 405 阅读 · 0 评论 -
最安全的js类型检测
众所周知js内置的类型检测机制不可靠,比如typeof操作符,对于正则和数组检测时返回值都是object, 而使用instanceof检测类型时,虽然可以对正则和数组正常验证,但验证undefined会报错,还有对于Symbol无法验证, /* 安全的类型检测 */ const typeChecking = {} typeChecking.isArray = function(value) ...原创 2019-12-24 15:39:53 · 219 阅读 · 0 评论 -
断言assert使用方法
测试代码 console.log('开始') console.assert(true, 'true') console.assert(false,'false') console.log('结束') 结果 可以发现: assert方法中,第一个参数是判断条件,当为true时,不执行 。当为false时, 输出后面提示内容 且我们可以发现,assert报错时,不影...原创 2019-11-03 12:36:41 · 304 阅读 · 0 评论 -
js中的Object.create(null) 和 {} 的区别
console.log(Object.create(null)) console.log({}) 结果图 根据结果我们不难发现,两者最大区别在于Object.create(null)创建的对象没有继承Object 所有Object.create(null)创建的对象也没有Object提供的方法,是一个非常纯净的对象 ...原创 2019-10-31 16:00:40 · 716 阅读 · 0 评论 -
js_组合继承(最常用的继承方式)
<script type="text/javascript"> //组合继承: 将原型链和借用构造函数的技术组合在一起 //使用原型链实现对原型方法的继承 //使用构造函数实现对实例属性的继承 //js中最常用的继承方式 //super:超类 function SuperType(name) { //超类属性 //使用构造函数实现...原创 2019-10-25 15:56:30 · 302 阅读 · 0 评论