<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Tina的博客]]></title><description><![CDATA[前端女汉子一枚]]></description><link>https://blog.youkuaiyun.com/srttina</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; srttina]]></copyright><item><title><![CDATA[FingerprintJS的使用]]></title><link>https://blog.youkuaiyun.com/srttina/article/details/144576849</link><guid>https://blog.youkuaiyun.com/srttina/article/details/144576849</guid><author>srttina</author><pubDate>Thu, 19 Dec 2024 10:01:21 +0800</pubDate><description><![CDATA[FingerprintJS是一种浏览器指纹识别技术，它可以通过收集用户浏览器的各种特征数据来生成一个唯一的标识符，用于识别和追踪用户。与 cookie 和本地存储不同，即使浏览器数据被清除，指纹在隐身/私密模式下也保持不变。]]></description><category></category></item><item><title><![CDATA[小程序scroll-view组件在滚动会出现白屏]]></title><link>https://blog.youkuaiyun.com/srttina/article/details/143943700</link><guid>https://blog.youkuaiyun.com/srttina/article/details/143943700</guid><author>srttina</author><pubDate>Thu, 21 Nov 2024 13:56:16 +0800</pubDate><description><![CDATA[解决方式：给scroll-view组件添加scroll-with-animation="true"可解决。]]></description><category></category></item><item><title><![CDATA[h5实现绘制不同尺寸大小的背景图，上面的文字头像二维码等比例缩放]]></title><link>https://blog.youkuaiyun.com/srttina/article/details/143590057</link><guid>https://blog.youkuaiyun.com/srttina/article/details/143590057</guid><author>srttina</author><pubDate>Thu, 07 Nov 2024 14:54:05 +0800</pubDate><description><![CDATA[头像、文字、二维码的位置都是相对于背景图的比例位置，不管背景图的尺寸多少，所有元素都会保持相对位置和比例。createPattern() 方法在指定的方向内重复指定的元素，元素可以是图片、视频，或者其他  元素。根据不同大小的图片，绘制的海报上面文字，二维码同比例位置和大小，也就是说不管背景图大小是多少，上面的文字和头像及二维码都需要保持统一位置和大小。上面二维码的图片大小计算：保证二维码不会太小或者太大，与背景图成比例，确保二维码在各种尺寸的背景图上都能保持合适的大小。]]></description><category></category></item><item><title><![CDATA[wangeditor编辑器自定义按钮和节点,上传word转换html，文本替换]]></title><link>https://blog.youkuaiyun.com/srttina/article/details/141389360</link><guid>https://blog.youkuaiyun.com/srttina/article/details/141389360</guid><author>srttina</author><pubDate>Thu, 22 Aug 2024 10:42:38 +0800</pubDate><description><![CDATA[2、editorComponents.vue代码，在editor组件中引入index.ts和renderviedoEle/index和renderimgEle/index。4.自定义节点的部分renderviedoEle/index，renderimgEle/index 放在了github。安装：npm install @wangeditor/editor --save。需求：在编辑器插入图片和视频时下方会有一个输入框填写描述，上传word功能。1、自定义按钮部分 index.ts，参考了文档。]]></description><category></category></item><item><title><![CDATA[关于Object.defineProperty()方法的详解]]></title><link>https://blog.youkuaiyun.com/srttina/article/details/128835170</link><guid>https://blog.youkuaiyun.com/srttina/article/details/128835170</guid><author>srttina</author><pubDate>Wed, 01 Feb 2023 15:40:25 +0800</pubDate><description><![CDATA[转载一篇关于Object.defineProperty()方法的非常详细的解释]]></description><category></category></item><item><title><![CDATA[H5页面canvas绘制多张图片和二维码生成]]></title><link>https://blog.youkuaiyun.com/srttina/article/details/128581065</link><guid>https://blog.youkuaiyun.com/srttina/article/details/128581065</guid><author>srttina</author><pubDate>Fri, 06 Jan 2023 17:36:10 +0800</pubDate><description><![CDATA[h5页面vue生成叠加的海报图]]></description><category></category></item><item><title><![CDATA[同步任务和异步任务]]></title><link>https://blog.youkuaiyun.com/srttina/article/details/127205229</link><guid>https://blog.youkuaiyun.com/srttina/article/details/127205229</guid><author>srttina</author><pubDate>Sat, 08 Oct 2022 15:08:38 +0800</pubDate><description><![CDATA[异步任务执行完成后，会通知javascript主线程执行异步任务的回调函数。每一个宏任务执行完，检查是否有待执行的微任务，如果有微任务，就先执行完所有的微任务之后，再执行下一个宏任务(注：宏任务和微任务是交替执行的)同步任务，又称非耗时任务，在主线程上排队执行的任务；javascript主线程的执行栈被清空后，会读取任务队列中的回调函数，次序执行；宏任务——>执行结束——>有微任务——>执行所有的微任务——>执行下一个宏任务。宏任务——>执行结束——>无微任务——>执行下一个宏任务。]]></description><category></category></item><item><title><![CDATA[Selectize.js插件的使用]]></title><link>https://blog.youkuaiyun.com/srttina/article/details/100140291</link><guid>https://blog.youkuaiyun.com/srttina/article/details/100140291</guid><author>srttina</author><pubDate>Thu, 29 Aug 2019 16:33:26 +0800</pubDate><description><![CDATA[Selectize是一个可扩展的基于jQuery 的自定义下拉框的UI控件.可以是带搜索的单选下拉框，也可是是带搜索的多选下拉框。


初始化Selectize控件
var $select = $('#selpower').selectize({maxItems: 1});
var control = $select[0].selectize;


$("#selpower").selectize...]]></description><category></category></item><item><title><![CDATA[快速入门template.js]]></title><link>https://blog.youkuaiyun.com/srttina/article/details/85864510</link><guid>https://blog.youkuaiyun.com/srttina/article/details/85864510</guid><author>srttina</author><pubDate>Sat, 05 Jan 2019 18:24:00 +0800</pubDate><description><![CDATA[template.js是javascript模板引擎，很多时候在ajax请求数据渲染页面，个人感觉用了这个非常方便

首先得引入template.js


&amp;lt;div id=&quot;box&quot;&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;script src=&quot;template.js&quot;&amp;gt;&amp;lt;/script&amp;gt;

定义一个模板


&amp;lt;script type=&quot;template&]]></description><category></category></item><item><title><![CDATA[vue中axios跨域请求解决]]></title><link>https://blog.youkuaiyun.com/srttina/article/details/83309512</link><guid>https://blog.youkuaiyun.com/srttina/article/details/83309512</guid><author>srttina</author><pubDate>Tue, 23 Oct 2018 17:03:19 +0800</pubDate><description><![CDATA[一，首先在文件中下载axios

cnpm install axios --save-dev

二、在main.js中引入及获取对象


import Vue from 'vue'
import App from './App'
import router from './router'
import Axios from 'axios'

Vue.prototype.$axios = Axios...]]></description><category></category></item><item><title><![CDATA[CSS水平垂直居中方法总结]]></title><link>https://blog.youkuaiyun.com/srttina/article/details/82683680</link><guid>https://blog.youkuaiyun.com/srttina/article/details/82683680</guid><author>srttina</author><pubDate>Thu, 13 Sep 2018 10:35:19 +0800</pubDate><description><![CDATA[一、已经元素宽高（1）定位布局


&amp;lt;div class=&quot;box&quot;&amp;gt;
	&amp;lt;div class=&quot;contain&quot;&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;



.box{
	width:200px;
	height: 200px;
	background: red;
	margin: 0 auto;
	position: relative;
				
}
.c...]]></description><category></category></item><item><title><![CDATA[前端框架]]></title><link>https://blog.youkuaiyun.com/srttina/article/details/82257375</link><guid>https://blog.youkuaiyun.com/srttina/article/details/82257375</guid><author>srttina</author><pubDate>Fri, 31 Aug 2018 15:42:26 +0800</pubDate><description><![CDATA[一、Animate.css

跨浏览器的CSS3动画库，使用方便

二、H-ui前端框架

H-ui前端框架是在bootstrap的思想基础上基于 HTML、CSS、JAVASCRIPT开发的轻量级web前端框架,开源免费,简单灵活,兼容性好

http://www.h-ui.net/index.shtml

三、Mint UI

基于vue的移动端UI框架

http://mint-ui.git...]]></description><category></category></item><item><title><![CDATA[百度mip自定义js封装步骤]]></title><link>https://blog.youkuaiyun.com/srttina/article/details/81541404</link><guid>https://blog.youkuaiyun.com/srttina/article/details/81541404</guid><author>srttina</author><pubDate>Fri, 10 Aug 2018 16:55:08 +0800</pubDate><description><![CDATA[什么是百度mip？

MIP（Mobile Instant Pages - 移动网页加速器）主要用于移动端页面加速

官网参考：https://www.mipengine.org/doc/00-mip-101.html

百度mip不允许自己定义js，所以需要封装再去引用，具体步骤如下：

一、安装及环境部署

具体安装步骤可参考：http://www.cnblogs.com/mipengine/...]]></description><category></category></item><item><title><![CDATA[input常见样式问题]]></title><link>https://blog.youkuaiyun.com/srttina/article/details/81102465</link><guid>https://blog.youkuaiyun.com/srttina/article/details/81102465</guid><author>srttina</author><pubDate>Wed, 18 Jul 2018 18:05:35 +0800</pubDate><description><![CDATA[一、清除ios系统默认的样式及圆角（在移动端手机测试上会有圆角）

input，button{-webkit-appearance: none;border-radius: 0;}  如果还没效果在后面加上！important

二、更改input的placeholder属性



input::-webkit-input-placeholder, textarea::-webkit-input-...]]></description><category></category></item><item><title><![CDATA[关于闭包]]></title><link>https://blog.youkuaiyun.com/srttina/article/details/81035149</link><guid>https://blog.youkuaiyun.com/srttina/article/details/81035149</guid><author>srttina</author><pubDate>Fri, 13 Jul 2018 17:39:18 +0800</pubDate><description><![CDATA[闭包的作用：1、可以读取函数内部的变量，即内部函数可访问外部函数的变量2、让变量的值始终保持在内存中function fn1(){
				var a = 7;
				return function(){
					console.log(a)
				}
			}
			fn1()();   // 打出7闭包场景1:封闭作用域;(function(){//防止上一个闭包没有;号
				var...]]></description><category></category></item><item><title><![CDATA[自定义横向滚动条模拟]]></title><link>https://blog.youkuaiyun.com/srttina/article/details/80838558</link><guid>https://blog.youkuaiyun.com/srttina/article/details/80838558</guid><author>srttina</author><pubDate>Thu, 12 Jul 2018 16:49:07 +0800</pubDate><description><![CDATA[&amp;lt;!DOCTYPE html&amp;gt;
&amp;lt;html&amp;gt;
	&amp;lt;head&amp;gt;
		&amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt;
		&amp;lt;title&amp;gt;&amp;lt;/title&amp;gt;
		&amp;lt;style type=&quot;text/css&quot;&amp;gt;
			*{padding: 0;margin: 0;list-style: ]]></description><category></category></item><item><title><![CDATA[jquery中width()，innerWidth()，outerWidth()，outerWidth(true)和的区别]]></title><link>https://blog.youkuaiyun.com/srttina/article/details/80683419</link><guid>https://blog.youkuaiyun.com/srttina/article/details/80683419</guid><author>srttina</author><pubDate>Thu, 05 Jul 2018 14:05:26 +0800</pubDate><description><![CDATA[width()方法用于获得元素宽度；innerWidth()方法用于获得包括内边界（padding）的元素宽度，
outerWidth()方法用于获得包括内边界(padding)和边框(border)的元素宽度，
如果outerWidth()方法的参数为true则外边界(margin)也会被包括进来，即获得包括外边框(margin)、内边界(padding)和边框(border)的元素宽度。
同理...]]></description><category></category></item><item><title><![CDATA[放大镜实现]]></title><link>https://blog.youkuaiyun.com/srttina/article/details/80838529</link><guid>https://blog.youkuaiyun.com/srttina/article/details/80838529</guid><author>srttina</author><pubDate>Thu, 28 Jun 2018 17:46:38 +0800</pubDate><description><![CDATA[&amp;lt;!DOCTYPE html&amp;gt;
&amp;lt;html&amp;gt;
	&amp;lt;head&amp;gt;
		&amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt;
		&amp;lt;title&amp;gt;&amp;lt;/title&amp;gt;
		&amp;lt;style type=&quot;text/css&quot;&amp;gt;
			*{padding: 0;margin: 0;border: none]]></description><category></category></item><item><title><![CDATA[offset系列，client系列及scroll系列]]></title><link>https://blog.youkuaiyun.com/srttina/article/details/80811160</link><guid>https://blog.youkuaiyun.com/srttina/article/details/80811160</guid><author>srttina</author><pubDate>Tue, 26 Jun 2018 16:55:51 +0800</pubDate><description><![CDATA[offset系列一、offsetWidth和offsetHeight获取对象的宽度和高度，包括内容，边框和内边距。即offsetWidth = width+border+padding注：与div.style.width区别，它只是获取到行内的数值，返回的是字符串，如：100px二、offsetLeft和offsetTop距离第一个有定位的父级盒子左边和上边的距离。注：父级如果都没有定位，就以bo...]]></description><category></category></item><item><title><![CDATA[小程序生成二维码分享朋友圈的功能]]></title><link>https://blog.youkuaiyun.com/srttina/article/details/80748885</link><guid>https://blog.youkuaiyun.com/srttina/article/details/80748885</guid><author>srttina</author><pubDate>Thu, 21 Jun 2018 15:43:04 +0800</pubDate><description><![CDATA[1、如何小程序分享页面的二维码？通过后台接口可以获取小程序任意页面的二维码，具体可以参考https://developers.weixin.qq.com/miniprogram/dev/api/qrcode.html可以选择你所需要的小程序码，给到后台相应的参数生成即可。这里说一下B接口的参数scene，关于scene参数，小程序的解释如下：注意：通过该接口生成的小程序码，永久有效，数量暂无限制。...]]></description><category></category></item></channel></rss>