- 博客(34)
- 收藏
- 关注
RSS订阅转载 padStart()和padEnd()方法
padStart和padEnd主要用于字符串的补全参数（接收两个参数）：第一个参数，指定字符串的长度。如果当前字符串小于指定的长度，则进行补全；反之，不进行任何操作，返回原字符串。第二个参数，用于补充的字符串，如果字符串长度过长，则会删除后面的多出的字符串，进行补全。如果不写，默认空格补全。适用场景：格式化时间时，个位数补0字符串拼接下面都是以...
2019-08-05 16:43:00
300
转载 常用的git命令
下面列举的都是简单常用的一些git命令，如果不够全面可以去https://git-scm.com/docs进行查看## 创建版本库 git clone <url> 克隆远程版本库 git init 初始化本地版本库 ## 修改和提交 git pull 拉取 git add . 添加所有改动过的文件 git com...
2019-07-31 11:07:00
112
转载 判断元素是否在可视区域内
如果页面有头部置顶和底部置底的元素，需要自行进行计算：scrollTop + 头部置顶元素高度screenHeight - （置顶和置底元素的高度）//元素距离页面顶部的距离var eleTop = $("#ele").offset().top;//元素本身的高度var eleHeight = $("#ele").height();//...
2019-07-26 18:29:00
212
转载 sticky的使用
position: sticky粘性定位：是css新增的一个position属性。说是对于IOS的兼容性好一点，对于安卓的兼容性不太好（我自己感觉安卓的兼容性也不错）于position:fixed的区别：我们都知道常用的几个定位（static、absolute、relative、fixed），如果没有额外的js处理，只要写上，页面立马就可以看到相对应的效果。而sticky相当于加了一...
2019-07-26 17:29:00
230
转载 ios,iphone头部,底部兼容性问题
苹果手机头部会比安卓手机多出来一部分，所以当页面头部有定位时，需要做一下兼容处理：（文中都是以375的设计稿来计算的，单位都使用px，实际项目中，请自行进行转换）//使用特有的类名.isIOS{ // 头部多出20px}.isIPhoneX{ //头部多出40px //底部多出35px}转载于:https://www.cnblogs....
2019-07-26 17:02:00
348
转载 前端面试中遇到得问题
1.盒子模型有几部分组成？主要组成：内容（content）、内边距（padding）、边框（border）、外边距（margin）；盒子模型分为：标准盒子模型（W3C盒子模型）、怪异盒子模型（IE盒子模型）标准盒子模型：content只包括自身的宽度和高度（box-sizing:content-box）。怪异盒子模型：content除了包含自身的width和height还...
2019-03-26 14:28:00
238
转载 vue事件处理
事件绑定v-on1.直接在指令中写JavaScript代码<div id="example-1"> <button v-on:click="counter += 1">Add 1</button> <p>The button above has been clicked {{ counter }} times.<...
2019-03-07 14:04:00
77
转载 vue渲染
渲染：条件渲染，列表渲染1.条件渲染v-if、v-else、v-else-if v-else、v-else-if必须跟在v-if、v-else-if 之后否则不会被识别<div v-if="Math.random() > 0.5"> Now you see me</div><div v-else> ...
2019-03-07 11:29:00
79
转载 vue数组和对象方法
变异方法：会改变原始数组push()pop()shift()unshift()splice()sort()reverse()非变异方法：不会改变原始数组，但是会返回一个新数组fliter()slice()concat()vue不能检测变动的数组利用索引值直接设置内容时 vm.items[indexOfItem] = ne...
2019-03-07 11:28:00
268
转载 vue样式绑定
可以用v-bind绑定，只需要通过表达式计算出字符串结果即可。1.绑定css v-bind:class对象语法<div v-bind:class="{ active: isActive }"></div><!-- 可以与普通的css共存 --><div class="static" v-bind:class...
2019-03-06 13:58:00
66
转载 vue模板语法与绑定指令
1.插入文本 <!-- 插入文本 --><span>Message: {{ msg }}</span> <!-- 插入HTML元素 --><p>Using mustaches: {{ rawHtml }}</p><p>Using v-html directive: <span...
2019-03-06 11:52:00
87
转载 墨刀的使用
墨刀官网：https://modao.cc/tutorials/11023常用的小功能：画线：可以添加标尺，用于校准。多个组件移动：按住shift键，选中多个组件，右键选择组合，可以将选中的组件组合在一起。页面跳转：选中需要进行跳转的组件，拖拽到相对应的页面就可以了。可以选着触发的动作，例：点击，双击，长按，左滑，右滑...交互效果：一般是通过状态，新建状态，通过...
2019-01-23 16:46:00
808
转载 ajax基础一
ajax注意事项：ajax默认情况下，默认请求为异步，即async:true。同步（async:false）如果项目中有一项操作之前需要ajax验证，则不论同步还是异步，都需要验证通过后，才能继续后面的操作（前端验证是为了减少服务器压力和增加用户体验，后端验证是为了安全）熟练应用error参数，关注返回回来的异常消息，锁定程序错误位置同步：即当发出请求后，浏览器什...
2019-01-08 11:08:00
60
转载 解构赋值中圆括号问题及解构赋值的用途
解构赋值虽然很方便，但是解析起来并不容易。对于编译器来说，一个式子到底是模式还是表达式，没有办法从一开始就知道，必须解析到(不能解析)等号才能知道。ES6的规则是：只要有可能导致解构的歧义，就不得使用圆括号。不能使用圆括号的情况：变量声明语句函数参数赋值语句的表达式可以使用圆括号的情况：赋值语句的非模式部分[(b)] = [3]; // 正确(...
2019-01-02 16:45:00
268
转载 解构赋值
1.数组的解构赋值允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构。1.本质上，只要等号两边的模式相同，左边的变量就会被赋予对应的值。2.如果解构不成功，变量的值就等于undefined。3.如果等号右边不是数组(或者不是可遍历的结构)，将会报错。例子：let [foo, [[bar], baz]] = [1, [[2], 3]];//...
2019-01-02 16:17:00
73
转载 @keyframes、animation
通过@keyframes规则，可以创建动画原理：将一套css样式逐渐变为另一套css样式用法：以百分比或“from”、“to”关键字来控制动画开始和结束。在动画过程中，可以多次改变这套css样式animation是一个简写的属性，主要用于设置6个动画属性：animation-name:需要绑定到选择器上的keyframe的名字animation-duration:...
2018-12-26 13:06:00
281
转载 边框线样式
1.双重边框线div{ outline-color: #2098F5; outline-style: double; outline-width: 1px; outline-offset: 7px; border:1px solid #2098F5;}效果图：2.渐变边框线 转自：https:...
2018-12-18 11:48:00
252
转载 kendoGrid filter过滤
过滤主要分为三种(都是针对列进行过滤)：1.多条件查询$("#grid").kendoGrid({ filterable:{ extra: false, //是否显示其他的查询条件，默认为true,如果为false，则为单条件查询 //具体的操作类型，可设置 operators: { ...
2018-09-05 11:08:00
892
转载 jQuery实现简单的动画
1.淡入淡出效果 fadeIn() 淡入隐藏的元素$(selector).fadeIn(speed,callback);/* 参数 speed:效果时长。可取的值：slow、fast、毫秒数 callback:过渡完成后，所执行的方法名称 */$("div").fadeIn(3000); fadeOut() 淡出可见的元素...
2018-08-03 17:58:00
115
转载 textarea的高度自适应
1.只读状态下的高度自适应//maxHeight为最大高度function autoTextarea(maxHeight){ $.each($("textarea"), function(i, n){ $("#textarea").css("overflow", "hidden"); var _height...
2018-07-26 12:04:00
101
转载 kendoSplitter 分隔
具体参数：orientation分隔的方向，默认horizontal(水平方向)。vertical：垂直方向panes.collapsed初始化时，分隔的窗格，是否折叠。默认false(展开)。true：折叠panes.collapsible是否支持折叠。默认false(展开)。true：折叠panes.res...
2018-07-23 14:54:00
464
转载 kendo DataSource
1.transport标准的DataSource格式，默认get请求：var dataSource = new kendo.data.DataSource({ transport: { read: { url: "https://demos.telerik.com/kendo-ui/service/products", dataT...
2018-07-23 09:48:00
430
转载 动态改变kendoGrid的数据、列和基础设置
1.改变数据第一种方法：dataSource:{ transport: { read: function (operation) { var data = operation.data.data || []; operation.success(data); } ...
2018-07-20 16:56:00
808
转载 kendoValidator 验证
表单验证最重要的是验证规则中的自定义验证，即rules，返回的消息都在messages中.下面demo我以数字、邮箱、时间举例说明：HTML:<form action="?" id="requrest-form"> <!-- 数字验证 --> <input type="number" name="number" requi...
2018-07-18 13:42:00
259
转载 块级元素的水平、垂直居中
HTML: <div class="parent"> <div class="child"></div> </div>1.固定宽高/* 利用calc */.parent{ position: relative; height: 500px; width: 300p...
2018-07-17 11:56:00
51
转载 kendoUpload 上传控件
1.带模板的upload，可以根据上传文件类型的不同，来切换对应的icon图标CSS代码：.file-icon { display: inline-block; float: left; width: 48px; height: 48px; mar...
2018-07-16 10:44:00
1550
转载 Interesting effects
1.浏览器可编辑利用H5的contenteditable属性，当元素指定了该属性后，该元素内的内容就变成可编辑状态。在浏览器的地址栏上输入以下代码，就可以将浏览器变成一个编辑器。data:text/html, <html contenteditable>或者在console中输入以下代码，也可以将浏览器变成可编辑的。document.bod...
2018-07-13 09:53:00
85
转载 kendoGrid methods方法
链接地址：https://docs.telerik.com/kendo-ui/api/javascript/ui/gridvar grid = $("#grid").data("kendoGrid");1.addRow新增一行，可编辑状态下（editable）grid.addRow();2.autoFitColumn自动适应列宽//后面可...
2018-07-11 14:01:00
226
转载 kendoListBox 选择控件
需要实现的功能：双击可以左右移动移动的时候，里面的元素没有移除可以拖拽进行左右移动可以混选，左边的数据可以改变，左边切换的时候，右边累加HTML部分： <div id="example" role="application"> <div class="demo-section k-content">...
2018-07-10 17:47:00
227
转载 kendo format
1.数字格式化1).使用n格式化//默认2位小数，千分位，n0表示没有小数，n5表示保留5位小数kendo.culture("en-US");kendo.toString(1234.567, "n"); //1,234.57kendo.toString(10.12, "n0"); //10kendo.toString(10.12, "n5"); //10....
2018-07-10 12:04:00
675
转载 kendoGrid Event事件
1.beforeEdit事件在编辑器创建之前，点击编辑或创建数据时触发，可以用于自定义逻辑，阻止编辑。参数：e.model：选中当前要编辑的数据，可以使用isNew()方法来检查数据项是新建还是编辑e.sender：当前kendoGrid实例<div id="grid"></div><script>$("#gri...
2018-07-02 18:13:00
801
转载 kendoGrid的一些基础配置
$("#grid").kendoGrid({ dataSource:{ transport: { read: { url: crudServiceBaseUrl + "/Products", dataType: "json...
2018-07-02 15:21:00
279
转载 kendoGrid edit功能
1.编辑的三种方式editable:true //单元格编辑editable:'inline' //行内编辑editable:'popup' //弹出编辑2.自定义编辑模式columns:[ { field:'', title:'', editor:Editor }]//下拉列表fun...
2018-07-02 14:52:00
646
转载 kendoDatePicker日期选择控件
1.普通的日期选择控件$("#datePicker").kendoDatePicker({ value:new Date(), //默认日期为今日 format:'yyyy-MM-dd', min:'2017-01-31', max:'2019-02-20'}) 2.只选择到年$("#datePicker").kend...
2018-05-31 21:43:00
1660
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人