- 博客(74)
- 收藏
- 关注
RSS订阅原创 px 转 vw
1、npm install postcss-px-to-viewport --save-dev2、在postcss.config.js中配置module.exports = { plugins: { autoprefixer: {}, // 用来给不同的浏览器自动添加相应前缀，如-webkit-，-moz-等等 "postcss-px-to-viewport": { unitToConvert: "px", // 要转化的单位 viewportWidth
2021-11-05 16:35:52
241
转载 uni-app app项目运行至夜神模拟器
uni-app 运行至夜神模拟器夜神安卓模拟器 下载地址：https://www.yeshen.com/下载后点击进行安装夜神安卓模拟器安装安装完成后，复制 模拟器安装目录，window+R，输入cmd 进入终端命令行，执行以下命令：nox_adb connect 127.0.0.1:62001nox_adb devices终端命令行操作进入HbuilderX安装目录，找到adb.exe的安装路径并复制adb.exe的安装路径进入HbuilderX，在顶部菜单找到 【工具】–【设置
2021-09-08 19:01:14
614
原创 网页打印事件的监听
var beforePrint = function () { console.log('Functionality to run before printing.'); }; var afterPrint = function () { console.log('Functionality to run after printing'); }; if (window.matchMedia) { var mediaQuer.
2021-06-30 15:24:49
2371
原创 js深拷贝
// 定义一个深拷贝函数 接收目标target参数function deepClone(target) { // 定义一个变量 let result; // 如果当前需要深拷贝的是一个对象的话 if (typeof target === 'object') { // 如果是一个数组的话 if (Array.isArray(target)) { result = []; // 将result赋值为一个数组，并且执行遍历
2021-06-09 15:46:16
145
原创 element 侧导航展开收起 文字显示问题
项目中安装vue-fragmentcnpm install --save vue-fragment在main.js中引入// main.jsimport Fragment from ‘vue-fragment’Vue.use(Fragment.Plugin)修改为，fragment下面也是由template包裹原文：传送门
2021-05-13 10:27:06
435
原创 页面载入进度条
1、页面载入进度条安装：1）npm install --save nprogressimport NProgress from 'nprogress';router.beforeEach(() => { NProgress.start();});router.afterEach(() => { NProgress.done();});
2021-03-31 16:02:33
211
原创 js-API-总结
数字字符串1、Number.isInteger()（是否为整数）Number.isInteger(1.1) //falseNumber.isInteger(1) //trueNumber.isInteger(NaN) //false注意：Number.isInteger(1.0) // true2、isNaN()（是否为NaN）isNaN(1) //falseisNaN(NaN) //true3、toExponential()（以指数表示法返回该数值字符串表示形式）1
2021-03-29 18:08:12
330
原创 video总结
视频知识点1、属性poster：视频封面路径地址例子： :poster="地址"onpause：视频暂停触发方法 例子： @pause="onPlayerPause()" onplay：视频播放触发方法 例子： @pause="onPlayerPlay()" oncanplay：视频加载完成触发方法 例子： @canplay="getTime()"2、方法//获取dom节点， dom节点.play()可以控制视频播放let player = this.$refs
2021-02-01 15:10:04
631
1
原创 jq指定模块生成图片
1、下载并引入html2canvas.js<script src="/Scripts/html2canvas.js?version=2.20201213"></script>2、html代码中添加如下代码（代码存放位置暂时没发现有什么要求） <!--保存的下载链接--><a href="#" style="display:none" class="feedbackChartRightAspan"><span class="feedbackCha
2021-01-05 19:34:42
204
原创 vue判断页面是否正在滚动
export default { data() { return { oldScrollTop: 0, //记录上一次滚动结束后的滚动距离 scrollTop: 0 // 记录当前的滚动距离 } }, watch: { scrollTop(newValue, oldValue) { setTim
2021-01-03 16:44:37
1999
原创 自定义浏览器页面左上角title图标
index.html得head中添加如下代码图片一定要放到static中，否则浏览器中不到 <link rel="icon" type="image/x-icon" href="static/logo.png">
2020-12-22 16:58:41
715
原创 css引入外部字体
1、修改build文件夹下 webpack.base.conf.js 在 rules 中添加以下代码修改过后别忘了重启项目哦！！！！！{test: /.(woff2?|eot|ttf|otf)(?.*)?$/,loader: ‘url-loader’,options: {limit: 10000,name: utils.assetsPath(‘fonts/[name].[hash:7].[ext]’)}}2、新建 font 文件夹 ，引入外部字体资源，创建 font.cssfont文件
2020-12-17 11:50:31
738
原创 vue 自定义指令
1、全局注册自定义指令1、创建一个公共的js文件import Vue from 'vue'Vue.directive('demo', { bind: function (el, binding) { console.log(el); console.log(binding.arg); el.innerHTML = binding.value }})2、main.js中引入 import App from './App'imp
2020-12-16 10:53:27
132
原创 刷新或跳转页面回到页面最顶部
scrollBehavior(to, from, savedPosition) { return { x: 0, y: 0 } }
2020-12-15 17:26:44
762
原创 原生轮播图
可直接食用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>轮播图</title></head><style> * {
2020-12-02 09:09:13
172
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人