web前端
啦啦啦晨啦啦
这个作者很懒,什么都没留下…
展开
-
angular多元素动画、动画飞入
angular的动画系统是基于css功能构建的,所以第一步:先了解一下css动画transform属性:主要为2D、3D转换[translate],包括:缩放[scale]、旋转[rotate]、倾斜旋转[skew]这里建议去参考菜鸟教程,列的很详细:CSS3 transform 属性 | 菜鸟教程第二步:了解angular动画官网:Angular - Angular 动画简介1.动画转场与触发器 通配符状态:...原创 2021-09-26 19:16:40 · 520 阅读 · 0 评论 -
angular2+监听echarts的dataZoom事件,并获取开始值和结束值
1.option中dataZoom配置及xAxis配置:因为我做的需求是需要lable展示与value值两个,所以我用了axisLabel的formatterthis.option = { dataset: { source: this.chartList.stateDataSet, }, dataZoom: [ { top: 100, type: 'slider', x原创 2021-07-21 15:27:36 · 2158 阅读 · 0 评论 -
angular(rxjs)将geojson转换为Features
import { of } from 'rxjs';import GeoJSON from 'ol/format/GeoJSON';import { map } from 'rxjs/operators';export class SpecialMenuComponent implements OnInit { ngOnInit(): void { of(geojson) .pipe(map((item: any) => new GeoJSON()..原创 2021-07-08 11:04:42 · 277 阅读 · 0 评论 -
Angular项目使用scss的deep穿透,修改原UI样式
:host ::ng-deep{ button{ font-size: 16px; }}原创 2021-06-28 16:02:10 · 2549 阅读 · 0 评论 -
DevUI设置表格某一列点击
html:添加 cellclick事件<db-angular-tree-grid #treegrid [data]="data" [configs]="configs" (cellclick)="onCellclick($event)"></db-angular-tree-grid>ts:columns配置 通过renderer返回带标签的字符串,但这里设置style会被系统清除,只能加载全局的样式,所以设置的class也是在全局的style....原创 2021-06-25 14:51:23 · 250 阅读 · 0 评论 -
angular配置本机ip启动项目(mac查看ip)
mac查看本机ip 打开终端,输入ifconfig;过滤使用 ifconfig|grep 'inet' 在项目中打开package.json 在启动项的json后追加 --host 你的ip原创 2021-06-17 10:24:41 · 512 阅读 · 0 评论 -
flex布局教程
http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html转载 2021-01-07 10:35:00 · 108 阅读 · 0 评论 -
select用法
https://www.cnblogs.com/yuer20180726/p/11196488.html转载 2020-12-25 10:41:07 · 116 阅读 · 0 评论 -
mac安装淘宝镜像cnpm
安装淘宝镜像一直失败,原来是因为没有最高权限npm install -g cnpm --registry=https://registry.npm.taobao.org --verbose转载 2020-04-08 17:51:22 · 468 阅读 · 1 评论 -
html下载表格
html下载表格https://www.cnblogs.com/anniey/p/7738278.html转载 2019-11-19 14:03:57 · 1102 阅读 · 0 评论 -
layUI文件上传与form表单一起提交
<!DOCTYPE html><html><head> <%--常量--%> <%@ include file="/common/constHead.jsp"%> <%--jQuery--%> <%@ include file="/common/jqueryHead.jsp"...原创 2019-11-07 10:26:16 · 4534 阅读 · 0 评论 -
js jquery获取当前元素的兄弟级 上一个 下一个元素
var chils= s.childNodes; //得到s的全部子节点var par=s.parentNode; //得到s的父节点var ns=s.nextSbiling; //获得s的下一个兄弟节点var ps=s.previousSbiling; //得到s的上一个兄弟节点var fc=s.firstChild; //获得s的第一个子节点var lc=s...转载 2019-08-02 14:09:34 · 414 阅读 · 0 评论 -
npm安装教程(nodejs,vue-cli,淘宝镜像,创建vue项目)
npm安装教程一、使用之前,我们先来掌握3个东西是用来干什么的。npm: Nodejs下的包管理器。webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备,比如资源的合并和打包。vue-cli: 用户生成Vue工程模板。(帮你快速开始一个vue的项目,也就是给你一套vue的结构,包含基础的依赖库,只需要 npm install就可以安...转载 2019-07-22 15:33:53 · 2843 阅读 · 1 评论 -
mklink目录连接
mklink目录连接做前端的时候,有的项目只需要在tomcat下允许即可,而我们如果没有在vscode等软件中运行tomcat的话,就可以用这样的方法,使用mklink将代码文件与tomcat文件进行连接,这样页面就可以及时刷新。我们找到tomcat中想关联的文件的父目录: D:apache-tomcat-8.5.35\webapps\ROOT\WEB-INF\classes ...原创 2019-06-19 11:07:00 · 1602 阅读 · 0 评论 -
2019web前端面试题总结
2019web前端面试题总结1.自我介绍2.离职原因3.做过的项目情况4.在项目中做了什么工作5.问我汇交系统一个项目到底是干什么的,项目都存储什么样的数据,我接触了哪些数据格式数据类型,比如影像高程摄影6.系统数据量有多少?7.平台集成的系统主要做的什么查询,影像还是指标。卫星过境时间等8.卫星影像肯定是一景一景的,有没有根据时间等条件查询来查询某个影像的,比如说:今天,北京...原创 2019-06-19 11:16:24 · 2785 阅读 · 0 评论 -
layUI修改多选框及单选框选中样式的颜色
layUI修改多选框选中样式的颜色1.原来的layui多选框选中以后是绿色的2.我们F12找到该复选框的 i 标签,然后修改掉默认的改为你需要的颜色3.这里我们在我们的css文件里加上下面代码,用 !important 替换掉以前的.layui-form-checked[lay-skin=primary] i{border-color:#597FC0 !important;backg...原创 2019-06-26 16:02:23 · 24086 阅读 · 2 评论 -
checkbox选中用法以及获取未选中的checkbox
一、checkbox选中用法问题:如果一个select的改变事件的选中的值改变,那么相应的复选框也要选中或者取消,KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲isfourfive").ch…("#isfourfive option:selected").val();if(iff==“是”){KaTeX parse...原创 2019-06-26 16:31:07 · 2304 阅读 · 0 评论 -
$(this)的日常使用坑
今天遇到一个坑,就是我在ajax以后调不到$(this)的元素了。因为$(this)只在该函数的作用域里有效,在其子函数及ajax里都是无效的。我先获取id,如有没有就走添加的方法,如果有就走修改的方法。在添加完成以后,我们得将id赋值给data-jgid,所以使用时一定要将$(this)声明出来。当然如果是ts语言,相信直接用this即可。但是js中还是一定要重新声明出来,不然用得就不...原创 2019-06-27 15:10:49 · 162 阅读 · 0 评论 -
HBuilder打包流程
1.运行HBuilder---百度搜索HBuilder,官网下载安装包,解压,运行HBuilder.exe。注册账号,并登陆2.新建app---在左边右键,选择新建APP,或者,点击中间的新建app3.在弹出的窗口,填入应用名称,根据需求选择项目位置,以及模板内容4.检验app效果----创建好之后,选择刚刚创建好的项目,在顶部选择运行,根据你的情况现在运行方式5....转载 2019-07-03 11:41:33 · 1567 阅读 · 0 评论 -
js中-1,0,1,2等数字判断true和false
1.所有的正负整数都是true2.只有0是falsefor(var i=-10;i<15;i++){ if(i)console.log("true:"+i);else console.log("false:"+i);}结果如下:补充:str.search(",")方法,返回的是str中,的索引,如果索引是第一位,那么返回0,所以判断时要加上>-1,...原创 2019-06-28 10:15:42 · 7146 阅读 · 0 评论 -
PS压缩图片大小
作为前端的小精灵,经常会遇到美工发的图太大的问题,再找他们解决,很麻烦,不如自己直接用ps压缩一下,废话不多说,接下来写步骤。第一步:打开ps第二步:选择 文件 ——》打开——》找到你需要压缩的文件第三步:选择 图像——》图像大小第四步:将宽度和高度旁边的锁链点一下解开,然后修改宽度为1366,修改高度为768修改后:点击确定后:...原创 2019-07-24 19:53:56 · 3630 阅读 · 2 评论 -
layui获取监听下拉框的选中值和文本
form.on('select(provice)', function(data){ proviceId = data.value; proviceName = data.elem[data.elem.selectedIndex].text form.render('select')});原创 2019-08-02 17:56:50 · 8865 阅读 · 3 评论