- 博客(27)
- 收藏
- 关注
RSS订阅
原创 CSS小记。
①使用flex布局white-space失效的问题：在white-space的元素下添加min-width:0;②使用fixed定位让flex布局失效的解决方法：在flex布局外添加一个有宽度的盒子，让该父盒子定位。
2021-01-16 21:13:40
228
原创 微信小程序与uni-app的区别
前提摘要：公司项目多以微信小程序及uni-app为主，而两者用法除了语法外基本一致，所以在此做一个区分。主要还是微信小程序和Vue的语法差异，还是记下来好点。触摸事件名称：①微信小程序：bindtap②uni-app：@click函数传参方式：①微信小程序：<view bindtap="click" data-id="id"></view>②uni-app：<view @click="click(id)"></view>函数接收参数：
2020-10-07 12:43:58
17348
3
原创 高德地图导入（选点读取地址和经纬度）
高德地图官方文档实现效果：点击某处跳出弹窗，在弹窗中选择地图并返回显示地址。<style> #container {width:500px; height: 450px; } .modal_bg { display: none; position: absolute; z-index: 1; width: 100%; height: 100%; left: 0; top: 0; background-color: rg
2020-06-22 09:05:16
5380
原创 JS常用数组操作
前言在循环数组时或多或少会对数组进行处理，而JS提供了很多Array对象方法供我们使用，熟练使用和记录备忘是必须的。话不多说，以下是归纳整理相应的方法：数组增添arr.push(item,item1,...)：向数组的末尾添加一个或更多元素，并返回新的长度。arr.unshift(item,item1,...)：向数组的开头添加一个或更多元素，并返回新的长度。arr.splice(index,num,item1,...,itemN)：从数组中添加或删除元素。注：当item的总数量大于num时为添
2021-02-08 10:24:01
668
原创 node.js读取基础。
基础①node.js是一个开发平台，配置很多api，可以直接调用。②node.js可以开发控制台程序，桌面应用程序，web应用程序。③可使用nvm控制多个node.js的版本，nvm uese xxx版本号切换。④process模块是全局模块，fs模块require(’ ')非全局模块。文件操作①文件写入：var fs = require('fs'); //加载var msg = 'hello world';//实现fs.writeFile('.txt',msg,'utf8',functi
2020-12-04 12:28:06
197
原创 Ajax和Php从入门到欲罢不能。
Ajax：（不刷新整个页面的情况下，通过url地址获取★服务器的数据★，然后进行页面的局部刷新（异步加载））①ipconfig找局域网ip地址；ping qq.com找到域名对应的ip地址。②DNS域名解析服务器：找出ip地址和域名的映射关系。（先在本地hosts文件中查找域名对应的ip地址）③端口：区分使用这台服务器的什么服务④协议：规定两台计算机之间交换数据如何明白对方的语言。HTTP：请求头、响应头、请求体、响应体。⑤一台服务器有多个站点服务，不同站点对应不同的域名。（配置多个站点后不能使
2020-12-04 12:27:13
137
原创 只需十步，彻底搭建Vue项目！（涵盖过程坑点，报错解决方法）
参考地址：vue-cli创建webpacknpm install -g @vue/cli-initvue init webpack mywebpack 【mywebpack：项目文件夹名称】安装依赖，以及其他脚手架element-ui：cd my-first-projectnpm i element-ui -S / npm install vue bootstrap-vue bootstrapnpm install运行项目：npm run dev...
2020-12-04 10:09:02
141
原创 用Vue手写mobile和PC端的下拉框
手机端制作：首先div制作一个蒙层和模板，利用showTeam状态切换显示和隐藏。<div @click="openSelectModal">我是选择栏</div><div class="select-bg" v-if="showTeam" @click="closeModal"></div> <div class="select-modal" v-if="showTeam"> <div class="title">请选择x
2020-11-10 11:10:50
811
原创 Vue组件学习相关
组件相关知识①组件注册：变量名大小写不敏感，camelCase (驼峰命名法) 的 prop 名需要使用其等价的 kebab-case (短横线分隔命名)，如：Vue.component('blog-post', { props: ['postTitle'], // 在 JavaScript 中是 camelCase template: '<h3>{{ postTitle }}</h3>'})<!-- 在 HTML 中是 kebab-case--><
2020-10-13 09:08:56
218
原创 Vue学习笔记（不含组件）
Vue实例生命周期①beforeCreate，data和methods中的方法还未初始化。②created，data和methods已初始化完毕，可操作data或methods的数据。③beforeMount，模板已在内存中编译，但未挂载到页面上，页面还是旧的。④mounted，操作DOM最早在这个方法中操作，整个Vue实例已初始化完毕。⑤beforeUpdate，页面上的数据还是旧的，但data中数据已被更新，页面和数据不同步。⑥update，在此之前渲染出最新的内存DOM树，实现从Model
2020-10-07 12:44:55
176
原创 微信小程序项目记录。
微信小程序中使用bindtap绑定带参函数原生小程序中无法直接使用bindtap=“jumpLive(id)”，需在view标签中写入自定义属性。wxml:<view bindtap="jumpLive" data-id="{{roomId}}"></view>js:jumpLive:function(event){var roomId = event.currentTarget.dataset.id}...
2020-10-07 12:43:35
382
原创 Vue项目小记录（包含uni-app）
微信轮播图 uni-app(vue)的写法：<template><view class="m-banner"> <swiper :indicator-dots="indicatorDots" indicator-color="rgba(179,179,179,1)" :autoplay="autoplay" :interval="interval" :duration="duration"> <block v-for="(item,in.
2020-10-07 12:43:22
225
原创 数组对象--键值对。
共有两个数组，一个数组存在id和count属性，A：[{id:1,count:2},{...}]，一个数组中仅有id属性，B:[{id:1,sum:1},{...}]，B数组在界面上渲染，需要把count属性渲染到界面上，此时可以采用obj:{id:count,...}键值对的方式，B数组在界面循环时可通过item.obj.id获取count值。...
2020-10-07 12:42:34
2988
原创 微信直播及微信自定义tabs页。
直播：json：{ "navigationBarTitleText": "直播间", "usingComponents": { "loading": "/component/loading/loading", "subscribe": "plugin-private://wx2b03c6e691cd7370/components/subscribe/subscribe" }}wxml：<!--pages/live/list/list.wxml--><view
2020-09-23 14:59:36
192
原创 非常基础的JQuery。
优点：①查找元素的方式多种多样，非常灵活。②拥有隐式迭代特性，不需要手写for循环。③完全没有兼容性问题。④实现动画非常简单，而且功能更加强大。⑤国内使用JQuery主要是兼容IE678。1.12。初识：①入口函数的标准写法：$(document).ready(function(){});$(function(){});相当于windown.οnlοad=function(){};②注册事件：$("#btn1").click(function(){$(“div”).show();}
2020-07-14 09:19:45
118
原创 涉及原生JS高级的一些知识
相对基础的高级知识：①有结果有值称为表达式。②in运算符，语法"名字" in 对象，返回布尔值。var o ={name:"zhangsan"};console.log("name" in o);③逻辑中断是||或&&，||左边为真则不在计算右边，&&左边为假则不再计算右边。④delete运算符，语法delete 变量、数组项、对象属性，返回布尔值。delete不会改变数组长度，不使用var声明的变量可以删除。⑤循环字符串找出一个值，要用charAt()代替str
2020-07-07 10:59:09
206
原创 微信小程序底层基础。
基础：①wx:for-index修改下标名称。wx:for="{{arr}}“循环data的数组变量。data-id=”{{title}}"给标签加id。②checked="{{false}}"属性必须加大括号。③wxss：即wx专用的样式语言，用于描述wxml。④rpx会随着屏幕大小而改变。px不会。750像素时1px＝1rpx。⑤Taro 中的 px 其实指的就是 rpx；如果你想要真实的 px，可以大写 PX。⑥在wxss文件中@import "相对url"可以导入其他wxss文件。⑦
2020-07-07 10:53:42
213
原创 H5、C3及ES6新增特性。
H5新标签：header，footer，nav，article，section，datalist（input里定义list=id，datalist定义id），aside，fieldset（加legend标签），video（ogg，mp4，webm），audio（ogg，mp3，wav）。⑩canvas，menu，figure。input新type值：email，tel，url，number，search，range（滑块），time，date，datetime，month，week。新属性：pl
2020-07-06 17:07:44
627
原创 微信小程序列表刷新及分页加载。
下拉刷新方法 onPullDownRefresh: function() { var vm = this; vm.setData({ houseList: [], listComponent: { page: 1, count: 0, loading: false, }, }) vm.getHistoryList(); }, JSON: "enablePullDownRefresh":true,列表.
2020-07-06 10:48:31
1077
2
原创 修改antd tree组件，使其横向排列。
修改antd tree组件，使其横向排列。:global {ul > li.ant-tree-treenode-switcher-close{white-space: pre-wrap;}ul>li.ant-tree-treenode-switcher-open{background-color: #fff;white-space: pre-wrap;margin-bo...
2020-06-23 14:19:11
3330
4
原创 全面深入了解原生JS！
JavaScript详细解析Web API：API应用程序编程接口，系统或他人事先定义好的函数和方法，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组历程的能力。Web API是浏览器提供的一套操作浏览器功能和页面元素的API（BOM和DOM）BOM浏览器对象模型，通过BOM可以操作浏览器窗口，比如弹出框，控制浏览器跳转，获取分辨率等。DOM文档对象模型，提供一套操作页面元素的...
2020-05-26 10:20:27
1359
原创 JS从基础到入门
客户端脚本语言JavaScriptJavaScript知一究二：编译：一次性把代码转换成CPU可以读懂的语言，一行一行执行；更快。解析：一行一行解析，解析一行执行一行，★在此之前有全局作用域的预解析－找var和function和参数，找到之后把var和function的声明提前，var num;=赋值随后解析，解析到函数就进入局部作用域的预解析，与上相同。★C/S是需要下载客户端的，B/...
2020-05-26 10:20:21
203
原创 Html的标签和属性
HTML标签用途熟练使用的标签标签用途使用html创建一个HTML文档&amp;lt;!DOCTYPE html&amp;gt;…&amp;lt;/html&amp;gt;head设置文档标题和其它在网页中不显示的信息meta,title,link,base,script标签title设置html文档的标题，提高（？）被搜索率link定义一个链接和源之间的相互关系（引入c...
2020-05-26 10:20:07
169
原创 Css3之稳固根基
CSS优化界面CSS选择器：（C3）①id选择器②类选择器③标签选择器④通配符选择器⑤伪类选择器:（链接伪类a:link/visited/hover/active，结构伪类E:frist-child/E:last-child/E:nth-child(n)，目标伪类:target）⑥复合选择器⒈交集选择器[既标签又类名，连写]⒉并集选择器[逗号]⒊后代选择器[空格]⒋子元素选择器[＞...
2019-12-24 12:07:46
319
原创 如何准确安装wamp
正确安装wamp想必绝大多数开发者初次安装wamp都会遇到wampserver一直是红色（未启动）的状态；今天我也遇到这个问题，记录下解决过程方便以后的学习成长！①首先选择正确的版本号进行安装，一半安装在c盘比较合适，其他盘不如系统盘方便；②完成安装并启动发现界面右下角显示黄色或红色：解决步骤一：我的电脑-管理-服务机器应用程序-服务关闭正在启动的Apache、Mysql并改为手动...
2019-02-15 20:05:26
464
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人