- 博客(34)
- 收藏
- 关注
RSS订阅原创 用户点击订阅消息的服务端过程
在为用户发送服务通知时，需要调用 subscribeMessage.send 这个api，其中包括以下参数：其中page就是点击模版卡片的跳转页面，支持带参数，需要配置小程序中的页面，即用户点击后跳转的页面。
2022-06-15 14:21:45
173
1
原创 Vant 修改field中的placeholder
在vant中修改默认的placeholder样式颜色，试了其余各种方法，均为生效，最后以这种方法解决::v-deep .van-field__control::-webkit-input-placeholder { color: #666666; font-size: 0.2rem; font-weight: 600; }...
2022-03-24 15:05:30
5240
原创 在mapbox中 移动图层层级 例如让标点置于最上方
第一种方法：使用beforeId,在创建图层的时候控制图层的层级 initLayer(options, beforeId) { this.map.addLayer( { id: options.id, type: options.type, source: options.source,
2021-09-07 10:28:43
2887
3
原创 在mapbox中同时用图形标记两种不同的点
首先是将图片添加至地图中，成为地图元素，使其可使用let images = { shipDirectionArrow: this.markersimg, shipadd1111111111: this.addimg, } //添加两张图片至images对象中 this.loadImages(images, loadedImages => { if (!_this.map.hasImage('shipDirect
2021-08-30 20:08:37
384
原创 echarts折线图中x轴条目太多，需自适应其间隔
当信息比较多，或者文字比较长会如下展示：可以清晰看到下方展示效果极差修改后的效果如上，清晰明显其中代码为： xAxis: [ { data: this.names, type: 'category', axisLine: { show: true,
2021-08-30 19:57:26
5997
原创 Element UI中 自定义环形el-progress 更改背景、添加内外边框等
先看效果图：Element UI 官网示例：更改后效果：引入el- progress <el-progress type="circle" class="load-factor" :width="70" :stroke-width="10" :color="cir
2021-08-25 17:43:08
2542
1
原创 The “Portratitle“ component has been registered but not used
The “Portratitle” component has been registered but not used当出现这行报错时，如果确实注册并且使用了组件，但是组件没有挂载上，检查下引入是否以驼峰形式命名。命名规范中规定以驼峰式作为分割引入如下：...
2021-01-19 14:44:20
163
原创 提示nvm不存在的情況
如果提示nvm不存在，可以先查看是否环境变量的原因。输入path查看nvm的路径解析是否正确，如果不正确的话，进入环境变量中重新复制配置即可。
2021-01-12 10:21:44
2305
原创 vue生命周期简述
beforeCreate:this.data和this.data 和this.data和this.el都没准备好,都是undefinedCreated:this.data有了，能读取到了，但是Dom还没加载，this.data有了，能读取到了，但是Dom还没加载，this.data有了，能读取到了，但是Dom还没加载，this.el没有beforeMount:这个时候this.$el有了，但是...
2019-11-12 18:02:25
181
原创 object对象转数组
需求：解决方案：大佬牛逼let arr = []; for(let ip in harddisklist){ // const item = Object.assign({ip}, harddisklist[ip]); // arr.push(item); arr.pus...
2019-11-07 16:33:50
10712
原创 vue route路由跳转 一进页面就刷新
我的需求是日期时间选择器需要实时更新，需要一进页面就刷新，尝试过不同的key，以及inject注册方法等，都不好用，最后找到了这个watch的方法。之后路由跳转，一进页面就是刷新，就在需要的页面中加入watch监测即可。 watch:{ $route(to, from) { this.dateTimerange = [new Date().getTime() - 24 * 6...
2019-10-30 11:26:14
4243
4
原创 对象属性排序和字符串排序
//自定义排序,对对象的属性进行排序let comparearr = [ {name:"zhangsan",age:18}, {name:"lisi",age:20}, {name:"wangmazi",age:23}]function comparParsen(a,b){ if(a.age>b.age){ return -1; ...
2019-10-18 15:49:14
232
原创 数组的方法
//数组合并var zero = 0;var firstarr = [1,2,3];var secondarr = [-1,-2,-3];var resultarr = firstarr.concat(zero,secondarr);//[1, 2, 3, 0, -1, -2, -3]//迭代器函数var isEven = function(x){ return x%2 =...
2019-10-18 15:21:17
110
原创 reduce优秀
高举reduce大旗，优秀1、语法arr.reduce(callback,[initialValue])reduce 为数组中的每一个元素依次执行回调函数，不包括数组中被删除或从未被赋值的元素，接受四个参数：初始值（或者上一次回调函数的返回值），当前元素值，当前索引，调用 reduce 的数组。callback （执行数组中每个值的函数，包含四个参数） 1、previousVal...
2019-10-11 11:30:45
110
原创 Bootstrap前端开发框架（一）
Bootstrap前端开发框架（一）目前最受欢迎的前端框架，bootstrap3以移动设备优先。移动设备优先<meta name="viewport" content="width=device-width, initial-scale=1.0, ...
2019-03-11 20:52:08
594
原创 前端页面布局
前端页面布局一、固定布局即页面固定宽度，早期部分网站会把页面设置成320的宽度，可以达到前端以及页面视觉想要的效果。缺点是部分大屏幕手机会有两边留白，以及部分手机上的页面特别小，按钮等也特别小，影响用户体验。二、流式布局即宽度使用百分比，高度使用固定值的页面。优点是可以使所有屏幕都适配，但是显示的效果很不好。页面会被拉宽，只有几款尺寸的手机可以完美显示出ui设计师想要的效果。三、使用vi...
2019-03-11 11:36:39
423
原创 jquery:手风琴图片轮播
jquery:手风琴图片轮播html部分：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script src="js/jquery-3.3
2019-02-27 15:00:15
312
原创 jquery:类似于外卖选餐
jquery:类似于外卖选餐<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <meta name="viewport" content="width=300,maximum-scale=5.0,user-scalable
2019-02-27 14:53:41
392
原创 jquery:手机的触屏事件
jquery:手机的触屏事件先写媒体匹配<meta name="viewport" content="width=300,maximum-scale=5.0,user-scalable=0">触屏事件 touch()三个阶段：start move endvar startX,startY,moveX,moveY; $(".block").bind("touch...
2019-02-27 14:47:57
776
原创 jQuery封装的动画
jQuery封装的动画jquery中的固定动画show():相当于display:block 可以加参数， 参数1 为时间 参数2 为动画完成hide():相当于display:none 参数1 为时间 参数2 为动画完成 $("#btn").click(function(){ $(".block").hide(1000,function(){ ...
2019-02-27 14:09:24
204
原创 jQuery事件
jQuery事件jquery里面的事件大概分为三部分：键盘事件 鼠标事件 窗口事件jquery的结构层和行为层是分离的，且jquery里可以进行链式操作。最简单的写法$("#btn").click(function (){ //点击事件 console.log(2); }).mouseenter(function (){ //鼠标进入事件 console...
2019-02-27 11:30:00
81
原创 jQuery:图片的数据流
jQuery:图片的数据流<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> *{ padd
2019-02-23 14:49:51
1655
原创 jQuery操作dom元素（二）
jQuery操作dom元素（二）jquery里创建dom元素var str=$("<span></span>");//动态创建了span创建完成的对象，追加给父级元素append appendTo prepend prependTo1.追加到当前元素的内容之后 $("#block").append(str);//把str追加到block中 str...
2019-02-23 14:38:20
261
原创 jQuery操作dom元素
jQuery操作dom元素1.操作元素的属性attr(),prop() 获取或者设置元素的属性值attr(): $("input[type='button']").attr("value","按钮1");//设置button的value值为按钮1 console.log( $("input[type='button']").attr("value"));//获取button的v...
2019-02-23 14:00:55
379
原创 jQuery的基础语法
jQuery的环境配置jQuery是一个js库，方便，简单，易学。$元素代表jQuery对象，要使用jQuery，必须先引用，$可以用对象，也可以用函数，即可以带括号，也可以点出来。$(document).ready(function (){ $("#btn").html("按钮").css({ backgroundColor:"red" ...
2019-02-23 11:09:00
1558
原创 JS继承的实现
JS继承的实现继承的概念：继承的是对象，对象具有三大特征：（封装、继承、多态），继承的是属性和行为。要实现继承，首先我们需要有一个父类，代码如下：function Animal(){ //在其中写关于父类这一类的特征和行为 this.name=null; this.AnimalColor=null; this.sex=null; ...
2019-02-23 10:01:16
83
原创 HTML5中的离线存储
HTML5中的离线存储存储：客户端存储 session 硬盘存储 local１.客户端存储window.sessionStorage 存在浏览器上的，浏览器关闭后不在保留数据，用于临时保存数据存储的属性 window.sessionStorage.setItem("key", "value"); /!*用来存储的方法*!/ window.sessionS...
2019-02-20 15:45:08
175
原创 Canvas标签
Canvas标签canvas是HTML5中新加的标签和和操作js的API，它可以在网页中完成2d和3d动态创建，可以完成动画，游戏，图表等功能。创建canvas<canvas id="can"></canvas>获取canvasvar can=document.getElementById("can");获取可视屏幕的宽和高var window_w=doc...
2019-02-20 15:12:53
300
原创 播放器video标签
播放器video标签video标签的属性src：媒体资源的来源poster：视频封面，视频没有播放时的封面preload：预加载autoplay：自动播放loop：循环播放control：浏览器自带的控制条width、height：在video中，为自带的属性以上属性皆可以用js来控制；<video id="mp4" src="./MP4/le.mp4"></...
2019-02-20 13:57:46
687
原创 正则表达式
正则表达式以及表单验证（正则表达式）一、正则表达式正则表达式是一种字符串匹配的模式，可以用来检查一个串是否含有某种子串、将匹配的子串替换或者从某个串中取出符合某个条件的子串等。常用的字符有：普通字符：1.\n 匹配换行 2.\s 匹配任何空白字符 3.\S匹配任何非空白字符特殊字符：1.$ 匹配输入字符串的结尾 \$ 2.()匹配字符串里的字表达式，匹配自身 ...
2019-02-02 21:31:35
81
原创 Ajax的了解及其封装
Ajax的了解及其封装Ajax是一种在无需重新加载的情况下，能够更新部分网页的技术。通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。例如：微信的点赞，当我们给一个人点赞时，已经点赞过的标志即会实时的出现在此人的点赞区，并且没有整个网页更新。即可以通过ajax实现。Ajax有两种方式请求，一种同步请求（等...
2019-01-28 20:43:40
177
原创 鹿长的前端之路第二节——网站框架
鹿长的前端之路第二节——网站框架一、注意事项1、当有元素块写完却不出现时，应该从此元素的父元素中去检查相对绝对定位2、注意块与块的包裹3、随时细心，注意拼写是否正确4、相同的样式，可以节省代码量5、代码写规范整齐，在大模块前添加应有的注释，便于后期检查二、网站框架...
2018-11-22 20:19:38
100
原创 鹿长的前端之路第一节
鹿长的前端之路第一节1、HTML（超文本标记语言)一般用到的简单标签如下：<h1></h1> *标题标签（1~6）从大到小*<p1></p1> *段落标签*<pre></pre> *按照预先设定的格式显示***无序和有序：**<ul> <li>星期一<
2018-11-15 18:24:28
95
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人