JUN?
JUN?

关于js和css的一些实用笔记

///
jquery插件中预防$冲突的办法：
(function($){ //...  })(jQuery);
把jQqury传递给插件，用$来获取该参数，这样其他框架中即便占用了$也不影响jQ插件里对$的使用
///
setInterval和setTimeout函数部分带引号和不带引号的区别：
var a=0;
1、setTimeout("hallo(a)",300);//可以传参数a，并且该函数会在300ms之后执行；
2、setTimeout("hallo",300);//并不会被执行
3、setTimeout(hallo,300);//不可传参数a，300ms之后执行
4、setTimeout(hallo(a),300);//可传递参数a，立即执行。setTimeout将变得无意义
5、setInterval(hallo(a),300);//立即执行，setInterval变得无效，不会轮询
结论：a、不带引号的，不能带括号，带引号的必须带括号。2、4、5实际是错误的写法；b、要想在规定的时间里用setInterval和setTimeout的回调函数来执行函数并且又想传递参数，最好的方式就是使用方法1、"hallo(a)"
///
网页更新防止缓存方法：
1、"true" http-equiv="Cache-Control" content="max-age=86400"/>
其中max-age为获新的时间，86400表示一天之后获新，获新内容为所有js、css和image等资源文件
///
解决ie8不支持媒体查询：
  
///
让一个元素不再浮动的css：float:none;
///
@media查询中，max-width和max-device-width区别：
width指可视宽度，横屏时，会变宽。device-width是设备自带的属性，不会变化。另外，height在有菜单栏的浏览器下会比device-height小
判断横屏竖屏方式：
@media (max-width:XXXX) and (orientation:landscape | portrait)。其中landscape表示手持，portrait表示横屏，其原理就是比较width和height。
///
千万不要将float与 
原则是：少用 
///
函数前面加上感叹号“！”有什么用？
原因：形如 function(){}()的函数是无法执行的，需要用括号括起来把函数体编程一个表达式：(function(){})()
但是函数前面加上!之后，函数就会被正确的解析和调用：!function(){}();这样的方式，效率似乎更高。另外，+、-也有类似功能：
+function(){}()、-function(){}();
参见：在bootstrap中，自动执行的函数的写法是：
!function($){}(window.jQuery);
///
几个冷知识：
1、但凡有id的dom，会自动生成一个全局对象，不用document.getElementById("id")或$("#id");
html:
"hallo">aaa

js:console.log(hallo.innerHTML);=>aaa
   console.log($(hallo).html());=>aaa;
2、
///
垂直居中的解决方案
单行：
1、vertical-align:middle;line-height:100%;
多行、未知高度：
1、
内层：
position:relative;
top:50%;transform:translateY(-50%);
top:50%;-webkit-transform:translateY(-50%);
只支持ie9以上
2、
外层：display:table;
内层：diaplay:table-cell;vertical-align:middle;
///
要想知道一个对象有什么特性及其值，可以使用以下方法：
for(var i in obj){
console.log(i+":"+obj[i]);
}
通过此方法，意外的获知：
对于"hallo" href="http://www.baidu.com/a/b/c?id=123">，可以获得如下参数
1、a标签（对象）的属性中有host：主机名（含接口），hostname不含接口，如：192.168.0.124:8001是host，而192.168.0.124。
2、hallo.pathname=>/a/b/c
3、hallo.protocol=>http
4、hallo.host=>www.baidu.com
5、hallo.hostname=>www.baidu.com
6、hallo.origin=>http://www.baidu.com
7、hallo.search=>?id=123"
///
如何利用toString来创建字符和数字结合的编码：
console.log(generateRandomAlphaNum(25));//创建25位混排编码
        function generateRandomAlphaNum(len) {
            var rdmString = "";
            for (; rdmString.length < len; rdmString += Math.random().toString(36).substr(2)) {
                console.log(rdmString);
            }
            return rdmString.substr(0, len);
        }
///
高效率的位操作符：
(12.4/4.13)|0=>相当于：Math.round(12.4/4.13)
~~(12.4/4.13)=>相当于：Math.floor(12.4/4.13)
!!(a)=>快速转换为布尔值，相当于：boolean(aa);如：!!window=>true
///
自定义console.log的样式：
function resetConsoleStyle(cssStyle) {
    var _log = console.log;
    console.log = function () {
        _log.call(console, '%c' + [].slice.call(arguments).join(' '), cssStyle);
    };
}
resetConsoleStyle("color:fff;background:#000;");
console.log("aaa")=>aaa
///
交换两个变量的值，不用第三个变量暂存
1
vara=1,b=2;a=[b,b=a][0];
///
关于动作的设计：鼠标移上和移 出元素产生的动画，分别为进入和离开动作
///
一张图解释文档的加载和解析过程没，defer和async的区别


///
caller是函数对象的一个属性，他指向调用该函数的函数，可以用fn.caller.toString()将函数转化为字符串
callee是arguments对象的一个属性，他指向当前函数体
注：caller和callee都是在函数执行时才产生
    function callDemo() {
        if (callDemo.caller) {
            var a= callDemo.caller;
            alert(a);
        } else{
            alert("this is a top function");
        }
        alert(arguments.callee);
    }
    !function handleCall() {
        callDemo();
    }();
输出：
caller=>function handleCall(){callDemo();}
callee=>
    function callDemo() {
        if (callDemo.caller) {
            var a= callDemo.caller;
            alert(a);
        } else{
            alert("this is a top function");
        }
        alert(arguments.callee);
    }
二者结合：arguments.callee.caller=>调用此函数的函数，即callDemo函数
///
delete obj.para=>删除obj对象中的para属性，但并不会删除属性本身；如：
obj.p={};
delete obj.p;=>只是接触了obj和p之间的关联，并没有彻底清除p。产生的问题：这并不是一种不严谨的删除方法，容易造成内存泄漏
///
js中的三种编码方式：
escape：将所有ASCII表以外的字符串进行编码。解码方式：unescape
encodeURI和endoceURIComponent相对来说更强大，对应解码方式分别为：decodeURI和decodeURIComponent
推荐方式：endodeURIComponent
注：document.cookie没有进行编码，因此，通常情况下建议对cookie进行编码——encodeURIComponent(getCookie(aaa));
///
webworker的总结：
使用webworker另起一个线程：
加载顺序：网页js+css加载完成后，才呈现页面，这样会导致页面加载很慢，于是，可以把那些加载过慢的js模块单拿出来放到异步线程中，这样，页面可以正常显示，而不会因为过慢的模块导致页面加载变慢
语法如下：
新建：var wk=new Worker("XX.js");
分线程XX.js中回传结果：postMessage(a);//假设此处a的值为1
主线程添加监听：wk.onmessage=function(event){
console.log(event.data);//获取返回来的结果，打印1
}
关闭线程：wk.terminate();//通常是在获取完event.data之后进行关闭
浏览器支持：ie10以下不支持
///
this深入解析
1、this定义：this所在域（函数）被看成是哪个对象的方法，this指代的就是那个对象
2、全局中的this都是指的window
var obj={
    x:0,
    y:function(){
        var _this=this;
        setTimeout(function(){
            //this指window，因为setTimeout是window的方法
            //_this指obj
        })
    }
}
3、call、apply的本质：重新定义函数的执行环境，即重新定义了函数中this的指向
function A(n,m){
//this指向待定
}
var obj={};、
A.call(obj,1,2);//将A看成是obj的方法，函数中this自然而然指向obj
这里提一下bind。bind也是javascript原生的函数，ie9+可支持，与call、apply同样是改变this的指向，区别在于使用方法：
bind返回的是函数体，后两者返回的是执行结果，即fun和fun()的区别
obj.y.call(o,1,1)=>等价于obj.y.bind(o,1,1)()=>等价于obj.y.bind(o)(1,1);
bind方法中，会优先调用bind(paras)中的参数，当发现bind(paras)中参数不足时候，才会去依次调用后面(paras)的参数，obj.y.bind(o,1)(2,3)=>如果obj.y需要的参数是2个，则此时使用的参数是(1,2)，如果需要三个参数，则会使用(1,2,3)

bind常可以在setTimeout和setInterval中用到
var obj={};
obj.stv=setInterval(function(){
this=>指向obj而不是window
}.bind(obj),100);
///
曾经一直困扰我的一个问题：body的高度来源于其内容的高度，故无法满屏
解决办法很简单：html,body{height:100%;}。结果：当body内元素不足body的高度时，html和body高度为屏幕高度，当body内元素大于body高度时候，body的offsetHeight不变，始终等于document.body.clientHeight。而document.body.scrollHeight会随着页面内容的增加而自动扩张
///
为一个dom添加事件监听之后立即取消该事件监听的精致写法：
s.addEventListener("load",function(){
this.removeEventListener("load",arguments.callee,false);
})
///
css、js、dom、img加载顺序：
dom树按顺序加载，遇到css文件（link标签）时，dom会继续执行下去，而css标签同步进行加载。
dom树遇到js文件（script标签）时，会等到js加载并执行完后再继续下去。而动态加载进来的js则不会阻塞dom
dom遇到img标签时，会继续执行下去，图片则同步进行加载。并且图片会被延迟加载，直到css加载完成之后才加载图片（因为浏览器不知道图片此时应该以什么样式进行显示）——有待考证
DOMContentLoaded是指所有dom及js加载完成之后的状态，包括所有dom节点、所有靠

你可能感兴趣的:(前端)

  • HarmonyOS 开发实战 —— 模块化架构组件 （使用系统路由表+注解+hvigor插件 自动配置项目模块化） CTrup 鸿蒙开发HarmonyOS移动开发harmonyos架构uiArkUI组件化插件化hvigor
    往期笔录记录：鸿蒙（HarmonyOS）北向开发知识点记录~鸿蒙（OpenHarmony）南向开发保姆级知识点汇总~鸿蒙应用开发与鸿蒙系统开发哪个更有前景？嵌入式开发适不适合做鸿蒙南向开发？看完这篇你就了解了~对于大前端开发来说，转鸿蒙开发究竟是福还是祸？鸿蒙岗位需求突增！移动端、PC端、IoT到底该怎么选？记录一场鸿蒙开发岗位面试经历~持续更新中……@satis/oh-router简介@sati
  • HarmonyOS 开发实践——模块化架构组件 （使用系统路由表+注解+hvigor插件 自动配置项目模块化） 我是你叶 HarmonyOS鸿蒙开发移动开发harmonyos架构鸿蒙开发uiArkui移动开发组件化
    往期推文看点鸿蒙（HarmonyOS）北向开发知识点记录~鸿蒙（OpenHarmony）南向开发保姆级知识点汇总~鸿蒙应用开发与鸿蒙系统开发哪个更有前景？嵌入式开发适不适合做鸿蒙南向开发？看完这篇你就了解了~对于大前端开发来说，转鸿蒙开发究竟是福还是祸？鸿蒙岗位需求突增！移动端、PC端、IoT到底该怎么选？记录一场鸿蒙开发岗位面试经历~持续更新中……@satis/oh-router简介@satis
  • 放弃传统模板语言，前后端分离架构和传统架构相比到底强在哪？ 博远~ 前端架构
    引言在当今Web开发中，后端SpringBoot和前端Vue通过前后端分离架构来结合，已经是一个成熟的主流技术栈了。这种前后端分离的架构方式，目前广泛应用于约90%以上通过Java开发的Web应用中。但是，对于为何弃用了之前服务端渲染页面的方式，而选择了前后端分离架构，现有大多数开发者和企业都是懵懵懂懂，甚至有些公司还觉得，之前一个人能干的项目，现在变成了两个人干，增加了成本和复杂度，降低了效益。
  • 从0到1：AI微信红包开发全攻略，小白也能轻松上手！ 人工智能cursor程序员
    AI编程时代真的来了！最近我重度沉迷AI编程，发现它简直是开发神器，前端页面、后端服务，都能轻松搞定，效率直接起飞！最近临近过年，我突然冒出一个想法：为什么不试试用AI来做个微信红包呢？说干就干！1.明确需求要用AI做红包，首先得了解微信红包的规则。简单来说，我们需要一张精美的红包封面图，它会出现在发红包、消息气泡、拆红包、详情页等四个地方。而且尺寸也有要求，是957×1278像素。看起来有点复杂
  • Java全栈项目 - 校园跑腿服务系统 天天进步2015 Java项目实战java开发语言
    项目介绍校园跑腿服务系统是一个面向高校师生的互助平台,旨在解决校园内取快递、买饭、打印等日常跑腿需求。系统采用前后端分离架构,基于SpringBoot+Vue实现。技术栈后端SpringBoot2.xSpringSecurityMyBatisPlusMySQL8.0RedisRabbitMQJWT前端Vue2.xElementUIAxiosVuexVueRouter核心功能1.用户模块注册/登录实
  • CSS 布局的四大宗师：破解 BFC、IFC、GFC 和 FFC 的深层奥秘 dorabighead 前端八股总结css前端
    CSS布局的四大宗师：破解BFC、IFC、GFC和FFC的深层奥秘在CSS的江湖中，布局问题犹如无形的桎梏，困扰着每一位前端开发者。有人为浮动塌陷而抓狂，有人被复杂的响应式布局逼得手足无措。而在布局的巅峰，有四位宗师——BFC、IFC、GFC和FFC，它们分别掌控着块级、行内、网格和弹性布局的精髓。掌握它们，不仅仅是技术的进步，更是开启布局新境界的钥匙。今天，我们不再止步于表面，而是深入到它们的核
  • vue项目中使用mockjs模拟后端接口 上趣工作室 vue3.xvue2.xuniappvue.jsjavascriptecmascript
    Vue2中使用Mock.js来模拟数据是一个非常常见的做法，尤其是在前端开发时需要与后端接口交互但后端尚未完成的情况下。下面是一个简单的案例，演示如何在Vue2项目中使用Mock.js来模拟数据。1.安装Mock.js首先，确保在你的项目中安装了Mock.js。可以使用npm或yarn来安装：npminstallmockjs--save-dev或者yarnaddmockjs--dev2.将Mock
  • Java全栈项目--校园餐饮点评平台项目实战 天天进步2015 Java项目实战java开发语言
    项目介绍本项目是一个面向校园师生的餐饮点评平台，用户可以在平台上查看校园内各个餐厅的信息、菜品评价、发表点评等。项目采用SpringBoot+Redis+MySQL实现，包含用户登录、商户查询、优惠券秒杀、点评发布等功能。技术栈后端：SpringBoot、MyBatis-Plus、Redis前端：Vue.js、ElementUI数据库：MySQL缓存：Redis核心功能实现1.登录功能采用Redi
  • Java全栈项目 - 农产品溯源管理系统开发实践 天天进步2015 Java项目实战java开发语言
    一、项目介绍农产品溯源管理系统是一个基于Java全栈技术开发的现代化信息系统，旨在实现农产品从种植、生产到销售的全过程追踪管理。本系统帮助提高农产品质量安全监管效率，保障食品安全。二、技术架构后端技术栈：SpringBoot2.5.xSpringSecurityMyBatisPlusMySQL8.0RedisJWT认证前端技术栈：Vue.js3.0ElementPlusAxiosEchartsVu
  • JavaScript 操作符与表达式 布兰妮甜 #JavaScript基础javascript操作符表达式箭头函数前端开发
    Hi,我是布兰妮甜，编写流畅、愉悦用户体验的程序员。JavaScript是一种功能强大且灵活的编程语言，广泛应用于前端和后端开发。它提供了一系列丰富的操作符和表达式来处理数据、执行逻辑判断以及控制程序流程。理解这些概念对于编写高效、可读性强的代码至关重要。下面将详细探讨JavaScript中的操作符与表达式。文章目录一、操作符（Operators）二、表达式（Expressions）三、总结一、操
  • 【商城系统技术选型】 启山智软 商城 源码 微信小程序小程序java
    商城系统技术选型是一个复杂但至关重要的过程，它直接关系到商城系统的性能、可扩展性、安全性以及用户体验等多个方面。以下是一些关键的技术选型考虑因素：前端技术选型框架选择：React或Vue.js等流行前端框架是不错的选择，它们具有良好的可组件化和可重用性，且社区资源丰富，有大量的插件和工具可供使用，能提高开发效率和界面的交互性。响应式设计：确保系统能自适应不同设备屏幕，如手机、平板、电脑等，提供一致
  • 前端建议玩node？？？ web网站装修工 前端javascriptvue.js前端框架node.js后端
    想搞个小项目玩玩顺便挣点零花钱，那node是最简单和方便的。我就发现一个node+vue后台管理比较实用，可以直接那来用。直通车：vue+node源码https://gitee.com/MMinter/vue_node核心功能模块用户管理用户信息维护：管理员可以创建、更新和删除用户账户。用户状态控制：包括激活或禁用用户账户，确保安全性和合规性。角色管理角色创建与分配：根据业务需求创建不同的角色，并
  • 都用vue3了，还这样用emit？ web网站装修工 javascriptvue.js前端node.jsvue
    今天查验一位前端同事代码，发现他为了方便封装了一个通用输入框。但也发现了很严重问题！！！先看看他的封装：子组件：import{ref}from'vue'constname=ref('')constemits=defineEmits(['getName'])constnameBlur=()=>{emits('getName',name.value)}父页面：importInputComponents
  • Spring Boot 实战篇（四）：实现用户登录与注册功能 m0_74824054 springbootjava后端
    目录SpringBoot实战篇（四）：实现用户登录与注册功能一、用户注册功能（一）前端页面设计（简要提及）（二）后端实现二、用户登录功能（一）前端页面设计（简要提及）（二）后端实现在构建Web应用程序时，用户登录与注册功能是常见且重要的部分。以下将详细介绍在SpringBoot项目中实现用户登录与注册功能的步骤，并附上相应的代码示例。一、用户注册功能（一）前端页面设计（简要提及）创建注册页面使用H
  • Vben5登录过期无法再次登录问题，http状态码 前端typescript
    个人博客：无奈何杨（wnhyang）个人语雀：wnhyang共享语雀：在线知识共享Github：wnhyang-Overview前言最近在做项目前端，使用的https://doc.vben.pro/，在登录过期时出现了无法再次登录的问题，在此记录一下。项目前面那些直接略过，如果感兴趣直接看官方文档就可以，以下会根据解决过程附带部分官网说明。分析原因梳理流程文档前面的都已按照要求配置修改好了，所有的
  • Vue.js结合ASP.NET Core构建用户登录与权限验证系统 眸笑丶 Vuec#npmvue.js
    1.环境准备2.创建项目3.Vue配置步骤一:安装包步骤二:配置文件步骤三:页面文件4.后台配置在本教程中，我将利用VisualStudio2022的强大集成开发环境，结合Vue.js前端框架和ASP.NETCore后端框架，从头开始创建一个具备用户登录与权限验证功能的Web应用程序。我们将充分利用VisualStudio的内置工具和模板来简化开发流程。1.环境准备VisualStudio2022
  • SpringBoot + Vue 项目超简单的合并部署方案 小北不想努力 教程springbootvue.jsjavanginxmaven
    文章目录前言一、Vue项目二、SpringBoot项目三、服务器上的部署四、端口映射五、请求跨域前言最近在捣鼓SpringBoot与Vue整合的项目，看了网上很多套的方案，自己总结了一套为轻量级个人开发提供的项目部署方案，简单有效！通过maven的打包在服务器上仅需要运行一个Jar包即可运行包括前端的整个项目。（全文无图！别问问就是太懒惹，下次有机会再补上。。）个人博客内有更多详细内容：https
  • reac 后端接口返回二进制文件流前端导出文件 初遇你时动了情 前端
    axios配置在你的请求中加入responseType:'blob'导出函数exportinterfaceDownloadFileOptions{filename:string;//文件名称}/***下载二进制文件流*@paramdata-二进制数据*@paramoptions-下载配置*/exportconstdownloadBinaryFile1=(data:any,//这里使用any是因为后
  • 前端必知必会-Node.js连接MongoDB 删除集合 编程岁月 前端node.jsmongodb
    文章目录Node.js连接MongoDB删除集合删除集合db.dropCollection总结Node.js连接MongoDB删除集合删除集合您可以使用drop()方法删除表或MongoDB中所谓的集合。drop()方法采用包含错误对象和结果参数的回调函数，如果成功删除集合，则返回true，否则返回false。示例获取您自己的Node.js服务器删除“customers”表：varMongoCli
  • 大文件上传的解决办法~文件切片、秒传、限制文件并发请求。。。 行咘行啊细狗 javascript开发语言ecmascript
    1、项目背景：针对大文件上传，如果将文件作为一个请求去发送给后端，会有以下几种问题，首先是上传时间长，用户不能进行其他操作，包括页面刷新等操作，其次有的接口会设置响应时间限制，可能大文件还没上传完就触发响应限制了，这样对用户很不友好，那么怎么解决呢？2、首先前端针对大文件使用文件切片技术，将大文件切成多个小文件，然后再将多个小文件传给后端，由后端进行组合即可。（文件切片）import{ref}fr
  • 使用vue3实现语音交互的前端页面 张正栋 交互前端
    代码地址：https://github.com/ZZD3627/my-third-vue.git需求1.前端实现录音并将音频传到通过http请求将音频传递到后端2.基于后端识别的语音及后端返回的内容进行语音沟通实现1.使用MediaRecorder在前端使用录音功能2.使用SpeechSynthesis实现将后端传来的文字进行播放其中一个页面的代码：import{ref,onMounted}fro
  • 080：vue+cesium 利用PointPrimitiveCollection绘制4个不同颜色不同位置的点 还是大剑师兰特 #cesium综合教程200+大剑师cesium教程cesium入门cesium示例
    作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，canvas，echarts等技术开发，欢迎加微信（gis-dajianshi），一起交流。查看本专栏目录-本文是第080篇文章文章目录一、示例效果图二、示例介绍三、配置说明四、示例源代码（共101行）五、相关文章参考一
  • 【学习总结|DAY028】后端Web实战(部门管理) 123yhy传奇 学习javamysqlmybatislog4jmavenweb
    在Web后端开发领域，构建高效、规范且功能完备的系统是核心目标。本文将围绕Tlias智能学习辅助系统的后端开发展开，详细阐述从开发准备工作到各部门管理功能实现，以及日志技术应用的全过程，为开发者提供全面的实践参考。一、开发准备（一）开发模式与规范前后端分离开发已成为主流趋势。在这种模式下，前端项目和后端项目的开发、部署相互独立。其开发流程包括需求分析、接口设计、前后端并行开发、测试以及联调等环节。
  • Java Web 登录系统示例：过滤器技术与 JDBC 数据库连接 Bro_cat JavaWeb开发javatomcatmavenjava-eeservlet过滤器Filter
    在这篇博客中，我们将探讨一个简单的JavaWeb登录系统示例，重点介绍其中使用的过滤器技术以及JDBC数据库连接技术。这个示例包括后端代码和简单的前端代码，帮助你理解这些技术的实现和原理。项目结构过滤器技术什么是过滤器？过滤器（Filter）是JavaWeb开发中的一个强大工具，它可以在请求到达Servlet之前或响应返回客户端之前对请求和响应进行拦截和处理。过滤器可以用来执行诸如字符编码设置、跨
  • ThreeJS入门（226）：THREE.CSS3DRenderer 知识详解，示例代码 还是大剑师兰特 #ThreeJS综合教程500+大剑师threejs入门threejs教程threejs示例
    作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，webgl，ThreeJS，canvas，echarts等技术开发，欢迎加微信（gis-dajianshi），一起交流。查看本专栏目录-本文是第226篇入门文章文章目录特性构造函数方法`render(scene,came
  • 矩阵碰一碰发视频之视频剪辑功能开发全解析，支持OEM 余~~18538162800 音视频线性代数矩阵
    在短视频风靡的当下，矩阵碰一碰发视频结合视频剪辑功能，为内容创作与传播带来了全新的活力。本文将深入探讨这一创新功能的源码搭建过程，助力开发者打造出功能强大且用户体验良好的视频处理系统。一、技术选型前端技术框架：选用React作为前端开发框架，其高效的虚拟DOM机制和组件化开发模式，能显著提升开发效率与应用性能。借助ReactHooks，可更便捷地管理组件状态与副作用。UI库：采用AntDesign
  • 一次捋清uniapp小程序微信快速登陆、获取手机号验证、获取用户信息【前端】 m0_74825074 vip1024puni-app小程序微信
    首先要知道，微信登录和获取手机号、获取用户信息是相互独立的过程，接下来分开讲解这三个东西，内容很干，只用文字描述，认真看、跟着做就行，没有花里胡哨uniapp微信登录流程前端使用uni.login方法获取code（用户的登录凭证）发送给后端后端使用这个code请求code2Session这个接口：https://developers.weixin.qq.com/miniprogram/dev/Op
  • 使用vue3实现语音交互的前端页面 Rverdoser 交互前端
    要在Vue3中实现语音交互的前端页面，你可以使用WebSpeechAPI。以下是一个简单的例子，展示了如何在Vue3组件中集成语音识别（speechrecognition）和语音合成（speechsynthesis）功能。首先，确保你的项目中安装了vue3。npminstallvue@next然后，创建一个Vue组件：开始录音开始播放import{ref}from'vue';constSpeech
  • 探索 Vue.js 组件开发的新边界：动态表单生成技术 桂月二二 vue.js前端javascript
    随着前端技术的飞速发展，Vue.js作为一款灵活、易用且性能优异的框架，一直是开发者心中的不二之选。本文将深入介绍Vue.js组件开发中的最新技术之一：动态表单生成技术，并通过具体实例展示如何实现这一高效技术。为什么选择动态表单生成？动态表单生成技术在以下场景中尤为重要：业务逻辑频繁变化：表单的结构、字段经常根据需求调整。复杂的用户交互：如步骤式、多条件渲染的表单。提高开发效率：将重复性的开发任务
  • uniapp 微信小程序 点击按钮调用微信支付 公孙元二 微信支付微信小程序uniapp
    实现效果：点击按钮后唤起支付方式选择：在这里我选择“微信支付”输完成密码后完成支付：需求：计算金额和创建支付订单等操作都在后端完成，前端只要将后端传过来的签名、时间戳、随机字符串等参数传给微信的api，即可在小程序唤起支付弹窗。代码：//调用微信支付callPayMent(data){wx.requestPayment({//调起支付'timeStamp':data.timeStamp,'nonc
  • apache 安装linux windows 墙头上一根草 apacheinuxwindows
    linux安装Apache 有两种方式一种是手动安装通过二进制的文件进行安装，另外一种就是通过yum 安装，此中安装方式，需要物理机联网。以下分别介绍两种的安装方式     通过二进制文件安装Apache需要的软件有apr,apr-util,pcre  1，安装 apr        下载地址：htt
  • fill_parent、wrap_content和match_parent的区别 Cb123456 match_parentfill_parent
    fill_parent、wrap_content和match_parent的区别:   1）fill_parent   设置一个构件的布局为fill_parent将强制性地使构件扩展，以填充布局单元内尽可能多的空间。这跟Windows控件的dockstyle属性大体一致。设置一个顶部布局或控件为fill_parent将强制性让它布满整个屏幕。 2） wrap_conte
  • 网页自适应设计 天子之骄 htmlcss响应式设计页面自适应
    网页自适应设计        网页对浏览器窗口的自适应支持变得越来越重要了。自适应响应设计更是异常火爆。再加上移动端的崛起，更是如日中天。以前为了适应不同屏幕分布率和浏览器窗口的扩大和缩小，需要设计几套css样式，用js脚本判断窗口大小，选择加载。结构臃肿，加载负担较大。现笔者经过一定时间的学习，有所心得，故分享于此，加强交流，共同进步。同时希望对大家有所
  • [sql server] 分组取最大最小常用sql 一炮送你回车库 SQL Server
    --分组取最大最小常用sql--测试环境if OBJECT_ID('tb') is not null drop table tb;gocreate table tb( col1 int, col2 int, Fcount int)insert into tbselect 11,20,1 union allselect 11,22,1 union allselect 1
  • ImageIO写图片输出到硬盘 3213213333332132 javaimage
    package awt; import java.awt.Color; import java.awt.Font; import java.awt.Graphics; import java.awt.image.BufferedImage; import java.io.File; import java.io.IOException; import javax.imagei
  • 自己的String动态数组 宝剑锋梅花香 java动态数组数组
    数组还是好说，学过一两门编程语言的就知道，需要注意的是数组声明时需要把大小给它定下来，比如声明一个字符串类型的数组：String str[]=new String[10];    但是问题就来了，每次都是大小确定的数组，我需要数组大小不固定随时变化怎么办呢？  动态数组就这样应运而生，龙哥给我们讲的是自己用代码写动态数组，并非用的ArrayList 看看字符
  • pinyin4j工具类 darkranger .net
    pinyin4j工具类Java工具类 2010-04-24 00:47:00 阅读69 评论0 字号：大中小 引入pinyin4j-2.5.0.jar包: pinyin4j是一个功能强悍的汉语拼音工具包，主要是从汉语获取各种格式和需求的拼音，功能强悍，下面看看如何使用pinyin4j。 本人以前用AscII编码提取工具，效果不理想，现在用pinyin4j简单实现了一个。功能还不是很完美，
  • StarUML学习笔记----基本概念 aijuans UML建模
    介绍StarUML的基本概念，这些都是有效运用StarUML?所需要的。包括对模型、视图、图、项目、单元、方法、框架、模型块及其差异以及UML轮廓。         模型、视与图（Model, View and Diagram）        &
  • Activiti最终总结 avords Activiti id 工作流
    1、流程定义ID：ProcessDefinitionId，当定义一个流程就会产生。 2、流程实例ID：ProcessInstanceId，当开始一个具体的流程时就会产生，也就是不同的流程实例ID可能有相同的流程定义ID。 3、TaskId，每一个userTask都会有一个Id这个是存在于流程实例上的。 4、TaskDefinitionKey和（ActivityImpl activityId
  • 从省市区多重级联想到的，react和jquery的差别 bee1314 jqueryUIreact
    在我们的前端项目里经常会用到级联的select，比如省市区这样。通常这种级联大多是动态的。比如先加载了省，点击省加载市，点击市加载区。然后数据通常ajax返回。如果没有数据则说明到了叶子节点。   针对这种场景，如果我们使用jquery来实现，要考虑很多的问题，数据部分，以及大量的dom操作。比如这个页面上显示了某个区，这时候我切换省，要把市重新初始化数据，然后区域的部分要从页面
  • Eclipse快捷键大全 bijian1013 javaeclipse快捷键
    Ctrl+1 快速修复(最经典的快捷键,就不用多说了)Ctrl+D: 删除当前行 Ctrl+Alt+↓ 复制当前行到下一行(复制增加)Ctrl+Alt+↑ 复制当前行到上一行(复制增加)Alt+↓ 当前行和下面一行交互位置(特别实用,可以省去先剪切,再粘贴了)Alt+↑ 当前行和上面一行交互位置(同上)Alt+← 前一个编辑的页面Alt+→ 下一个编辑的页面(当然是针对上面那条来说了)Alt+En
  • js 笔记 函数 征客丶 JavaScript
    一、函数的使用 1.1、定义函数变量 var vName = funcation(params){ } 1.2、函数的调用 函数变量的调用：      vName(params); 函数定义时自发调用：(function(params){})(params); 1.3、函数中变量赋值 var a = 'a'; var ff
  • 【Scala四】分析Spark源代码总结的Scala语法二 bit1129 scala
    1. Some操作   在下面的代码中，使用了Some操作：if (self.partitioner == Some(partitioner))，那么Some(partitioner)表示什么含义？首先partitioner是方法combineByKey传入的变量， Some的文档说明：   /** Class `Some[A]` represents existin
  • java 匿名内部类 BlueSkator java匿名内部类
    组合优先于继承 Java的匿名类，就是提供了一个快捷方便的手段，令继承关系可以方便地变成组合关系 继承只有一个时候才能用，当你要求子类的实例可以替代父类实例的位置时才可以用继承。   在Java中内部类主要分为成员内部类、局部内部类、匿名内部类、静态内部类。 内部类不是很好理解，但说白了其实也就是一个类中还包含着另外一个类如同一个人是由大脑、肢体、器官等身体结果组成，而内部类相
  • 盗版win装在MAC有害发热，苹果的东西不值得买，win应该不用 ljy325 游戏applewindowsXPOS
    Mac mini 型号: MC270CH-A RMB:5,688   Apple 对windows的产品支持不好,有以下问题:   1.装完了xp,发现机身很热虽然没有运行任何程序！貌似显卡跑游戏发热一样，按照那样的发热量,那部机子损耗很大,使用寿命受到严重的影响!   2.反观安装了Mac os的展示机，发热量很小，运行了1天温度也没有那么高 &nbs
  • 读《研磨设计模式》-代码笔记-生成器模式-Builder bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ /** * 生成器模式的意图在于将一个复杂的构建与其表示相分离，使得同样的构建过程可以创建不同的表示（GoF） * 个人理解： * 构建一个复杂的对象，对于创建者（Builder）来说，一是要有数据来源(rawData)，二是要返回构
  • JIRA与SVN插件安装 chenyu19891124 SVNjira
    JIRA安装好后提交代码并要显示在JIRA上，这得需要用SVN的插件才能看见开发人员提交的代码。 1.下载svn与jira插件安装包，解压后在安装包(atlassian-jira-subversion-plugin-0.10.1) 2.解压出来的包里下的lib文件夹下的jar拷贝到(C:\Program Files\Atlassian\JIRA 4.3.4\atlassian-jira\WEB
  • 常用数学思想方法 comsci 工作
      对于搞工程和技术的朋友来讲，在工作中常常遇到一些实际问题，而采用常规的思维方式无法很好的解决这些问题，那么这个时候我们就需要用数学语言和数学工具，而使用数学工具的前提却是用数学思想的方法来描述问题。。下面转帖几种常用的数学思想方法，仅供学习和参考   函数思想 　　把某一数学问题用函数表示出来，并且利用函数探究这个问题的一般规律。这是最基本、最常用的数学方法
  • pl/sql集合类型 daizj oracle集合typepl/sql
    --集合类型 /*   单行单列的数据，使用标量变量   单行多列数据，使用记录   单列多行数据，使用集合（。。。）   *集合：类似于数组也就是。pl/sql集合类型包括索引表（pl/sql table）、嵌套表（Nested Table）、变长数组（VARRAY）等 */ /*     --集合方法 &n
  • [Ofbiz]ofbiz初用 dinguangx 电商ofbiz
    从github下载最新的ofbiz（截止2015-7-13），从源码进行ofbiz的试用 1. 加载测试库 ofbiz内置derby，通过下面的命令初始化测试库 ./ant load-demo (与load-seed有一些区别)   2. 启动内置tomcat ./ant start 或 ./startofbiz.sh 或 java -jar ofbiz.jar &
  • 结构体中最后一个元素是长度为0的数组 dcj3sjt126com cgcc
    在Linux源代码中，有很多的结构体最后都定义了一个元素个数为0个的数组，如/usr/include/linux/if_pppox.h中有这样一个结构体： struct pppoe_tag {     __u16 tag_type;     __u16 tag_len;   &n
  • Linux cp 实现强行覆盖 dcj3sjt126com linux
    发现在Fedora 10 /ubutun 里面用cp -fr src dest，即使加了-f也是不能强行覆盖的，这时怎么回事的呢？一两个文件还好说，就输几个yes吧，但是要是n多文件怎么办，那还不输死人呢？下面提供三种解决办法。 方法一 我们输入alias命令，看看系统给cp起了一个什么别名。 [root@localhost ~]# aliasalias cp=’cp -i’a
  • Memcached(一)、HelloWorld frank1234 memcached
    一、简介 高性能的架构离不开缓存，分布式缓存中的佼佼者当属memcached，它通过客户端将不同的key hash到不同的memcached服务器中，而获取的时候也到相同的服务器中获取，由于不需要做集群同步，也就省去了集群间同步的开销和延迟，所以它相对于ehcache等缓存来说能更好的支持分布式应用，具有更强的横向伸缩能力。 二、客户端 选择一个memcached客户端，我这里用的是memc
  • Search in Rotated Sorted Array II hcx2013 search
    Follow up for "Search in Rotated Sorted Array":What if duplicates are allowed? Would this affect the run-time complexity? How and why? Write a function to determine if a given ta
  • Spring4新特性——更好的Java泛型操作API jinnianshilongnian spring4generic type
    Spring4新特性——泛型限定式依赖注入 Spring4新特性——核心容器的其他改进 Spring4新特性——Web开发的增强 Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC  Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API  Spring4新
  • CentOS安装JDK liuxingguome centos
    1、行卸载原来的： [root@localhost opt]# rpm -qa | grep java tzdata-java-2014g-1.el6.noarch java-1.7.0-openjdk-1.7.0.65-2.5.1.2.el6_5.x86_64 java-1.6.0-openjdk-1.6.0.0-11.1.13.4.el6.x86_64 [root@localhost
  • 二分搜索专题2-在有序二维数组中搜索一个元素 OpenMind 二维数组算法二分搜索
    1,设二维数组p的每行每列都按照下标递增的顺序递增。 用数学语言描述如下：p满足 (1),对任意的x1，x2，y，如果x1<x2,则p(x1,y)<p(x2,y); (2),对任意的x，y1,y2, 如果y1<y2,则p(x,y1)<p(x,y2); 2,问题： 给定满足1的数组p和一个整数k，求是否存在x0,y0使得p(x0,y0)=k? 3,算法分析： (
  • java 随机数 Math与Random SaraWon javaMathRandom
    今天需要在程序中产生随机数，知道有两种方法可以使用，但是使用Math和Random的区别还不是特别清楚，看到一篇文章是关于的，觉得写的还挺不错的，原文地址是 http://www.oschina.net/question/157182_45274?sort=default&p=1#answers 产生1到10之间的随机数的两种实现方式： //Math Math.roun
  • oracle创建表空间 tugn oracle
    create temporary tablespace TXSJ_TEMP   tempfile 'E:\Oracle\oradata\TXSJ_TEMP.dbf'   size 32m   autoextend on   next 32m maxsize 2048m   extent m
  • 使用Java8实现自己的个性化搜索引擎 yangshangchuan javasuperword搜索引擎java8全文检索
    需要对249本软件著作实现句子级别全文检索，这些著作均为PDF文件，不使用现有的框架如lucene，自己实现的方法如下： 1、从PDF文件中提取文本，这里的重点是如何最大可能地还原文本。提取之后的文本，一个句子一行保存为文本文件。 2、将所有文本文件合并为一个单一的文本文件，这样，每一个句子就有一个唯一行号。 3、对每一行文本进行分词，建立倒排表，倒排表的格式为：词=包含该词的总行数N=行号