anshenggui的博客

原创 前端之jquery

1.jquery隐藏/显示1.1 隐藏元素：$("this").hide();//隐藏当前html元素$("p").hide();//隐藏所有的p元素$(".类名").hide();//隐藏该类的元素$("#id名").hide();//隐藏该id的元素例子：$(document).ready(function(){ $("button").click(funct...

原创 iframe实现子系统与父系统之间的数据通信

1.子系统传输数据给父系统（包含iframe标签）：传输数据的系统(子系统)functionsendMessage(){//子向父发送数据//第一个参数传输的字符串，第二个参数传输的父系统的url，设置为*，表示不做限制window.parent.postMessage("toLogin","*");}接受数据的系统（父系统）window.addEventListener('message',(event)=>{//event.data为子系...

原创 three.js的使用（mtl和obj模型，glb模型）和优化

<template> <div class="three"> <div id="three_div"></div> </div></template><script>import * as THREE from "three";//import { OBJLoader, MTLLoader } from "three-obj-mtl-loader";//obj//const OrbitContro.

原创 利用回调函数将数组对象的key进行大小写转换或key替换

let treeData=[{Title:'demo1',Key:'1',Chidren:[{Title:'demo1-1',Key:'1-1',Children:[...]}]}]tolower=(treeData)=>{ for(leti=0;i<treeData.length;i++){ for(letkeyintreeData[i]){ if(key==='Children'||key==='...

原创 微信小程序wepy踩坑笔记

1.组件之间进行props传值时，不可传递对象的属性，只能传递整个数据。否则数据传输到子组件，数据接收不到

原创 bootstrap之文字排版

&lt;html&gt; &lt;head&gt; &lt;title&gt;文本排版&lt;/title&gt; &lt;link rel="stylesheet" type="text/css" href="./bootstrap.min.css"/&gt; &lt;style type="text/css"&gt; d

转载 bootstrap--mediaQuery简化版

//mediaQuery.html&lt;!DOCTYPE html&gt;&lt;html lang="en" dir="ltr"&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;meta name="viewport" content="width=device-widt

转载 media query--媒体查询

bootstrap query.html&lt;!DOCTYPE html&gt;&lt;html lang="en" dir="ltr"&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;!-- orientation:portrait表示竖屏，即指输出设备的height&gt;=width --

原创 bootstrap-viewport

&lt;!DOCTYPE html&gt;&lt;html lang="en" dir="ltr"&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;!-- viewport是针对手机浏览器开发的视口，只对手机有效果 --&gt; &lt;!-- width=600px是绝对宽度，而

翻译 微信小程序之window

Appjson里的window选项用来设置小程序的状态栏、标题、导航条和窗口背景颜色等窗口表现内容。navigationBarBackgroundColor:定义导航栏的背景颜色，支持16进制颜色格式；navigationBarTitleText:设置导航栏的标题内容；navigationBarTextStyle:设置导航栏标题文字颜色，只支持‘black’或‘white’；backgroundC...

原创 微信小程序之调试模式

“Console”:小程序的调试控制台；“Wxml”:和查看html页面结构类似；“Sources”:显示项目的脚本文件；“Appdata”:查看项目的数据情况；“Storage”:储存器窗口（用于显示项目在使用wx.setStorage接口或者wx.setStorageSync接口后的数据存储情况）...

转载 微信小程序开发工具快捷键大全

转载 sublime text3快捷键大全

Sublime Text 3 快捷键精华版Ctrl+Shift+P：打开命令面板Ctrl+P：搜索项目中的文件Ctrl+G：跳转到第几行Ctrl+W：关闭当前打开文件Ctrl+Shift+W：关闭所有打开文件Ctrl+Shift+V：粘贴并格式化Ctrl+D：选择单词，重复可增加选择下一个相同的单词Ctrl+L：选择行，重复可依次增加选择下一行Ctrl+Sh