SF
农场主,做网站卖猪
农场主,做网站卖猪
注册登录
关注博客
注册登录
主页
关于
RSS
为啥图片会模糊,canvas显示优化
万年打野易大师
2024-04-22
阅读 1 分钟
727
图片的原始尺寸,就是图片原始的拍摄或者生成出来的大小naturalWidth,原始宽度naturalHeight,原始高度样式尺寸img标签上的width,height缩放倍率,受浏览器缩放影响大小,跟操作系统设置也有关系,反正最后就是个值window.devicePixelRatio清晰度高满足如下公式原始尺寸 = 样式尺寸 * 缩放倍率画一个canvas来试试 {代码....
鼠标移入放大图片预览效果实现
万年打野易大师
2021-03-04
阅读 3 分钟
3k
商城项目中,有鼠标移入图片放大的功能,研究一下实现 {代码...} 具体效果复制下去打开看看
Vue.extend有怎么用?
万年打野易大师
2020-12-10
阅读 1 分钟
4.4k
这样在页面中只要调用那个定义的方法,然后传参(参数可以用对象的形式传过去,自己改一下就行了)过去就能实现弹窗,不用再每个页面去引入组件,data定义一个变量去保存message,components注册组件,再调用加载绑定
vuex按需加载,避免首页初始化所有数据
万年打野易大师
2020-12-10
阅读 2 分钟
5.8k
大型项目中,不管首页需不需要那么多变量,vuex都会一次性打包进去,vuex会很大,因为都是一次性加载的需求:按需异步加载vuex解决方案如下第一步: 把.vue文件对应的vuex拆分出来,第二步:在xxx.vue文件里面添加 name 和 isNeedVuex 属性注意:为了保证引入store下的文件名字跟组件命名一样,请自行选择合理的命名方式...
vue-server-renderer实现vue项目改造服务端渲染
万年打野易大师
2020-12-09
阅读 6 分钟
9.8k
这是一篇教程,从创建项目到改造项目vue-cli创建一个项目在放你做demo的地方,创建一个项目 {代码...} 经过漫长的等待,下载好文件开始我们的改造之路文件目录进入vue-ssr文件夹,使用命令 {代码...} 把vue-router装上先安装几个依赖插件 {代码...} 修改package.json文件 {代码...} 根目录下创建vue.config.js {代码...}...
视频处理,让video活灵活现
万年打野易大师
2020-12-08
阅读 26 分钟
13.1k
Web 开发者们一直以来想在 Web 中使用音频和视频,但早些时候,传统的 Web 技术不能够在 Web 中嵌入音频和视频,所以一些像 Flash、Silverlight 的专利技术在处理这些内容上变得很受欢迎。
自动生成10+种简历模板,IT精简
万年打野易大师
2020-12-02
阅读 1 分钟
1.6k
2、 运行 npm install(一般还是用cnpm i)3、 在 resume/ 目录中自定义编辑简历,诸如将图片换成个人证件照4、 用npm run dev进行预览,在浏览器中打开(http:// localhost:8080/home)。该页面将显示一些简历预览。5、 用 npm run export 导出简历,所有简历将导出至/pdf文件内。
Vue项目性能优化
万年打野易大师
2020-11-12
阅读 10 分钟
4.3k
在列表数据进行遍历渲染时,需要为每一项 item 设置唯一 key 值,方便 Vue.js 内部机制精准找到该条列表数据。当 state 更新时,新的状态值和旧的状态值对比,较快地定位到 diff 。
web components
万年打野易大师
2020-10-28
阅读 11 分钟
1.5k
这里所说的 Web Components指的是一套用于增强 DOM 行为的工具,包括shadow DOM、自定义元素和 HTML 模板。这一套浏览器 API 特别混乱。
cookie工具函数封装
万年打野易大师
2019-10-18
阅读 7 分钟
2.3k
CookieUtil.get() 方法根据 cookie 的名字获取相应的值。它会在 document.cookie 字符串中查找 cookie 名加上等于号的位置。如果找到了,那么使用 indexOf() 查找该位置之后的第一个分号(表示了该 cookie 的结束位置)。如果没有找到分号,则表示该 cookie 是字符串中的最后一个,则余下的字符串都是 cookie 的值。该值...
原生拖放实现
万年打野易大师
2019-10-18
阅读 7 分钟
1.3k
addHandler() 方法接受两个参数:事件类型和用于处理该事件的函数。当调用该方法时,会进行一次检查,看看 handlers 属性中是否已经存在一个针对该事件类型的数组;如果没有,则创建一个新的。然后使用 push() 将该处理程序添加到数组的末尾。如果要触发一个事件,要调用 fire() 函数。该方法接受一个单独的参数,是一个...
前端学习总结(持续更新,转载)
万年打野易大师
2019-09-18
阅读 6 分钟
3.2k
1.JavaScript规定了几种语言类型:1.Undefined 2.Null 3.Boolean 4.String 5.Number 6.Symbol 7.Object2.JavaScript对象的底层数据结构是什么:array和object底层数据结构3.Symbol类型在实际开发中的应用、可手动实现一个简单的Symbol:symbol使用场景4.JavaScript中的变量在内存中的具体存储形式:js变量和内存使用5.基...
webapp页面滚动卡顿的解决办法
万年打野易大师
2018-12-26
阅读 2 分钟
2.2k
具体一点的解释:由于 touchstart 事件对象的 cancelable 属性为 true,也就是说它的默认行为可以被监听器通过 preventDefault() 方法阻止。但浏览器无法预先知道一个监听器会不会调用 preventDefault(),它能做的只有等监听器执行完后再去执行默认行为,而监听器执行是要耗时的,有些甚至耗时很明显,这样就会导致页面...