- 博客(13)
- 收藏
- 关注
原创 图片隐写之尾部追加和内容覆盖法
★图片隐藏信息的用途 大致总结了一下,信息隐藏可以用于如下几种场合。◇规避敏感词过滤 所谓的"敏感词过滤",常翻墙的同学,应该都很熟悉了。用图片来隐藏信息,可以规避GFW的敏感词过滤。◇规避肉眼审查 主要是为了躲开网站管理人员的人工审查。国内的很多网站,对于上传的图片,都会进行人工审查。如果能通过技术手段把信息隐藏在图片中,而图片本身又看不出什么异样,人工审核就看不出来。◇传递加密信息 最后,图片还可以用来隐藏加密的信息。用图片来隐藏加密信息,除了具有...
2022-03-09 13:38:54 1454
原创 Vue.set()和this.$set()的使用和区别
在我们使用vue进行开发的过程中,可能会遇到一种情况:当生成vue实例后,当再次给数据赋值时,有时候并不会自动更新到视图上去; 当我们去看vue文档的时候,会发现有这么一句话:如果在实例创建之后添加新的属性到实例上,它不会触发视图更新。 如下代码,给 student对象新增 age 属性data () { return { student: { name: '', sex: '' } }}mounted () { // ——钩子函数,实例挂载之后
2022-01-07 15:47:15 451
原创 记录一下uniapp的页面通讯
今天开发一个钉钉H5项目的时候,发现进入页面了,但用户却还未登录,没有请求到数据,因此需要做的就是等用户自动化登录完时进行页面刷新,但采用了js原生的刷新网页,会造成项目不断初始化,一直刷新,项目会重新打开。原因是什么呢,是因为js的刷新当前页会初始化项目,触发App.vue的onLaunch函数,又由于我的项目自动登录是写在onLaunch函数中,造成登陆成功后会一直重新打开项目,形成死循环因此采用了uniapp的页面通讯方法解决。如下:App.vue页面onLaunch: functio
2021-12-27 09:47:09 404
原创 VUE开发小技巧(一)
1.Vue钩子函数之钩子事件hookEvent每次监听页面大小更改都需要这样写,不但逻辑分开容易忘记,而且不便于代码阅读 mounted() { ... window.addEventListener('resize', this.resizeChart) }, .... //中间一大串代码 beforeDestroy() { // 组件销毁时,销毁监听事件 window.removeEventListener('resize', this.r
2021-10-08 09:52:36 187
原创 vue2升vue3的一丢丢丢丢丢丢理解
要实现这样一个简单的页面,左上角是查询,右上角是操作,下面的是表格的页面,用vue2开发时的代码如下:<template> <el-form inline> <el-form-item> <el-input v-model="form.name" placeholder="姓名" clearable></el-input> </el-form-item> ...
2021-09-22 17:34:32 154
原创 SVG从入门到放弃(1)-- 基本图形使用
这节主要介绍SVG中常用的一些基本图形及其使用方法一、内置图形:rect(矩形) circle(圆) ellipse(椭圆) line(直线) polyline(折线) polygon(多边形) path(路径)二、内置图形的html属性或(css样式):fill(填充颜色) fill-opacity(填充透明度)stroke(边框颜色) stroke-width(边框宽度) stroke-opacity(边框透明度) str.
2021-09-12 22:30:49 347
原创 Vue - 生命周期
Vue实例有一个完整的生命周期,也就是说从开始创建、初始化数据、编译模板、挂在DOM、渲染-更新-渲染、卸载等一系列过程,我们成为Vue 实例的生命周期,钩子就是在某个阶段给你一个做某些处理的机会。beforeCreate( 创建前 )在实例初始化之后,数据观测和事件配置之前被调用,此时组件的选项对象还未创建,el 和 data 并未初始化,因此无法访问methods, data, computed等上的方法和数据。created ( 创建后 )实例已经创建完成之后被调用,在这一步,实例
2021-08-31 15:12:12 153
原创 组件的基础使用
1、官方文档地址:https://cn.vuejs.org/v2/guide/components.html2、基本示例:这里有一个 Vue 组件的示例:// 定义一个名为 button-counter 的新组件Vue.component('button-counter', { data: function () { return { count: 0 } }, template: '<button v-on:click="count++"&
2021-08-30 20:09:09 177
原创 uniapp 横屏开发页面配置(仅支持App、H5)
1、pages.json页配置页面大小在uniapp官网中提到了pages.json页面对于横屏页面单位的配置参考官网这篇详解 https://uniapp.dcloud.net.cn/adapt由于我开发的横屏项目的横屏设计图分辨率以及硬件分辨率是1280*800,所以我的页面配置是"globalStyle": { "navigationBarTextStyle": "black", "navigationBarTitleText": "***", "navigationBa
2021-08-30 18:07:52 7991 3
原创 理解Koa洋葱模型
理解Koa洋葱模型下面这段代码: const Koa = require("koa"); const app = new Koa(); app.use( (ctx, next) => { console.log(1); next(); console.log(2); }); app.use( (ctx, next) => { console.log(3); next(); console.log(4); }); app.use( (ctx,
2021-08-23 10:02:13 258
原创 Object.defineProperties()的理解
1.MDN文档地址方法直接在一个对象上定义新的属性或修改现有属性,并返回该对象。2.定义Object.defineProperties()方法直接在一个对象上定义新的属性或修改现有属性,并返回该对象。3.属性描述符3.1 writable默认是false,不能改变属性的值Object.defineProperty(Person, 'name', { value:'a', writable:false })Person.name = 'b'consol...
2021-08-11 20:00:47 3800
原创 render函数的理解和使用
1、官方文档地址:https://cn.vuejs.org/v2/guide/render-function.html2、简单理解使用js生成需要的响应式的html代码3、简单demoheader组件引用:输出:解释:网页出现的header标签就是header组件中,使用render函数的createElement方法创建的。4、render函数中使用v-modelrender组件引用:效果:解释:domPro...
2021-08-11 16:20:10 1412
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人