- 博客(85)
- 收藏
- 关注
RSS订阅原创 对于原型链的理解
如果不能确定constructor属性是什么函数，还有一个办法：通过name属性，从实例得到构造函数的名称。也即若属性和方法定义在原型上则所有的实例对象都可以共享，从而节省内存并且体现出实例对象之间的联系。上面代码中构造函数Animal的prototype属性，就是实例对象cat1和cat2的原型对象。但是对于构造函数来说，生成实例的时候，该属性会自动成为实例对象的原型。总结一下原型对象的作用，定义所有实例对象共享的属性和方法。原型对象的属性不是实例对象自身的属性。对于普通函数来说，该属性基本无用。
2024-08-05 17:32:31
440
原创 tsx语法
对于这个我也不知道怎么描述，当我们给一个组件传递属性和事件时，一般子组件在props中接收属性值，emits中接收事件，但是我们也可以传一些额外的属性和事件，即不在props和emits中的属性和事件，虽然这是不推荐的做法，但是有时候当我们封装第三方库的时候，这种用法就非常的方便。这种方式类似v-if，但是和v-if还是有点区别，v-if可以作用在更小的范围，而这种方式只适合整个组件的条件渲染，这个可能不好理解，在下面v-if的使用中我们会看到区别。使用条件判断语句来实现v-if的功能，一般是三目运算符。
2023-11-29 19:19:49
744
原创 sortablejs拖拽排序
element ui 在el-table上添加拖拽安装 npm i --save sortablejs<el-table :data="fieldInformation" size="small" align="center" id="sortTable" row-key="columnNumber"> <el-table-column :label="列数" align="center" prop="columnNumber"
2022-04-21 14:19:39
659
原创 实现origin 转化result
const origin = { "a.b.c": { name: "张三", }, "a.b.d.f": { name: "李四", }, "a.c.e": { name: "王五", age: 18, }, "x.y.z": { name: "赵六" }};function objToTree(obj) { let tem = {} let top = new Set() for (let key in obj) { let keys = key.sp.
2022-04-02 17:53:50
482
原创 和风天气插件的运用--以及运用高德地图自动获取当前省市位置信息
和风天气插件的运用地址：https://widget.qweather.com/create-standard/<div id="he-plugin-standard"></div>const changeOrider = window.outerWidth / 750 * 686window.WIDGET = { CONFIG: { layout: '1', width: changeOrider, height:
2022-03-29 17:13:38
1724
原创 触摸实现拖动上拉和下滑显示菜单以及屏蔽微信的由XXX提供
移动端触摸后实现拖动上拉和下滑// dom<div class="view-site" :style="'bottom:' + setBottom + 'px'"></div><div class="view-site__top" @touchstart="touchViewSiteHeight" @touchmove="touchViewSiteHeight" @touchend="touchViewSiteHeight"><
2022-03-25 15:05:01
540
原创 CryptoJS 实现加解密的封装
CryptoJS 实现加解密的封装import CryptoJS from 'crypto-js'const key = CryptoJS.enc.Utf8.parse("1234123412ABCDEF") //十六位十六进制数作为密钥const iv = CryptoJS.enc.Utf8.parse('ABCDEF1234123412') //十六位十六进制数作为密钥偏移量/** * CryptoJS 加密 解密 *///解密方法function Decrypt(word)
2022-03-16 16:30:46
459
原创 base64图片转文件&&视频获取第一帧图片
base64图片转文件let base64toFile = function (dataurl, filename = 'file') { let arr = dataurl.split(',') let mime = arr[0].match(/:(.*?);/)[1] let suffix = mime.split('/')[1] let bstr = atob(arr[1]) let n = bstr.length
2022-01-13 15:15:32
1906
原创 git常用指令
一、合并分支想将dev分支合并到master分支，操作如下：1、首先切换到master分支上git checkout master2、如果是多人开发的话 需要把远程master上的代码pull下来git pull origin master//如果是自己一个开发就没有必要了，为了保险期间还是pull3、然后我们把dev分支的代码合并到master上git merge dev4、然后查看状态及执行提交命令git status// 最后执行下面提交命令git push orig
2022-01-07 18:28:57
279
原创 根据经纬度设置旋转角（小车）
根据经纬度设置旋转角（小车） setRotation: function (l, startPoint,endPoint) { var j = this; var x = endPoint.lng-startPoint.lng;//lng-经度，lat-纬度 var y = endPoint.lat-startPoint.lat; if(x==0){ ret
2021-07-05 16:58:27
563
原创 修改百度地图lushu_min.js放大地图后小车旋转角出现的问题
修改百度地图lushu_min.js放大地图后小车旋转角出现的问题代码：var BMapLib = window.BMapLib = BMapLib || {}; (function () { var b, a = b = a || { version: "1.5.0" }; a.guid = "$BAIDU$"; (function () { window[a.guid] = window[a.guid] || {}; a.dom
2021-07-02 10:10:43
546
原创 多点沿线运动的小车可以保持车头沿路的方向
多点沿线运动的小车可以保持车头沿路的方向1、引入相关的文件2、定义一个div 容器3、代码：<%@page import="java.util.ArrayList,com.bean.Client"%><%@ page language="java" import="java.lang.Math" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%><!DOCTYPE html PUBLI
2021-07-02 10:08:39
185
原创 账号加解密的封装
vue实现购物车的增减https://blog.csdn.net/qq_37481512/article/details/92831940
2020-11-01 07:08:16
234
原创 手写Promise&call函数&防抖&节流
<style>.section_2{ .yuan{ height: 100%; .list{ width:31.25%;padding-bottom: 31.25%;left: 80px; border-radius: 50%;border: 1px solid $colmain2;background-image: url(../images/logo1.png);background-position: center;background-repeat: no-rep
2020-08-03 14:51:36
387
原创 手机端判断用户代理,浏览器版本,内核信息等
<script type="text/javascript"> //判断访问终端 var browser={ versions:function(){ var u = navigator.userAgent, app = navigator.appVersion; return { trident: u.indexOf('Trident.
2020-07-31 11:09:19
365
原创 封装一个倒计时js---以及vue中使用swiper
function cd(t1, t2, tg) { //相差的毫秒数 var ms = Date.parse(t1) - Date.parse(t2); var minutes = 1000 * 60; var hours = minutes * 60; var days = hours * 24; var years = days * 365; //求出天数 var d = Math.floor(ms / days); //求出除开天数，剩余的毫秒数 ms %= days; var.
2020-07-30 10:05:51
408
原创 用js写一个鼠标跟随的回弹效果(有固定区域)
<style>.list li .tops_pic { position: relative; transition: all 1.5s; height: 100px; line-height: 100px;}</style><div class="list contents"> <ul class="ul"> <li> &l
2020-07-30 09:54:30
306
原创 html自定义鼠标
<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title>无标题文档</title> <style> * { cursor: none !important; } #cursorBlob { width: 50px; .
2020-07-15 09:08:53
281
原创 VSCode 常用设置项
代码编辑工具VSCode 常用设置项 // VScode主题配置 "editor.tabSize": 2, "editor.lineHeight": 24, "editor.renderLineHighlight": "none", "editor.renderWhitespace": "none", "editor.fontFamily": "Consolas", "editor.fontSize": 15, "editor.cursorBlinking": "smooth"
2020-07-09 14:23:55
1284
原创 js选择文字实现打开分享
百度分享直接复制就能使用 window._bd_share_config = { "common": { "bdSnsKey": {}, "bdText": "", "bdMini": "2", "bdMiniList": false, "bdPic": "", "bdStyle": "0", "bdSize": "
2020-06-30 15:36:49
245
原创 自制进度条
<html><body><div id="test" style="width:1px;height:17px;background:#0f0;">0%</div> <input type="button" value="Run" id="run" onclick="fs()" /> <script> var ele = document.getElementById("test"); va
2020-06-28 18:09:33
176
原创 利用jq,上下左右移入移出 实现样式效果
利用jq,实现上下左右移入移出效果<script>var MouseDirection = function (element, opts) { var $element = $(element); //enter leave代表鼠标移入移出时的回调 opts = $.extend({}, { enter: $.noop, leave: $.noop }, opts || {}); var dirs = ['top
2020-06-17 10:23:11
459
原创 利用vue写几个常用的方法
利用vue写几个常用的方法(仅供平时借鉴): <li class="item teal"> <a href="javascript:;" @click="shows(0)" v-bind:class="sel==0?'cur':''" class="font30 col000">全部</a> </li> <li class="item teal" v-for="(item
2020-06-10 08:59:53
1367
原创 svg实现中国地图
svg实现中国地图: http://www.jq22.com/yanshi3031canvas实现中国地图: https://www.html5tricks.com/demo/echarts-html5-canvas-map/index.html
2020-06-03 14:52:32
1433
原创 跟随滚动条设定高度
<script><!doctype html><html lang="en"><head> <meta charset="utf-8"> <script src="https://code.jquery.com/jquery-1.10.2.js"></script></head><body> <div class="hei3000"><div class="l
2020-05-20 17:33:59
268
原创 高德地图参数配置
<div class="Map001372" data-role="part"><div class="auto auto_1200"> <h1>Shun Fat Innovations Limited - Head Office</h1> <div class="map"> <div id="mapconte...
2020-04-27 17:24:53
2171
原创 手机端,通过js控制去缩放页面
function adapt() { var mengvalue = -1; //if(mengvalue<0){mengvalue = 0; } var phoneWidth = parseInt(window.screen.width); var phoneScale = phoneWidth / 750; ...
2020-04-15 19:53:43
1336
原创 教你新手怎么运用模块化开发
众所周知,模块化开发已经成为一种趋势,有利于优化代码,提高代码质量;这里我贴一个简单的模块,以及调用的方法给大家:<script src="https://cdn.bootcss.com/jquery/3.4.0/jquery.slim.min.js"></script><script> ;var module1 = (function ($,xin...
2020-03-13 16:50:55
410
原创 前端实现WebSocket的用法
关于WebSocket通信机制,前端依赖jQuery实现的方法如下: $(function(){ $.ajaxSettings.async=false; $.post('url地址/show/doSaveSession',{'hotelid':1},function(data){ console.log("执行保存session");//模拟先登录 ...
2020-03-13 09:06:34
1942
原创 实现图片懒加载技术
1 利用jquery_lazyload实现图片懒加载具体实现如下:<img class="lazy" data-original="img/bmw_m1_hood.jpg" width="765" height="574" src="img/bmw_m1_hood.jpg"><img class="lazy" data-original="img/bmw_m1_side.j...
2020-03-12 08:43:45
969
原创 动态加载js
按照需求动态添加js1.使用ajax请求去加载代码：var xhr = new XMLHttpRequest;xhr.open('get','file.js',true);xhr.onreadystatechange = function(){ if( xhr.readyState == 4 ){ if( xhr.status >=200 &&...
2020-03-11 21:32:21
502
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人