- 博客(36)
- 资源 (7)
- 收藏
- 关注
RSS订阅转载 网页宽度打印出A4纸
最近开发项目时遇到了网页打印的问题，这是问题之二，打印宽度设置在公制长度单位与屏幕分辨率进行换算时，必须用到一个DPI(Dot Per Inch)指标。经过我仔细的测试，发现了网页打印中，默认采用的是96dpi，并非传闻的72dpiA4纸张的尺寸是210×297mm，按1英寸=25.41mm换算，即8.264×11.688英寸所以，A4纸96dpi下的分辨率是794×1123，这就是我们在制作网页的时候需要的象素。但是打印机是无法满幅打印的，总要有页边距，所以我们在制作网页的时候必须减去页边距。
2022-04-15 11:00:34
278
转载 css3实现小箭头
https://segmentfault.com/a/1190000002780453#articleHeader18向上的箭头#triangle-up { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red;}向下的剪头#triangle-down {
2022-02-07 17:40:23
822
转载 video 标签 播放、暂停、结束等事件
<video id="video" controls="controls"> <source type="video/mp4" src="xxx.mp4"></video>获取视频总时长var elevideo = document.getElementById("video"); elevideo.addEventListener('loadedmetadata', function () { //加载数据 //视频的总长度
2022-01-30 11:23:34
2601
原创 小程序中的 e.target与e.currentTarget
一、小程序中关于事件对象 e 的属性中有两个特别重要的属性：target与currentTarget属性：对于这两个属性，官方文档上的解释是：target：事件源组件对象currentTarget：当前组件对象可能这两句解释有点官方，反正我一开始看的时候是稀里糊涂、丈二和尚摸不着头脑，为了弄清楚它们之间的区别，我写了一个简单的代码，代码如下：<view id="outter" bindtap="tap1"> outer view <view id="middle"
2022-01-26 18:32:50
310
转载 小程序中 var,const,let 区别
var概念：var申明的变量是全局变量，其作用域为所在的函数内。若想在当前页面所有函数都能调用，要将var变量在page()前声明，文内有介绍。Page({ data: { }, onLoad: function (options) { var k=this k.a() k.b() }, a:function(){ var a=4 console.log("a函数中a="+a) }, b:function(){ va
2021-12-30 10:45:55
459
原创 2021-09-22
1、下载皮肤主题去http://www.themesmap.com/选择自己喜欢的主题下载。2、导入皮肤主题导入方法：file–>Import Setting–>*.jar(找到下载的主题包)如果已经导入，可以直接在设置里面选择 File -> Settings -> IDE Settings -> Appearance -> Theme -> 选择主题。...
2021-09-22 22:28:24
62
原创 vue项目中lodash的使用
1，安装Lodash，通过npm安装，如下：npm install --save lodash2，引入loadsh,在组件的行为区域，在export default{}前导入lodashimport _ from 'lodash';3.在页面中可以用 “_”来应用lodashTest:function(){ // 循环5次数 _.times(5,function(i){ console.log(i); }); // 深度 copy let objA = {name
2021-09-08 16:56:28
1361
转载 Vue 安装使用vue-quill-editor 文本编辑器
1、安装依赖npm install vue-quill-editor --save2、使用（1）在“项目名\src\main.js”引入import VueQuillEditor from ‘vue-quill-editor’//一定要引入这三个css，不然文本编辑器会出现不规则黑白几何图形//这三个css可以在main.js中引入，也可以在具体使用的.vue文件中引入import ‘quill/dist/quill.core.css’import ‘quill/dist/quill.sno
2021-09-08 11:12:40
1512
原创 input选择历史记录选项时，出现了自带背景色的样式修改
1.设置box-shadow阴影覆盖默认样式input:-webkit-autofill { box-shadow: 0 0 0px 1000px rgba(54,71,130,1) inset !important; -webkit-text-fill-color: #fff !important; -webkit-background-clip:text; } 2.通过延长增加自动填充背景色的方式, 让用户感受不到样式的变化:
2021-07-01 17:55:11
782
转载 iScroll滚动区域中select、input、textarea元素无法点击
1.在iscroll4的滚动容器范围内，点击input框、select等表单元素时没有响应这个问题原因在于iscroll需要一直监听用户的touch操作，以便灵敏的做出对应效果，所以它把其余的默认事件屏蔽了，解决的方法是，在iscroll4源码里面找到这一行， onBeforeScrollStart: function (e) { e.preventDefault(); }然后把它改成：onBeforeScrollStart: function (e) { var nodeType = e.ex
2021-06-25 15:47:39
206
原创 git 常用命令
一、基本命令1、退出当项目 ： ctrl+c：2、 清屏：reset3、把本地的修改提交到本地的一个git缓冲区: git add .4、用于查看在你上次提交之后是否有对文件进行再次修改: git status二、切换更新1、切换到master分支：$git checkout master2、更新mybranch分支上的东西到master上： $git rebase mybranch3、提交：git commit -a三、修改与删除1、对最近一次commit的进行修改：g
2021-03-11 17:53:59
50
原创 vue3 创建项目流程
查看安装 Vue-clinpm install -g @vue/cli //安装更新版本是一样的命令vue --version //查看版本创建项目1、创建新的项目vue create vue3-basic // vue create + 项目名称2、会提示选择一个preset（预设）这里是询问我们使用哪个模板进行安装，我们选择自定义安装的方法选第三项3、手动配置项4.选择vue 的版本5.是否需要用class-style 的组件来支持 component...
2021-03-09 17:31:50
92
原创 jq 清空、删除、添加、替换数组的简单用法
一、清空数组var ary = [1,2,3,4]; ary.splice(0,ary.length);//清空数组 console.log(ary); // 输出 []，空数组，即被清空了二、删除数组元素var ary = [1,2,3,4]; ary.splice(0,1); // 输出 [2,3,4]或var ary = [1,2,3,4]; ary.splice($.inArray(2, ary), 1); // 输出 [1,3,4]其中$.inArray(2, ary)用来查找
2021-03-01 16:08:34
2967
原创 Bootstrap响应式布局之 col-xs col-sm col-md
bootstrap栅栏系统css中的col-xs-,col-sm-,col-md-* 的意义：.col-xs-*超小屏幕手机(768px),.col-sm-*小屏幕平板(≥768px),.col-md-*中等屏幕桌面显示器说明：1、col-列；2、xs-maxsmall，超小；sm-small，小；md-medium，中等；3、-*表示占列，即占自动每行row分12列栅格系统比；4、col-xs-*超小屏幕 手机 (<768px),.col-sm-*小屏幕 平板 (≥768px),.c
2021-01-27 17:48:23
5832
原创 vue-cli3 建项vue目
一.安装vue-cli31.卸载原来的 npm uninstall vue-cli -g2.安装新的 npm install @vue/cli -g 或 npm install -g @vue/cli3.用这个命令来检查其版本是否正确 .vue -V二、.在新文件夹下创建项目 vue create new-travel1.自己切换到自己到目录下，新建项目，vue create 项目名;运行后会出下下面的界面，让你选择默认（default）还是手动（Manually）按键盘上下键可以选择默认
2020-12-29 16:45:31
110
原创 用 git 将本地文件上传到码云库
1.要确保码云上的这两个文件在所传的文件夹中2.进入创建好的文件夹，点击右键选中 Git Bash Here,弹出 git 命令行‘3.在命令行中输入： git remote add origin + 你刚刚在码云复制的那行路径，将这文件夹与码云库建立连接如果出现如下错误：fatal: not a git repository (or any of the parent directories): .git ，可以输入： git init, 在进行步骤 34.使用git add . （. 表示
2020-12-08 18:03:52
157
1
原创 VUE 与 GIT 安装项目
最近学习VUE，希望将VUE中遇到的问题，记录下来，与大家分享，也希望路过的大神分享VUE学习经验及遇到的坑【比心】今天学习了VUE与Git同步的使用方法，记录分享一、下载 Node.js ：官网下载，安装；https://nodejs.org/en/，直接下一步就好；安装成功后，打开CMD，输入命令：node -v 回车输入命令： npm -v 回车二、安装GIT官网下载安装：https://git-scm.com/安装成功后，之后操作我们将使用 Git Bash三、注册码云，生成公钥
2020-12-07 17:07:40
442
原创 vue项目中 better-scroll 使用，来实现页面滚动
1.首先安装依赖包npm install better-scroll --save2.在页面中引用import BScroll from ‘better-scroll’3、better-scroll使用，用在页面滚动中，注意它的HTML结构必须最外层要包裹一个大div;<template> <div class="recommend_box" ref='menuWrapper'> <ul class="my_list">
2020-11-26 11:59:56
165
原创 vue 搭建项目与json数据调用
一、安装node环境 1、下载地址为：https://nodejs.org/en/ 2、检查是否安装成功：如果输出版本号，说明我们安装node环境成功 二、搭建vue环境1、全局安装 vue-clinpm install --globav vue-cli2、进入项目目录，创建一个基于webpack 模板的新项目：vue init webpack projectname (projectname 是你的项目名称)说明：Project name:——项目名称Project descri
2020-11-18 16:53:53
172
转载 echart API 文档
1.echart.js的使用：第一步：在head标签或body下创建一个script标签去引用echart.js,(该文件可以在echart的官方首页下载最新最全面的js文件，官网：http://echart.baidu.com<script src="./js/echarts.js"></script>第二步：并在body中创建一个具备大小的dom（div）；<div id="main" style="width:600px height:400px;">&l
2020-09-30 11:23:23
637
1
转载 echart图表基本参数介绍
转载：http://blog.csdn.net/zou128865/article/details/42802671<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":
2020-09-30 10:34:52
201
1
原创 jQuery上传文件， 重复上传时不显示的解决办法
在写上传文件时遇到一个头疼的问题：当只上传一个图片时，如果删除图片后，再重新上传相同名称的图片，上传列表中将不会显示新上传的图片。解决办法，用 $(’#choose-file’).val(’’); 清空数据，来解决问题，下面是完整代码css:.add_div{width:400px;height:500px;border:solid #ccc 1px;margin-top:40px;margin-left:170px;padding-left:20px}.file-list{height:125px
2020-08-31 15:40:05
593
原创 jquery中 .is() 的用法
一、is() 函数的基本用法 // 是否是隐藏的 $('#test').is(':visible'); $('#test').is(':hide') // 判断input元素是否被选中 $('input[name=chkNoChecked]').is(':checked')； // 是否是第一个子元素 $(this).is(":first-child"); //父层是否为div标签 $("p").parent().is("div");
2020-08-24 11:11:28
3192
转载 jquery的each()几种用法
var arr1 = [ "aaa", "bbb", "ccc" ]; $.each(arr1, function(i,val){ alert(i); alert(val); });
2020-08-17 16:33:12
1092
原创 ajax定时发送请求每5秒调用一次
ajax的定时调用每5秒调用一次；xunhuan()function xunhuan(){ $.ajax({ url: "http://localhost/data/text.json", type: 'post', dataType: 'json', data: { }, success: function (r) { var addata = r.data.paperList
2020-08-17 16:27:29
1942
转载 vue配置 请求本地json数据
在build文件夹下找到webpack.dev.conf.js文件，在const portfinder = require(‘portfinder’)后添加const express = require('express')const app = express()const appData = require('../data.json') // 加载本地json文件const seller = appData.seller // 获取对应本地数据const goods = appData.g
2020-07-22 10:54:22
340
原创 css3自定义字体实现页面中的小icon
最近在做一个后台页面，页面上小图标太多，而且还有交互变色效果，研究了下自定义字体的方法，这样当改变图片颜色时只控制css就可以实现，不用切太多小图。下面先介绍生成自定义字体的方法：下面介绍css样式中调用的方法：@font-face { font-family: 'icon-font'; src:url('../fonts/iconfont.woff') format('woff'), url('../fonts/iconfont.ttf') format('truetype'
2020-06-11 15:39:19
369
原创 Vue.js中this.$nextTick()
刚开始学VUE搞不明白this.nextTick()什么时候用，现在总结下我的经验this.nextTick()什么时候用，现在总结下我的经验 this.nextTick()什么时候用，现在总结下我的经验this.nextTick 将回调延迟到下次DOM更新循环之后执行。在修改数据之后立即使用它，然后等待DOM更新。this.$nextTick 跟全局方法 vue.nextTick 一样，不同的是，回调的 this 自动绑定到调用它的实例上。相当于JQ 中的setTimeout，就是延迟执行，<
2020-05-15 12:08:16
381
原创 关于Vue中的ref和$refs 用法
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2020-05-12 16:14:56
1526
1
原创 css兼容浏览器的各种背景渐变
需要兼容各浏览要注意的是:必须加上浏览器的私有前缀。否则一般都是不生效的，浏览器的私有前缀主要是解决不同浏览器的兼容性问题webkit 谷歌浏览器 安卓moz 火狐浏览器o opera浏览器ms ie浏览器首先来个简单的也最常见的隔行变色，代码实例： background: -webkit-linear-gradient(#1E66B8,#1E66B8 50%,#CF19C9 ...
2019-11-25 16:44:44
942
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人