HTML ,js
杰宝多多
这个作者很懒,什么都没留下…
展开
-
TailWindCSS入门
上一篇文章我们说过了如何搭建项目以及引入TailWindCSS,这篇文章我们说一下如何使用它,刚看到的时候我对这些缩写感觉很迷茫呀,官网我也没找到如何能知道具体对应的都是撒意思,后面找到一片天比较详细的介绍的文章,认真研究了一下,文章我会放在本文的最末尾。好啦话不多说,开始吧!1.screens(也可以自定义媒体查询屏幕的宽度)2.颜色 一般都把颜色作为背景色、文字颜色或者边框颜色。举个🌰,green:3.纵横比--aspect 4.容器--container6.列--co.原创 2022-06-15 17:59:53 · 6344 阅读 · 1 评论 -
vue3.0+typescript+tailwindcss项目搭建
根据官方文档总结vue3.0+typescript+tailwindcss项目搭建原创 2022-06-15 14:21:46 · 686 阅读 · 0 评论 -
angular 数据改变之后html没刷新
constructor(private_cdr:ChangeDetectorRef,private_el:ElementRef,private_subscribeService:PatientSidebarService){}this._cdr.markForCheck();原创 2021-06-10 10:45:24 · 660 阅读 · 0 评论 -
npm install 的时候报错
前几天从网上荡下来一个开源的项目,初始化的时候出现了问题,一般的解决办法就是把依赖删除掉重新初始化就可以了,但是这次无论我删除依赖化石更新node都没有用,所以被搞死了!后来我发现用cnpm初始化就没问题了但是在安装cnpm的时候也出现了一个问题,安装可以正常安装,但是在使用的时候又报错啦cnpm : 无法加载文件 C:\Users\ZM\AppData\Roaming\npm\cn...原创 2020-01-17 10:46:05 · 342 阅读 · 0 评论 -
elementUI的cascader级联选择控件的默认值(回显)问题
最近接了一个需求要实现这种效果,在使用cascader的时候遇到一个坑,就是如何设置默认值的问题首先,算了还是直接上代码吧 <el-cascader placeholder="试试搜索" :options="allOptions" ...原创 2019-06-19 10:37:34 · 12290 阅读 · 3 评论 -
axios的二次封装--踩了好多天的坑
在src下面新建一个utli文件夹然后在里面新建http.js和api.jshttp.js代码// 引入import axios from "axios"import {Message} from 'element-ui'// import store from '../store'// import router from '../router'// 环境/...原创 2019-06-14 14:39:36 · 1158 阅读 · 0 评论 -
Vue Can't resolve 'sass-loader' in...错误的解决办法
需要引入sass-loader这种依赖包npm install sass-loader -Dnpm install node-sass -D如果还是失败的小伙伴可能是网络问题,可以尝试用cnpm解决原创 2019-06-18 17:16:40 · 5214 阅读 · 0 评论 -
css实现文字纵向排版并且水平垂直居中
第一种方法:CSS属性write-mode实现文字竖排.wordWrapClass{ word-wrap: break-word;/*英文的时候需要加上这句,自动换行*/ /*自测了这句话没啥用*/ writing-mode: vertical-rl;/*从左向右 从右向左是 writing-mode: vertical-rl;*/ writing-mo...原创 2019-07-03 15:46:46 · 8472 阅读 · 1 评论 -
Windows环境Node.js安装及环境配置之
一、安装Node.js步骤2、下载Node.js打开官网下载链接:https://nodejs.org/en/download/我这里下载的是node-v6.9.2-x64.msi,如下图:二、开始安装1、下载完成后,双击“node-v6.9.2-x64.msi”,开始安装Node.js点击【Next】按钮勾选复选框,点击【Next】按钮...转载 2019-07-05 14:08:55 · 118 阅读 · 0 评论 -
vue 使用print.js实现前端打印功能
最近新接了一个需求,想要在前端实现打印功能,最开始试了window.print()这个方法,结果发现我想打印的图片它只能打印图片中的一部分,打印的不完整,如下图调整了缩放比例之后发现还是不可以,后来又尝试了vue里面的一个插件vue-print-nb,但是当所有的东西都配置好之后,点击打印的时候竟然报错,大概意思是说我的css样式获取不到然后我试了最后一种方法,亲测好使print.js...原创 2019-08-14 14:09:32 · 52263 阅读 · 44 评论 -
vue + element 先遍历表头再遍历列表内容
最近接了一个新的需求,后台传过来的数据是一个列表,但是这个列表的列不确定有多少也不确定列里面的字段是什么,所以我只能先遍历一下表头然后再编列行那导航里面的数据,不多说上代码 <el-table :data="tableData" max-height="4...原创 2019-08-20 17:22:01 · 1687 阅读 · 0 评论 -
npm install vuex --save时报错解决
解决办法:package.json中name=‘vuex’ 改成 name=‘vuextest’试试看。npm 安装的包不能将自身作为依赖。原创 2019-04-25 10:27:45 · 5442 阅读 · 0 评论 -
a标签跳转跳出iframe的方法
<a onclick=window.top.location='http://www.xingchen365.com'>跳转</a>原创 2018-11-06 17:27:20 · 4793 阅读 · 0 评论 -
jQuery实现视频转base64及上传
部分HTML代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <meta name="viewport" content=&qu原创 2017-12-15 15:33:35 · 10688 阅读 · 4 评论 -
jQuery实现图片转base64及上传
部分HTML代码 document.documentElement.style.fontSize = document.documentElement.clientWidth / 7.5 + 'px'; FaceID 身份验证原创 2017-12-15 15:27:37 · 7923 阅读 · 0 评论 -
jQuery中插件的格式
//定义一个jQuery插件格式 jQuery.fn.extend( { 函数名1:function () { 函数体 }, 函数名2:function () { 函数体 }转载 2018-01-31 10:52:54 · 202 阅读 · 0 评论 -
jQuery--简单的全选反选插件
解释一下: 这个代码没有吧全选前面的复选框和下面的复选框进行关联,在下一篇文章(jQuery插件如何编写04_ 简单的全选反选插件(关联了主复选框和子复选框,代码简单))中,会把这个功能实现了效果图:代码: 全选反选 *{ margin: 0;转载 2018-01-31 10:41:12 · 475 阅读 · 0 评论 -
jQuery隔行变色
Title box1 box2 box3 box4 box5 box6 $(function () { $("div:even").css({"bac原创 2018-01-31 11:26:42 · 218 阅读 · 0 评论 -
jQuery实现一个淡入淡出轮播图
*{ margin:0; padding:0; list-style: none; } #box{ position:relative; width:400px;转载 2018-01-31 11:28:27 · 290 阅读 · 0 评论 -
jQuery做的搜索提示框
效果图:代码: Title 张三疯 张千锋 王麻子 张文浩 王帆转载 2018-01-31 11:30:30 · 226 阅读 · 0 评论 -
安卓手机微信内嵌h5页面图片添加点击事件时图片弹出
.goTop img{ pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -webkit-user-select:none; -o-user-select:none; user-select:none;}原创 2018-07-04 11:36:47 · 2238 阅读 · 0 评论 -
a标签有关用法以及锚点定位
一.页面内的锚点定位;锚点定位中,就算采用overflow:hidden将滚动条隐藏,但是它依然可以发生锚点定位,实现定点跳转;1.单向定位: 锚定定位实在页面必须要发生滚动的情况下,不滚动也能发生,效果不明显;他的语法见下面代码:<a href="#2">锚点2</a>....文本省略<h2><a name="2" id="2">转载 2018-07-05 17:12:26 · 5250 阅读 · 0 评论 -
页面打开加载10条数据,点击更多加载更多数据
$(function () { var pageStart = 1; var pageCounter = 10; var id = $("#convergeId").val(); /*首次加载*/ userJoinList(pageStart, pageCounter); function userJoinList(nextPage, pageS...原创 2018-08-13 15:46:45 · 16886 阅读 · 1 评论 -
JSON.stringify()和JSON.parse()分别是什么
JSON.stringify() 从一个对象中解析出字符串JSON.stringify({"a":"1","b":"2"})结果是:"{"a":"1","b":"2"}" JSON.parse()从一个字符串中解析出JSON对象var str = '{"a":"1","b":"2"}';JSON.parse(str);结果是:Object{a:"1",b:"2"}转载 2017-12-12 13:48:22 · 369 阅读 · 0 评论