WebContents
苟冬新
......
展开
-
NODEJS读写文件
【代码】NODEJS读写文件原创 2023-07-28 20:00:00 · 125 阅读 · 0 评论 -
vue中刷新页面后保存当前选中样式
localStorage 和 sessionStorage 属性允许在浏览器中存储 key/value 对的数据。localStorage 用于长久保存整个网站的数据,保存的数据没有过期时间,直到手动去删除。原创 2020-11-01 20:50:35 · 1347 阅读 · 0 评论 -
js中UUID生成器
【代码】js中UUID生成器。转载 2022-11-18 12:45:00 · 406 阅读 · 1 评论 -
js中身份证校验规则
【代码】js中身份证校验规则。转载 2022-11-16 21:15:00 · 1472 阅读 · 4 评论 -
js组织机构正则校验规则
【代码】js组织机构正则校验规则。转载 2022-11-16 21:00:00 · 753 阅读 · 0 评论 -
js中统一社会信用代码校验规则
【代码】js中统一社会信用代码校验规则。转载 2022-11-16 16:49:08 · 2733 阅读 · 0 评论 -
Vue中computed属性简介
计算属性用于使代码更易于使用。这使我们的模板代码更具可读性;我们使用该属性来减少我们在模板中编写的复杂或模糊的逻辑。如果我们有简单的逻辑,如字符串连接或布尔表达式,我们可以使用内联表达式或插值,但对于更复杂的逻辑,我们应该选择Vue.js中的计算属性。语法我们需要使用‘computed’关键字来使任何函数充当计算属性以使用此属性。如需了解更多信息,请参见下文。在上面的语法中,我们使用了computed关键字,在其中,我们定义了需要计算的函数。......翻译 2022-07-31 22:43:14 · 327 阅读 · 0 评论 -
Vue中nextTick()简介
Vue.jsnextTick是vue.js中的全局api之一,它主要推迟了执行javascript的dom(文档对象方法)生命周期的回调方法,它不断地执行dom方法,因为当我们使用它时,它会一个接一个地使用。在vue.js中有一些默认的方法来实现前端和后端的应用程序逻辑。上面的代码是在UI端的脚本中渲染vue组件时使用默认方法$nextTick()的基本语法,因为它用于在我们更改Vue中的其他一些区域后更改dom中的数据代码。......翻译 2022-07-31 22:42:55 · 282 阅读 · 0 评论 -
Vue中使用原生js实现拖动div框
HTML标签<div class="overView" id="overView" v-show="overViewFlag"> <div class="sgnqResultTitle" id="overViewTitle"> 标题 </div> <div class="overViewPieDiv"> <div>内容</div> </div></di转载 2022-03-01 21:45:00 · 297 阅读 · 0 评论 -
vue中实现PC端适配
文章主要是参考https://blog.csdn.net/weixin_41257563/article/details/97266234改写的自适应方案核心: 阿里可伸缩布局方案 lib-flexiblepx转rem:px2rem,它有webpack的loader px2rem安装依赖包npm i lib-flexible -savenpm i postcss-px2rem -savemain.js文件引用// main.jsimport 'lib-flexible'在node_mo原创 2021-12-26 17:55:35 · 820 阅读 · 0 评论 -
本地项目上传到码云
1,首先在码云上新建一个项目2,本地新建一个文件夹3,进入新建的文件夹,点击鼠标右键,选择git bash here然后在窗口输入 git init 这时候文件夹会多出一个.git文件夹,看不到文件夹的,点击鼠标右键选择“显示不显示隐藏的文件”就可以看到这个文件夹了4,进入刚刚在码云新建的项目里,复制框框里的路径5,然后在回到本地新建的文件夹里继续操作git输入git remote add origin + 你刚刚在码云复制的那行路径6,继续输入 git pull origin转载 2021-12-18 22:20:03 · 103 阅读 · 0 评论 -
vue-pdf实现pdf文件在线预览
有空改npm install --save vue-pdf<template> <div> <pdf ref="pdf" :src="url" > </pdf> </div></template><script>import pdf from 'vue-pdf'export default { components:{转载 2021-07-31 17:51:15 · 368 阅读 · 0 评论 -
vue中使用MathJax展示数学公式
##### 效果![在这里插入图片描述](https://img-blog.csdnimg.cn/20210630182030676.png)##### 引入第三方包```<script type="text/javascript" async src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-MML-AM_CHTML"></script>```##### 创建js文件用于配置公式`转载 2021-06-30 18:21:08 · 1238 阅读 · 3 评论 -
react中添加背景音乐
先贴代码,有空整理<script> //背景音乐 function playClicked(element) { $(this).toggleClass("rotate"); if (audio_player.paused) { audio_player.play(); newdisplay = "./Content/campuslife/musicplay原创 2021-06-30 18:17:49 · 1155 阅读 · 1 评论 -
vue.config.js 配置
vue-cli3 脚手架搭建完成后,项目目录中没有 vue.config.js 文件,需要手动创建创建vue.config.jsvue.config.js 是一个可选的配置文件,如果项目的 (和 package.json 同级的) 根目录中存在这个文件,那么它会被 @vue/cli-service 自动加载。你也可以使用 package.json 中的 vue 字段,但是注意这种写法需要你严格遵照 JSON 的格式来写。在根目录中创建 vue.config.jsvue.config.js配置这转载 2021-04-30 23:45:27 · 394 阅读 · 1 评论 -
Vue中取消正在请求中的接口
vue接口请求配置中加入拦截器// request拦截器service.interceptors.request.use(config => { // console.log("sessionStorage.token:", sessionStorage.token); // Do something before request is sent // if (store.getters.token) { if (getToken()) { conf转载 2021-03-28 19:48:59 · 2627 阅读 · 0 评论 -
echarts 加载地图双击地图下深
offLineMap(regions) { let _this = this;_this.chinaMapData = require('../../public/datas/china/china.json');_this.provinceMapData = { '上海市': require('../../public/datas/province/data-1482909900836-H1BC_1WHg.json'), '河北省': require('../../publi.原创 2021-03-28 18:48:28 · 480 阅读 · 0 评论 -
Echarts 柱状图及折线图
效果功能防止悬浮框溢出图例图标宽高度修改柱状图之间间距设置X轴数据名称柱状图内显示(注释)X轴数据名称倾斜显示X轴文字显示优先级(注释)柱状图初始显示数量柱状图颜色渐变折线图点大小鼠标点击,滚动,拖动柱状图展示所有数据代码let option = { tooltip: { trigger: 'axis', confine: true, // 防止悬浮框溢出图表 }, grid: { bottom: "21原创 2021-02-28 20:35:53 · 1547 阅读 · 0 评论 -
Vue+vant移动端处理弹框滑动问题
Vue+vant做移动端需要实现一个弹框向上下滑动的功能遇到了问题记录一下<div class="popupShowHeight" id="popupShowHeight" v-show="popupShow" > <van-popup v-model="popupShow" :round="true" position="bottom" :overlay="false" :style="{ height: popupShowHeight + '%原创 2020-12-27 19:29:20 · 2895 阅读 · 2 评论 -
VUE非父子组件之间通信的几种方式
一.使用广播的方式$emit(), $on()1.创建js文件import Vue from 'vue'export default new Vue()组件Aimport bus from '../../static/js/commonvue'mounted() { bus.$emit('componentsA', ‘组件A的值’); //传值}组件Bimport bus from '../../static/js/commonvue'mounted() { bus.$原创 2020-08-27 17:08:13 · 3033 阅读 · 0 评论 -
Vue项目在局域网中访问
查看网上有很多种方法可以用这种方法试下:1.修改config文件夹里index.js文件的host属性,将localhost改为本地的IP查看本地IP方法,cmd控制台中输入ipconfig,IPv4地址就是了。2.webpack.dev.conf.js文件中添加属性 useLocalIp: true这样运行项目就OK了。...原创 2020-06-30 17:31:58 · 1464 阅读 · 0 评论 -
VUE中父子组件之间传值
VUE 中父组件向子组件传值直接贴代码了,这里是片段代码,仔细看并尝试写一下应该是没有问题的。父组件:<template><div> <companyInfo ref="companyInfo" :companyinfo="companyinfo" ></companyInfo></div> </template>...原创 2020-02-29 09:49:04 · 309 阅读 · 0 评论 -
Error in render: "TypeError: Cannot read property 'accessCount' of null" found in
VUE中报错Error in render: “TypeError: Cannot read property ‘accessCount’ of null” found in错误原因:异步的数据是先显示vuex中的初始数据,然后显示请求数据,刚开始vuex中state中的初始数据为空,所以页面在显示初始数据的时候报错。解决方法:初始化时将所要监听的对象用空数组[]赋值即可解决模板标...原创 2020-01-12 09:08:10 · 632 阅读 · 0 评论 -
什么是函数防抖动(Debouncing)
**有一些浏览器事件可以在很短的时间内快速启动多次,例如调整窗口大小或向下滚动页面。**例如,如果将事件侦听器绑定到窗口滚动事件上,并且用户继续非常快速地向下滚动页面,你的事件可能会在3秒的范围内被触发数千次。这可能会导致一些严重的性能问题。如果你在面试中讨论构建应用程序和事件,如滚动,窗口调整大小,或键盘按下的事件时,请务必提及 函数防抖动(Debouncing) 和/或 函数节流(Throt...原创 2019-12-01 09:45:07 · 3543 阅读 · 0 评论 -
javascript如何实现继承
既然要实现继承,那么首先我们得有一个父类,代码如下:// 定义一个动物类function Animal (name) { // 属性 this.name = name || 'Animal'; // 实例方法 this.sleep = function(){ console.log(this.name + '正在睡觉!'); }}// 原型方法Animal.p...原创 2019-12-01 09:45:59 · 110 阅读 · 0 评论 -
VUE生命周期的几个阶段
VUE生命周期的几个阶段beforeCreate(创建前) 在数据观测和初始化事件还未开始created(创建后) 完成数据观测,属性和方法的运算,初始化事件,$el属性还没有显示出来beforeMount(载入前) 在挂载开始之前被调用,相关的render函数首次被调用。实例已完成以下的配置:编译模板,把data里面的数据和模板生成html。注意此时还没有挂载html到页面上。moun...原创 2019-11-29 18:55:31 · 1869 阅读 · 0 评论 -
Websocket 聊天工具
WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。WebSocket 使得客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据。在 WebSocket API 中,浏览器和服务器只需要完成一次握手,两者之间就直接可以创建持久性的连接,并进行双向数据传输。在 WebSocket API 中,浏览器和服务器只需要做一个握手的动作,然后...原创 2019-09-29 20:18:04 · 1597 阅读 · 0 评论 -
Ajax格式
$.post(“请求地址url”,{属性:属性值···(json格式传参)},function(result){回调函数,参数为后台的返回值},“json”(传参类型))$.ajax({url: “Handler.ashx?action=add”,type: “post”,data: { name: $("#name").val(), number: $("#number").val(...原创 2018-12-02 13:02:41 · 271 阅读 · 0 评论 -
关于全选、反选,批量删除
全选/反选//全选/反选 function checkOpposite() { //获取所有复选框name属性值为check将其存入数组 var arr = $(&amp;quot;[name='check']&amp;quot;); for (var i = 0; i &amp;amp;lt; arr.length; i++) { if (arr[i].checked) { arr[i].checked = fal原创 2018-12-21 18:10:19 · 512 阅读 · 0 评论