- 博客(51)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 docker容器 安装证书
4.运行 cp /usr/local/share/ca-certificates/proxyman_certificate.pem /usr/local/share/ca-certificates/proxyman_certificate.crt。请将C:\path\to\proxyman_certificate.pem替换为证书文件在你本地文件系统中的实际路径。在Windows上打开PowerShell或命令提示符。以root身份进入容器并更新证书存储。
2024-06-20 14:52:05
273
原创 js浮点数精确计算(加、减、乘、除)
加法function accAdd(arg1,arg2){ var r1,r2,m; try{r1=arg1.toString().split(".")[1].length}catch(e){r1=0} try{r2=arg2.toString().split(".")[1].length}catch(e){r2=0} m=Math.pow(10,Math.max(r1,r2)) return (arg1*m+arg2*m)/m }减法function a
2022-03-21 14:54:15
619
原创 使用download.js突破浏览器限制自动下载服务端文件
需求用户点击按钮，发送一些参数给服务端。服务端动态生成文件地址。生成完毕后，返回下载地址，浏览器根据文件地址自动做下载操作。当前限制由于浏览器安全策略的限制，window.open(“文件地址”)`或者自己创建a标签，JS模拟点击这两个方案都会被浏览器拦截。解决思路chrome支持blob对象和FileReader方法。我们可以通过ajax获取服务端生成文件的数据，然后浏览器自己构造文件去读取。已有开源的库封装了浏览器构造文件的过程，我们直接使用即可。Demo这里使用了downloa
2021-11-16 10:33:31
1498
原创 vue 修改iframe 内样式及 父子页面方法调用
<div class="interface-body"> <iframe @load="frm" id="pdf-box" src="../../static/pdf/web/viewer.html?file=/static/pdf/web/demo.pdf"></iframe> </div></template><script>export default{ methods：{ frm(){ ..
2021-11-09 17:30:12
9078
原创 带样式 复制html
<div id="result"> <p style="font-size: 16px; font-weight: bold; color: red;">我是标题</p> </div> </div> <span id ="copyBtn" class="iconfont icon-fuzhi" style="font-size: 14px;margin-left: 45%;color
2021-10-26 09:33:51
516
1
原创 vue 跳转打开新页面
1.官方文档中说 v-link 指令被 组件指令替代，且 不支持 target="_blank" 属性，如果需要打开一个新窗口必须要用标签，但事实上vue2版本的 是支持 target="_blank" 属性的(tag=“a”)，如下：<router-link target="_blank" :to="{path:'/home',query:{id:'1'}}">新页面打开home页</router-link>2.有些时候需要在单击事件或者在函数中实现页面跳转，那么可以
2021-08-13 15:51:01
3488
原创 HTML5中的execCommand命令
在html5中，可以通过execCommand方法来运行一条命令，每一条命令都将对用户通过鼠标所选取的内容执行一些操作。1. execCommand方法浏览器对execCommand方法执行命令有哪些区别？一：对可编辑页面或不可编辑页面的区别：firefox，chrome和safari浏览器只能针对可编辑的页面或可编辑的元素中的用户通过鼠标选取的内容执行execCommand方法。IE9和opera 可以针对不可编辑页面或元素执行execCommand方法。在html5中，可以通过给元素设置 c
2021-06-20 14:01:11
1126
原创 浏览器判断
function myBrowser() { var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var isOpera = userAgent.indexOf("Opera") > -1; //判断是否Opera浏览器 var isIE = userAgent.indexOf("compatible") > -1 &&a
2021-02-05 09:51:02
162
原创 Vue-Cli 自定义指令
使用Vue框架开发的同胞们在非常愉快的使用vue内置指令的同时，有时候因为业务的原因，难免想动一动DOM的底层，这时候，vue为我们提供了自定义指令的权利。那么自定义指令，当然得区分时局部定义还是全局定义(比如我们需要定义一个元素获取焦点时的指令)：局部定义指令：局部定义需要在单文件组件中的dirctives中进行directives: { focus: { /**在绑定元素插入DOM中定义 */ inserted(e) { e.focus()
2020-08-28 11:41:56
1453
原创 使用 Fetch
Fetch API 提供了一个 JavaScript 接口，用于访问和操纵 HTTP 管道的一些具体部分，例如请求和响应。它还提供了一个全局 fetch() 方法，该方法提供了一种简单，合理的方式来跨网络异步获取资源。这种功能以前是使用 XMLHttpRequest 实现的。Fetch 提供了一个更理想的替代方案，可以很容易地被其他技术使用，例如 Service Workers。Fetch 还提供了专门的逻辑空间来定义其他与 HTTP 相关的概念，例如 CORS 和 HTTP 的扩展。请注意，fe.
2020-08-24 10:43:22
378
原创 vue中fetch封装
export default async(url = '', data = {}, type = 'GET', method = 'fetch') => { type = type.toUpperCase(); if (type == 'GET') { let dataStr = ''; //数据拼接字符串 Object.keys(data).forEach(key => { dataStr += key + '=' + .
2020-07-27 18:01:35
1317
原创 全局配置ajax时间戳
$.ajaxSetup({ beforeSend: function(jqXHR, settings) { //在请求前给修改url（增加一个时间戳参数） settings.url += settings.url.match(/\?/) ? "&" : "?"; settings.url += "timestamp=" + new Date().getTime(); },});...
2020-07-24 17:43:41
241
原创 微信小程序父子组件传值
一、父组件向子组件传值（通过 properties 属性）父组件json{ "usingComponents": { "reply": "../../components/reply/reply" }}html<reply commentCount='{{commentList}}' bind:oneLevelComment='oneLevelCommentSend'></reply>子组件js/** * 组件的属性..
2020-07-22 16:14:53
567
原创 微信小程序创建公共组件
打开项目文件目录，新建一个compoments目录。 在里面新建一个mybox组件的目录，名称自定义。 右键单击选择新建compoment 在生成的文件中找到wxss文件。 在里面写上样式文件。 来到要引用组件的页面中的json文件中，注册刚才设置的组件。 来到wxml中就可以使用刚才设置的mybox组件了。 ...
2020-07-22 15:04:22
922
原创 js 实时监听 input textarea值
1.JQ方法$("#input1").bind("input propertychange",function(event){ console.log($("#input1").val())});****2.js方法<script type="text/javascript"> // Firefox, Google Chrome, Opera, Safa...
2020-03-27 15:50:09
1820
原创 iframe 父子页面传值 获取iframe页面内dom对象
1.ifrmae 子页面向父页面传值子页面绑定事件$("#btn").click(function(){ var data={k:1,n:2};//需要传递的值 window.parent.postMessage(data, '*')});父页面接收addEventListener('message', e => { // e.data为子...
2020-03-26 11:19:22
747
转载 Git的使用--如何将本地项目上传到Github
1.首先你需要一个github账号，所以还没有的话先去注册吧！https://github.com/我们使用git需要先安装git工具，这里给出下载地址，下载后一路（傻瓜式安装）直接安装即可：https://git-for-windows.github.io/2.登陆后，进入Github首页，点击New repository新建一个项目3.填写相应信息后点击create reposit...
2020-03-12 15:20:47
115
原创 vue 打包空白页面
1、修改config下面的index.js中bulid模块导出的路径。因为index.html里边的内容都是通过script标签引入的，而你的路径不对，打开肯定是空白的。先看一下默认的路径。module.exports = { build: { env: require('./prod.env'), index: path.resolve(__dirname, '../dis...
2020-03-11 10:39:07
162
原创 vue 安装 jquery
1.安装jquerynpm install jquery --save-dev2.build/webpack.base.conf.js中，导入：var webpack = require('webpack');最下面添加：plugins: [ new webpack.ProvidePlugin({ $:"jquery", jQuery:"jquery", "...
2020-03-11 10:24:17
384
原创 vue less安装
在vue中使用less首先要下载依赖：npm install less less-loader --save-dev下载好之后就可以.vue文件中使用lang="less"和@import<style lang="less" rel="stylesheet/less" scoped>@import "css/style.less";.ceshi{ color: @color...
2020-03-11 10:21:00
3762
原创 js 获取本周、上一周、下一周日期
//本周、下一周日期var date=new Date();var currentFirstDate=new Date(date);var formatDate = function(date){ var year = date.getFullYear();//年 var month = (date.getMonth()+1);//月 var day = date.g...
2019-10-11 10:09:30
2517
1
原创 setTimeout和setInterval
基本知识setTimeout(fn,t),超时调用，超过时间t，就执行fn。setInterval(fn,t),间歇调用，调用周期t，执行fn。二者调用后，均返回一个数值ID，此ID是计划执行代码的唯一标识符，可以通过它来取消尚未执行的调用。clearTimeout(id)和clearInterval(id)。取消间歇调用的重要性要远远高于取消超时调用，因为在不加干涉的情况下，间歇调用将会...
2019-10-11 10:05:17
259
原创 webpack4安装
1.全局安装npm install webpack -gnpm install webpack-cli -g2.生成package.jsonnpm init3.局部安装npm install webpack -snpm install webpack-cli -s
2019-10-09 21:51:49
126
原创 JS中使用时间戳，获取当前日期，计算前30天的日期~
function timestampToTime(timestamp) { var date = new Date(timestamp * 1000);//时间戳为10位需*1000，时间戳为13位的话不需乘1000 var Y = date.getFullYear() + '-'; var M = (date.getMonth()+1 < 10 ? '0'+(da...
2019-09-05 10:05:43
6490
原创 移动端判断操作系统
var u = navigator.userAgent, app = navigator.appVersion; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //g var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac...
2019-08-15 17:54:37
464
原创 时间转化 #天以前
function formatShowTime(timeStr) { var time = new Date((timeStr).replace(new RegExp("-", "gm"), "/")); var currentTime = new Date(); var d_time = currentTime.getTime() - time.getTime(); ...
2019-08-15 09:50:03
117
原创 时间戳转换时间
function timestampToTime(timestamp) { var date = new Date(timestamp );//时间戳为10位需*1000，时间戳为13位的话不需乘1000 Y = date.getFullYear() + '-'; M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1...
2019-08-15 09:45:40
142
原创 移动端滑动 增加弹性 滑动更加顺畅
属性控制元素在移动设备上是否使用滚动回弹效果.-webkit-overflow-scrolling:touch探究-webkit-overflow-scrolling:touch偶尔卡住或不能滑动的bug1.如果出现偶尔卡住不动的情况，那么在使用该属性的元素上不设置定位或者手动设置定位为staticposition: static2.如果添加动态内容页面不能滚动，让子元素height...
2019-08-08 13:45:29
1851
原创 tagcanvas.min.js 文字云
引入 tagcanvas.min.jsInternet Explorer 9 支持画布元素,所以excanvas。js 不是必需的。Internet Explorer 9 以下的浏览器版本需要引入 excanvas.js<!--[if lt IE 9]><script type="text/javascript" src="excanvas.js"></scrip...
2019-06-26 15:56:59
3702
1
原创 css3 columns多列
div{columns:100px 3;-moz-columns:100px 3; /* Firefox */-webkit-columns:100px 3; /* Safari 和 Chrome */}Column-count把 div 元素中的文本划分为多列列。Column-gap将 div 元素中的文本分为多列，并列间 像素的间隔。Column-rule规定列之间的...
2019-06-26 11:34:58
152
原创 OS系统兼容input keyup事件
<script > <input id="input" type="text" /> document.querySelector('#input').addEventListener('input',function(){ //do something }); document.queryS...
2019-03-18 09:15:15
145
原创 替换url参数值，截除问号后参数, 获取url参数
1.替换url参数值 function replaceUrl(url, arg, val){ var pattern = arg+'=([^&]*)'; var replaceText = arg+'='+val; return url.match(pattern) ? url.replace(eval('/('+ arg+'=)([^...
2019-03-15 10:09:50
2465
转载 深拷贝和浅拷贝
1.堆（stack）和栈（heap）stack为自动分配的内存空间，它由系统自动释放；而heap则是动态分配的内存，大小不定也不会自动释放。2.值与引用js中有基本数据类型和引用类型；基本数据类型的变量和值都是存放在栈中，声明之后会分配一块内存区域，基本数据类型之间的赋值是直接把栈内存中存的值赋值给变量（传值）引用类型的变量存在栈中，但值是存在堆中，实际上栈存放的是指向堆中的地址，也叫引...
2019-03-01 14:54:55
94
转载 Vue修饰符
事件修饰器Vue.js 为 v-on 提供了 事件修饰符。通过由点(.)表示的指令后缀来调用修饰符。·.stop.prevent.capture.self复制代码按键修饰符在监听键盘事件时，我们经常需要监测常见的键值。 Vue 允许为 v-on 在监听键盘事件时添加按键修饰符：记住所有的 keyCode 比较困难，所以 Vue 为最常用的按键提供了别名：·全部的按键别名...
2019-02-26 13:26:19
78
转载 export ，export default 和 import 区别 以及用法
首先要知道export，import ，export default是什么ES6模块主要有两个功能：export和importexport用于对外输出本模块（一个文件可以理解为一个模块）变量的接口import用于在一个模块中加载另一个含有export接口的模块。也就是说使用export命令定义了模块的对外接口以后，其他JS文件就可以通过import命令加载这个模块（文件）。这几个都是ES6...
2019-02-26 11:07:51
107
auto-size.js
2020-07-20
AdobeDreamweaverCS6_gr
2018-03-08
adobedreamweavercs6
2018-03-07
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人