- 博客(35)
- 收藏
- 关注
RSS订阅原创 动态绑定class的方法
1.最简单的是class声明多个固定类名：<div class='item active'></div>2.对象方法是实现动态class（1）一个class的：<div :class="{'active':isopen}"></div><div :class="{'active':isopen == 1}"></div>多个class的：（2）多个class的：<div :class="{'active':is
2022-04-25 11:13:47
6308
原创 vue多页面入口配置
*index.html(主页\项目入口）,app.vue(根组件)，main.js(文件入口的配置)1.进行项目入口的配置在public下面，复制index.html修改文件名（里面内容可以不变）<!DOCTYPE html><html lang=""> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
2022-03-31 10:19:26
5005
1
原创 css渐变色
CSS渐变色background: -moz-linear-gradient(top, #f76f6f 0%, #c01211 100%);background: -webkit-linear-gradient(top, #f76f6f 0%,#c01211 100%);background: -o-linear-gradient(top, #f76f6f 0%,#c01211 100%);background: -ms-linear-gradient(top, #f76f6f 0%,#c01211
2020-08-20 17:29:48
202
原创 微任务和宏任务
宏任务和微任务：异步任务之间是有执行优先级的区别的。不同的异步任务会被分为两类，微任务和宏任务宏任务： 需要多次事件循环才能执行完，事件队列中的每一个事件都是一个宏任务。浏览器为了能够使得js内部宏任务与DOM任务有序的执行，会在一个宏任务执行结束后，在下一个宏执行开始前，对页面进行重新渲染 （task->渲染->task->…）鼠标点击会触发一个事件回调，需要执行一个宏任务，然后解析HTML微任务： 微任务是一次性执行完的。微任务通常来说是需要在当前task执行结束后立即执行的任务
2020-08-11 15:03:32
367
原创 前端事件和方法的区分，千万不要搞混了，小知识大用途
在前端有事件和方法，有些人总是把事件当作方法，把方法说成事件，很多人认为事件和方法是一个东西，其实不然，方法和事件还是有很大的区别的。①事件名前一般都以on开头②方法可以直接调用，事件不需要调用，但是需要写一个函数且改函数赋值给相应的事件，其调用是在相应的事件触发时。注意：通常事件和方法是连贯使用的，方法一般封装了具体要干的事，是通过事件来调用方法。例如：我们可以通过点击事件，去调用登录的方法。...
2020-08-11 14:36:30
688
原创 小程序获取当前所在城市名
到腾讯地图开放平台申请key，在小程序中js文件：Page({ data: { city:'北京', url:'https://sc.xiannianmi.cn/xns/?sysAccount=BJDDMC#/', arr:[ { city:'北京市', url:'https://sc.xiannianmi.cn/xns/?sysAccount=BJDDMC#/'}, { city: '长沙市', url:'https://sc.xiannianmi.
2020-07-28 14:34:52
529
原创 前端页面调用微信扫一扫功能
前端代码：引入微信对象import wx from '@/plugins/wechat/wechat';主要代码：wxscan() { // 调用扫一扫 const that = this; getWxScan(this.url).then((res) => { // eslint-disable-line this.jsonData = res.data; if (!wx) { return false;
2020-07-17 16:49:27
1893
原创 vue移动端适配（postcss-pxtorem和amfe-flexible）
一、移动端适配（postcss-pxtorem和amfe-flexible）在vue中实用rem自动转换插件(postcss-pxtorem和amfe-flexible事项移动端适配)实现思路：①通过postcss-pxtorem实现将px转成rem，②实用amfe-flexible插件进行HTML根节点的初始化。配置完这两个插件，我们就可以实用设计稿的px来进行开发了。1.安装postcss-pxtorem和amfe-flexibleNpm install postcss-pxtorem --sa
2020-06-10 14:40:05
2819
1
原创 vue中实现60秒倒计时
vue中实现60秒倒计时<span>{{count}} s</span>data中：data(){ return{ show: true, count: '', timer: null, }}methods:{ getCode() { const TIME_COUNT = 60; if (!this.timer) { this.count = TIME_COUNT; this.show =
2020-06-10 14:14:39
3699
原创 vue中实现滚动和锚点跳转双向
vue中实现滚动和锚点跳转双向直接上代码：<template> <div> <div class="list"> <ul> <li v-for="(item,index) in title_list" :key="index"> <span ref="spans" :style="{color: activeStep === index ? '#1987e1' : '#000000'
2020-06-02 12:16:19
906
原创 卸载谷歌在安装失败
当把谷歌浏览器卸载了在安装发现安装不上：原因：之前的谷歌浏览器的注册表没有被删除。可以直接在桌面上新建一个文件，在文件里粘贴这样一段代码Windows Registry Editor Version 5.00;WARNING, this file will remove Google Chrome registry entries;from your Windows Registry. Consider backing up your registry before; using this fi
2020-05-21 17:48:40
463
原创 vue项目中实现简单的分页效果
vue项目中实现简单的分页效果1.在data中声明数据：data(){return{sel:0,//tab切换news:[],//新闻动态的数据health:[],//健康卫士的数据current:0,uldata:[{name:‘企业动态’,num:0},{name:‘健康贴士’,num:1}],totalPage:1,//总页码数，默认为1currentPage:1,//当前页，默认第一页，pageSize:3,//每页显示的数量currentPageData:[],//当前页显
2020-05-15 16:28:38
542
原创 vue项目添加百度统计
vue项目添加百度统计在index.html中head的上面添加script代码：在main.j入口文件中监听路由的改变：// 加入百度统计router.beforeEach((to, from, next) => {if (to.path) {if (window._hmt) {window._hmt.push([’_trackPageview’, ‘/#’ + to.fullPath])}}next()})哦了...
2020-05-15 16:24:48
281
原创 vue动态添加title，（keywords）关键字和description
vue动态添加title，（keywords）关键字和description首先在router下的index.js设置路由routes:[{path:’/home’,component:Home,meta: {title: ‘先农氏-智能无人碾米机’,content:{keywords:‘先农氏,智能碾米机,先农氏智能无人碾米机’,description:‘先农氏智能无人碾米机，中国首台智能无人碾米机，专利产品。拥有先进核心技术，更智能、碾米速度更快，噪音更小，操作更简便，现碾现售。新鲜
2020-05-13 16:47:40
4112
原创 vue中移动端点击跳转到拨打电话页面
在用vue做移动端项目时，遇到店家跳转到拨号<router-link active-class=‘sel’ tag=‘li’ to="" @click.native=‘gotel()’>免费电话methods:{gotel(){// console.log(1)window.location.href = ‘tel:4008820666’}}注意：在vue中给router-link添加事件需要加上.native例如：@click.native...
2020-05-13 09:48:07
1455
原创 vue项目中pc端和移动端的切换
vue项目中pc端和移动端的切换生成两个项目上传到服务器后生成两个域名在每个项目中index.html文件下进行判断
2020-05-12 10:27:45
2759
原创 vue中如何动态改变title中的内容
<link rel="icon" href="<%= BASE_URL %>./title16.png">在vue的index.html中这句话是title中的小图标，可以改成自己的图标：注意：图标的位置必须卸载public静态文件目录下，否则在改变title内容时，图标会消失成为默认的图标。要想改变title中的内容，需要在路由文件中，加入meta:{titel:...
2020-04-22 16:34:15
1857
原创 vue实现监听滚动条，回到顶部
通过在app.vue中定义一个张图，这样在我们的每一个页面中都会有回到顶部的效果。在data中声明默认滚动条的高为0.以及滚动条是否显示两个数据。写一个方法监听滚动条的高度当高度高于一个值（自定义的值），就显示回到顶部图标，在一个方法如果点击回到顶部后滚动条赋值为0，同时隐藏回到顶部图标。 ...
2020-04-22 09:52:26
992
1
原创 vue+elementui写轮播图图片不显示的解决方式
vue+elementui写轮播图图片不显示的解决方式：原因：因为在data中的图片路径会被解析成字符串，当在使用时，找不到图片的途径。解决方式：只需要在data中按需引入图片的途径就行：比如：[url:require(…/img/banner1.jpg)],就可以找到图片的路径了。...
2020-04-12 12:50:25
5173
2
原创 从localhost访问网页，css文件或js文件不起作用
当我们重新写css或者js，再次打开发现重新写的css/js不生效，但是确实是保存成功了，这是因为浏览器对我们之前的css或者js进行了缓存，如何清除缓存。最简单的方法：在开发者模式下（F12进入），打开设置页面（F1），勾选 Disable cache (while DevTools is open)即可。...
2019-11-07 17:18:29
1584
原创 js打印三角形，矩形，菱形，六边形，八边形，等腰三角形
js代码编写三角形，矩形，菱形<! DOCTYPE html><title>打印三角形、正方形、菱形、长方形、六边形</title><style> div{width:300px;border:#000 1px solid;text-align:center;}</style> //三角形<di...
2019-08-17 15:10:53
1050
原创 JAVA配置---JDK开发环境搭建及环境变量配置
1、安装JDK开发环境下载网站：http://www.oracle.com/开始安装JDK：修改安装目录如下：确定之后，单击“下一步”。注：当提示安装JRE时，可以选择不要安装。2、配置环境变量：对于Java程序开发而言，主要会使用JDK的两个命令：javac.exe、java.exe。路径：C:\Java\jdk 1.7.0 _09\bin。但是这些命令由于不属于wind...
2018-11-27 17:21:53
142
1
原创 关于什么是运维
一、运维的概念运维一般是指对大型组织已经建立好的网络软硬件的维护,其中传统的运维是指信息技术运维(IT运维)。所谓IT运维管理,是指单位 IT 部门采用相关的方法、手段、技术、制度、流程和文档等,对IT 运行环境(如软硬件环境、网络环境等)、IT 业务系统和 IT 运维人员进行的综合管理。二、运维的方式IT运维是IT管理的核心和重点部分,也是内容最多、最繁杂的部分,主要用于IT部门内部日常运...
2018-11-26 22:56:37
6833
4
原创 ThinkPHP中的路由形式
路由：是指访问项目中具体某个方法的URL地址。在ThinkPHP中系统提供了4种路由形式：•普通形式路由•Pathinfo形式路由•Rewrite形式路由•兼容形式路由1、普通形式路由（get形式路由）路由形式：http://网址/入库文件?m=分组名&c=控制器名&a=方法名&参数名=参数值例如：访问Home分组下的User控制器中的test方法，并且传递...
2018-11-26 22:52:31
222
原创 Linux中shell命令中引号的分类
在shell中引号分为三种：单引号、双引号、倒引号。1.双引号：由双引号括起来的字符（除KaTeX parse error: Expected 'EOF', got '\）' at position 13: 、倒引号（、）和反斜线（\̲）̲外）均作为普通字符对待。这三个…表示变量替换，即用预先指定的变量值代替KaTeX parse error: Expected 'EOF', got '\仅'...
2018-11-26 22:40:34
704
原创 **HBasede安装**
实验原理HBase是一个分布式的，面向列的开源数据库，该技术来源于Fay Chang所撰写的Google论文”Bigtable：一个结构化数据的分布式存储系统“。HBase不同于一般的关系数据库，它是一个适合于非结构化数据存储的数据库。另一个不同的是HBase基于列而不是基于行模式。在需要实时读写、随机访问超大规模数据集时，可以使用HBase。实验环境Linux Ubuntu 14.04j...
2018-11-17 11:27:19
170
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人