sch695241721-CSDN博客

原创仿一下vue的v-model双向绑定的实现一个观察者模式

// 创建对象var targetObj = { name:'小李'}var targetObj2 = { name:'小李'}// 定义值改变时的处理函数（观察者）function observer(oldVal, newVal) { // 其他处理逻辑... targetObj2.name = newVal console.info('targetObj2的name属性的值改变为 ' + newVal);}// 定义name属性及其set和get

2021-12-02 15:02:22 569

转载 js构造函数详解

js构造函数详解一、js函数首先弄明白何为函数呢，按照犀牛书的说法，函数简单的说就是重复执行的代码块。函数是这样的一段JavaScript 代码，它只定义一次，但可能被执行或调用任意次。函数的定义方式：1.声明式函数定义： function 函数名（）{}；这种定义方式，会将函数声明提升到该函数所在作用域的最开头，也是就无论你在这个函数的最小作用域的那儿使用这种方式声明的函数，在这个作用域内，你都可以调用这个函数为你所用。2.函数表达式：let fun = function(){}; 此方

2021-12-02 14:49:09 157

转载 PC端页面适配px转rem

rem是相对长度单位，页面布局需要在不同比例的pc端显示同样大小的页面，不希望在分辨率比较高的屏幕上页面就很小。一般设计稿都是px单位，在开发的时候也会用到px单位。如果在开发前，可以利用vscode的cssrem插件边写边转化。如果是开发完成了，则需要用postcss-pxtorem插件将px单位转化成rem单位。具体操作如下：1、在 Vue 项目的 src 文件夹下创建一个 config 文件夹：2、在 config 文件夹中创建 rem.js：3、将以下代码复制到 rem.js 中const

2021-08-04 16:04:14 1782

转载数组对象根据某个key相同合并分组

var arr = [ {"id":"1001","name":"值1","value":"111"}, {"id":"1001","name":"值1","value":"11111"}, {"id":"1002","name":"值2","value":"25462"}, {"id":"1002","name":"值2","value":"23131"}, ...

2019-10-11 18:25:57 2473

原创 vue实现div单选多选功能

vue实现div单选多选功能单选单选：多选：单选功能DOM层： <div class="labeloption" :class="{checked:ageActive == 11}" @click="changeStatus(11)">0-16岁</div> <div class="labeloption" :class="{checked:ageAc...

2019-09-06 17:44:50 4748 1

原创使用百度的地图生成器部署到https域名

最近上线一款项目，前端项目中使用到百度的地图用来显示公司地址，用了百度的地图生成器。地址链接：http://api.map.baidu.com/lbsapi/creatmap/index.html。生成器很好用，直接把代码包拷到本地js中绑定一个div直接可以显示，部署在本地没问题，但是问题来了，扔到服务器上出了问题，就是说https不允许访问http的，因为生成器代码里需要引入百度的api，...

2019-02-01 15:36:04 917

原创鼠标悬浮图片出现蒙层，移开蒙层消失样式

鼠标悬浮在图片上出现蒙层样式。用到jQuery的mouseover和mouseleave方法，不能用mouseover和mouseout两个方法配合，会有闪烁情况，那是浏览器发生冒泡行为。具体思路如下，鼠标悬浮动态给图片增加一个兄弟节点div，给这个div使用相对定位将位置移动到图片上。鼠标移开删除那个生成的div即可。$(document).on("mouseover",".addimg"...

2019-01-04 14:42:20 2357 1

原创小程序插件授权以及页面到组件传值

最近在做一个插件，有这样的一个需求，首先是插件授权，需要获取到用户的openId，官方提供了一个用户信息组件，需要在插件所依附的小程序里的app.json文件里加上"functionalPages": true这个字段即可，其他的仿照官方提供的Demo，这样就能够获取到用户的临时code去后端调用获取微信用户openid的接口。这个解决了就引出一个新的问题，因为是插件，从小程序直接到插件我需要传...

2018-12-28 19:40:05 2198

原创前端js使用又拍云绕过服务器直接上传图片到云端

一般我们平时做图片视频上传的时候一直是上传到本地服务端下，如果我们想把文件传到云端类似又拍云或者七牛云这样的云端存储下，虽然可以先将文件传给服务器，再由服务器传给云端，但是如果需要上传的文件比较多的话，就不必占用服务器带宽，可以直接在前端绕过服务器上传到云端。七牛云官方api比较完善一点，但是又拍云官方没有提供js上传到云端的api，而且文档写的不够清楚。话不多说，上代码。<input i...

2018-11-15 18:23:16 3579 8

原创点击div块进行文本编辑

工作需要，需要实现如下一个需求，点击模板div块，跳出文本编辑器对div文本内容进行编辑。实现效果图如下：实现思路如下：1.给每个需要编辑的div加上contenteditable=&amp;amp;amp;amp;amp;quot;false&amp;amp;amp;amp;amp;quot;属性，表示暂不可编辑，之后写一个点击事件，点击当前div将当前div的contenteditable属性改为true，其他div都改为false。2.第二步点击右侧文本编辑时，

2018-11-02 09:42:57 1470

原创小程序实现导航栏的两种方式

小程序实现导航栏的两种方式使用微信自带API组件tabBar自定义导航栏。使用微信自带API组件tabBar在app.json中进行设置“tabBar”: {“borderStyle”: “black”, //tabbar上边框的颜色，仅支持 black/white“position”: “bottom”, //可选值 bottom、top“backgroundColor”...

2018-10-24 11:34:59 10071 1

原创微信小程序进行加减法运算的小技巧

Page({ data: { lastpasslevel:6, }, togame: function () { var nowlevel = this.data.lastpasslevel-1+2;//这里是一个很有趣的加法运算，本来想获取到当前关卡只需要将lastpasslevel加1即可，可字符串直接加就成了连接，但是先减1再加2就能进行运算。可能微信小程序内部...

2018-08-10 11:01:35 23226 4

sch695241721的博客