Embrace924的博客

根据上一篇，进一步实现树的穿梭框。

Taro3.x 容易踩坑的点（阻止滚动穿透，弹框蒙层父级定位）

session ，cookies , token 登陆流程

Monaco Editor codemirror 支持语言 支持Java，JavaScript，sql，vb,c,c++,python等多种语言(30+) HTML、XHTML、XML、CSS、Python、PHP、c#、Java (130+) 支持浏览器 IE8+, Firefox4+, Chrome, IE8+, Firefox4+, Chrome,Safari3+,Opera9+ 最新更新 2017/4/20,开源 2017/3/3，开源...

阴影的效果：https://codepen.io/embrace924/pen/wvJWRNB filter: drop-shadow(2px 4px 8px #585858);设置容器长宽比：aspect-ratio//宽3高1aspect-ratio: 3/1;控制一个元素的可调整大小resizeCSShttps://developer.mozilla.org/zh-CN/docs/Web/CSS/resizenone：元素不能被用户缩放...

react input debounce1.需求当我输入文本时候，对文本进行设置处理 （监控文本更新自动后请求接口）希望实时的设置输入文字 不使用blur 但是change请求太过于频繁主要是针对输入框防抖处理2.处理使用 lodash 的 debounce3.遇到的问题浏览器报异常：Uncaught TypeError: Cannot read property 'value' of null。如果在react中想异步访问事件属性（如在setTimeout内...

vue倒数60s 获取验证码1.页面代码 <Form ref="formValidate" :model="form" :rules="ruleValidate" :label-width="80" label-position="left" > <FormItem class="code-input" label="验证码" prop="authCode"> <In...

各种类型 时间形式 转为字符串time:时间值cFormat: {y}-{m}-{d} {h}:{i}:{s} {y}-{m}-{d} {h}:{i}:{s} {a} {y}/{m}/{d}// Parse the time to string const parseTime = ( time?: object | string | number | null, cFormat?: stri...

github:https://github.com/zdy1988/vue-jstree

1.光标选中添加 JSDoc style comments 的函数定义（或函数体里面），2.按 cmd + shift + a ，3.然后输入 fix doc comment 并执行。一般来说，不用输完，输个 fix 就够了。

问题：当有动画切换页面的时候同时切换后的页面会进行大数据量的图表渲染组合在一起 导致动画卡顿方案：监听动画结束在进行图表渲染 getTransitions() { let t; for (t in this.transitions) { // t即transition，OTransition，MozTransition，WebkitTransition if (this.

el-date-picker 选中第一个日期后 第二个日期给出可选范围效果: 选中2020年5月13日之后 前面4月13日到5月13日可选 后面5月13日到6月13日可选 <el-date-picker v-model="value2" type="datetimerange" size="small" :picker-options="pickerOptio...

Echarts中 标注线的情况option = { xAxis: [ { type: 'value', data: [1,2,3,4,5,6,7,8,9,10,11,12] } ], yAxis: [ { type: 'value' } ], series: [ { name: ...

需求：1.下拉框右侧需要显示对于备注文字<el-select v-model="ruleForm.tableName" placeholder="请选择数据表" @change="changeDataTable" popper-class="step-one"> <el-option v-for=...

表格示例:该案例在动态表格中，验证同一个字段是否为空，是否超出最大限制字符 ，是否做不重名验证；示例中主要是验证对应别名（columnComment）字段，所有对每个别名字段循环一个el-formrules model对每个循环的 el-form-item中加入 :ref="`elFormItem${scope.$index}`" <el-table ...

使用方法：v-number//最大值最小值小数点位数<el-input v-model.trim="scope.row.value" v-number="{ min: 0 ,precision: 0,max: 999 }" placeholder="非必填，0-999整数" size="small"></el-input></el-...

案例上一个 覆盖element-ui按钮 less@primary: #3a70df;@danger: #df3a25;@success: #2fcd77;@warning: #fba13b;@white: #ffffff;@black: #000000;@textBlack: #383838;@ccc: #cccccc;@colorlist: @danger, @pri...

/** * Created by cld on 2018/3. * 十六进制颜色值域RGB格式颜色值之间的相互转换 *///十六进制颜色值的正则表达式var reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$//*RGB颜色转换为16进制*定义的函数*/let RGBToHex = function(rgb) {   

nginx代理webSocket 和eventSource 请求超时连接不通 但是本地可以nginx代理出了问题 不能普通代理一样要先发起普通请求代理 然后通过一些属性再次转换#常用配置location /api/ { proxy_pass http://请求地址/;}#eventSourcelocation /es/ { proxy_pass ht...

根据选中时间或者当前时间时间 获取前一个月后一个月等时间//当前时间的前一个星期new Date().setDate(new Date().getDate() - 7), new Date().getTime()//当前时间的前一个月new Date().setMonth(new Date().getMonth() - 1)//choiceDate ...

按着官网的例子使用出来小长方形 官网例子：官网的例子使用不成功~~~~~~~~~~~~~~~小机灵鬼换了一种方法 class="icon font_family icon-xxxx"例如<i class="icon font_family icon-wenbenshaixuan"></i><span class...

JavaScript作者：过冬https://segmentfault.com/a/1190000019542534在这里想与你分享一个由各大CSS网站总结推荐的20个有用的规则和实践经验集合。有一些是面向CSS初学者的，有一些知识点是进阶型的。希望每个人通过这篇文章都能学到对自己有用的知识。1.注意外边距折叠与其他大多数属性不同，上下的垂直外边距ma...

1.$refs的使用场景父组件调用子组件的方法，可以传递数据。父组件：<div id="app"> <child-a ref="child"></child-a> <button @click="getMyEvent">点击父组件</button><div><script> ...

VUE eslint验证npminstall--save-deveslintbabel-eslintvue-eslint-parser@2.0.1-beta.2babel-eslinteslint-plugin-vue@3eslint-config-alloyhttps://www.npmjs.com/package/eslint-config-alloy...

许多这样的方法可以减少像Lodash这样的实用程序库的依赖。数组MDN：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array对象MDN：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global...

正则表达式  注意^和$的使用  ^表示开始 严格匹配按规定的正则开始 否则返回false$表示结束 严格匹配按规定的正则结束 否则返回false只匹配年： /^\d{4}$/ 只匹配年-月：/^\d{4}-((0([1-9]))|(1(0|2)))$/只匹配年或者年月： /^\d{4}$|^\d{4}-((0([1-9]))|(1(0|2)))$/ 一般来说，条件越多的正则表达式越严格，但表述起...

          &lt;template&gt;    &lt;div class="cb-container"&gt;        &lt;input type="checkbox"               id="checkbox"&gt;        &lt;label for="checkbox"               class="cb

1.-webkit-tap-highlight-color这个属性是用于设定元素在移动设备（如Adnroid、iOS）上被触发点击事件时，响应的背景框的颜色。例如在Adnroid版本的微信中，点击a标签时将会出现一个橙色的小框表示点击的响应。此时，如果对元素设置了tap-highlight-color值，例如:-webkit-tap-highlight-color: rgba(240,240,24...

function findParentTdTh(el) {//找到el元素的第一个td 或者th 标签的父元素 找到就返回这个父元素return findParentByTagName(el, ['td','th'])}/*** @param{Element} el* @param{string|string[]}parentTags

手机号和身份证 正则表达式： <el-form-item label="电话" prop="customerTel"> <el-input v-model.number="orderMessage.customerTel"></el-input&gt...

px em rem，三者有什么区别，又各自有什么优劣呢？

如何从网页代码中看出一个元素到浏览器顶端的距离？根据页面滚动，这个值是一直在变化的，你只能通过javascript来获取（因为是根据活动自动变化的，因此不能指定，只能获取）。你可能会问absolute不是固定的吗？不是，它只是相对于从里到外第一个fixed/absolute/relative元素的位置。即便直到body也没有这样的元素，absolute的元素也只是相对于文档顶部，而

vue.js学习：https://cn.vuejs.org/v2/guide/index.html nodejs安装：https://nodejs.org/en/ 镜像：http://npm.taobao.org/ 在线代码编辑器 https://jsfiddle.net/ 工具库 https://lodash.com

//el表示需要悬浮的框const el = this.$refs.mouseItem//根据鼠标位置定位悬浮框document.addEventListener('mousemove', e =&gt; { el.style.left = e.clientX + 10 + 'px'; el.style.top = e.clientY + 10 + 'px'; //...

//毫秒数变成 自定义的 年月日时间const formatData = (val) =&gt; { let date = new Date(val); let dateTime = date.toLocaleString(); return dateTime;};// 重写方法，自定义格式化日期Date.prototype.toLocaleString =...

webstrom 快捷键Ctrl快捷键 介绍 Ctrl+F 在当前文件进行文本查找（必备） Ctrl+R 在当前文件进行文本替换（必备） Ctrl+Z 撤销（必备） Ctrl+Y 删除光标所在行 或 删除选中的行（必备） Ctrl+X 剪切光标所在行 或 剪切选择内容 Ctrl+C 复制光标所...

https://www.cnblogs.com/cutemantou/p/8899788.html

路由懒加载当打包构建应用时，JavaScript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。结合 Vue 的异步组件和 Webpack 的代码分割功能，轻松实现路由组件的懒加载。首先，可以将异步组件定义为返回一个 Promise 的工厂函数 (该函数返回的 Promise 应该 resolve...

JS两个相同的字符串被判断为不相等问题今天在写js的时候，遇到一个奇怪的问题，明明两个字符串相等，用alert()打印出来都一样，typeof的结果都是string，仔细查看过了首尾都没有空格。可是用a==b却判断为不相等虽然两个字符串肉眼看上去没有区别，但是用encodeURIComponent()处理后可能不一样，(我处理后发现有个字符串前面有 %EF%BB%BF，另一个...

自定义主题Element 默认提供一套主题，CSS 命名采用 BEM 的风格，方便使用者覆盖样式。我们提供了三种方法，可以进行不同程度的样式自定义。¶仅替换主题色如果仅希望更换 Element 的主题色，推荐使用在线主题生成工具。Element 默认的主题色是鲜艳、友好的蓝色。通过替换主题色，能够让 Element 的视觉更加符合具体项目的定位。使用上述工具，可以很方便地实时预览主...