- 博客(88)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 微信小程序总结
微信小程序准备工作注册小程序帐号① 准备一个微信号（你如果还没有微信号，你out了，你是穿越来的吧）② 申请小程序账号：https://mp.weixin.qq.com/wxopen/waregister?action=step1获取开发密钥（appId）在做项目时需要密钥公众平台登录小程序->开发->开发设置->AppID(小程序ID) wx1481c0459dc80dab安装开发工具开发工具，可以选择自己喜欢的，也可以选择微信工具，下载微信开发工具，微信开发工具可完成
2021-04-06 16:11:41
822
原创 react笔记整理
React一、React的简介1、介绍React 是一个用于构建用户界面的 JAVASCRIPT 库。React主要用于构建UI，很多人认为 React 是 MVC 中的 V（视图）。React 起源于 Facebook 的内部项目，用来架设 Instagram 的网站，并于 2013 年 5 月开源。React 拥有较高的性能，代码逻辑非常简单，越来越多的人已开始关注和使用它2、特点1）.高效 −React通过对DOM的模拟，最大限度地减少与DOM的交互。2）. 灵活
2021-03-17 14:02:31
2036
原创 vue笔记总结
VUEvue框架的两大核心：数据驱动和组件化。第一周：大家需要转变编程思维的习惯：数据驱动（数据的变化会驱动页面发生变化，不用操作DOM）第二周：大家需要转变编程思维的习惯：组件化一、前端开发历史1994年可以看做前端历史的起点（但是没有前端的叫法）1995年网景推出了JavaScript1996年微软推出了iframe标签， 实现了异步的局部加载1999年W3C发布第四代HTML标准，微软推出用于异步数据传输的 ActiveX(ActiveXObject)，各大浏览器厂商模仿实现了 XM
2021-02-01 16:01:02
1315
1
原创 jQuery方法
jQueryjQuery的核心方法：$(),jQuery()* $("css选择器")：匹配返回与css选择器相匹配的jQuery对象* $(Node): 将参数的Node节点转换为jQuery对象的形式* $("HTML代码片段") 生成一个jQuery对象，类似于document.createElement()* $(function(){}) : 类似于window.onload事件,代表页面加载完毕之后。jQuery对象：类数组，由若干个Node节点构成的一个类数组，不同于Node或N
2021-01-13 19:39:52
5971
原创 模糊搜索时列表展示含有输入框关键字的文字变色
wxss <!-- 循环这里 --> <view class=" diagnosis-lists" wx:for="{{icdnamelist}}" catchtap="icdnameSelect" data-index="{{index}}"> <!-- 诊断 --> <view > <text wx:for="{{item.icd_name}}"
2021-11-22 11:12:24
746
原创 CSS实现loading动画
<template> <view class="container" v-show="loadingShow"> <view class="load"> <text></text> <text></text> <text></text> <text></text> <text></text> <text&g
2021-11-11 10:21:12
736
原创 text-align-last: justify；文本对齐ios失效问题解决
用伪元素解决text{ width: 16%; margin-right: 10rpx; display: inline-block; text-align: justify; text-align-last: center; &:after { content: ''; width: 100%; height: 0; display: inline-block; visibility: hidden; }}
2021-11-09 16:54:02
3285
原创 小程序中从后台获取内容纯数字、纯字母超出父盒子宽度时不换行 解决方法
举例：解决前：给盒子加属性：word-wrap:break-word;给盒子加属性：word-break: break-all;两个属性都可以解决问题，若获取内容是连续的英文单词或者数字时，则以上两个属性会有区别。区别就是当某个单词或者数字串太长一行剩余的空间放不下整个单词或者数字时，会切断直接换行（例如图二），会保留完整单词放到下一行（例如图三）。...
2021-11-09 16:50:40
3937
原创 uniapp易忘总结（用来复制粘贴）
一、textarea的键盘BUGshow-confirm-bar='false'设置不生效，导致键盘还带有“完成”按钮，预期效果是没有“完成”解决：show-confirm-bar='showConfirm'data() { return { showConfirm:false }},二、跳转uni.navigateTo({ url: '/pages/inquiry/inquiry',})uni.navigateBack({ delta: 1});...
2021-09-26 11:57:48
491
原创 css伪元素修改单选框及复选框样式
单选框重要提示：要将input框用display：none隐藏，用label将元素包起来html <div class="selectRadio"> <p class="title">1.最近身体病情状况如何？（单选）</p> <label><input type="radio" name="one" value="正常"><span></span> <p>正常</p>
2021-09-02 14:48:41
1097
原创 微信小程序中如何使用阿里iconfont图标库
iconfont官网1、将自己需要使用的小图标加入购物车2.在购物车中添加至项目， 点击查看样式在线链接3、上图链接在浏览器中打开4.在小程序创建font.wxss文件（文件名可随意起名），将浏览器中打开链接的内容复制粘贴5.使用在app.wxss中全局引入6.页面使用给标签添加两个样式名iconfont和icon-xxxx例如：<view> <text class="iconfont icon-black-plane"></text>&l
2021-08-13 10:49:23
364
原创 Git操作流程（非常详细）
Git操作流程在用git代码管理器之前先确保电脑上已下载git软件（下载网址：https://git-scm.com/downloads）Git生成秘钥生成秘钥信息在.ssh 目录下右键打开Git Bash(.ssh目录不存在，则在任一目录下操作，或者手动创建该目录)生成秘钥：ssh-keygen -t rsa -C “[email protected]” ，直接Enter就行，然后会提示输入密码(可输可不输) 说明：命令中的email，就是gitlab中的账号，需要保持
2021-07-26 14:28:39
13870
3
原创 易忘CSS样式整理
1、文字超出部分显示省略号单行文本的溢出显示省略号（一定要有宽度） p{ width:200rpx; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }多行文本溢出显示省略号 p{ width:200rpx; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }2、文字阴影
2021-07-26 13:05:43
112
原创 小程序生命周期详解
小程序生命周期1、应用生命周期//app.jsApp({ // 1 应用第一次启动的就会触发的事件 onLaunch() { // 在应用第一次启动的时候 获取用户的个人信息 // console.log("onLaunch"); // aabbcc // js的方式来跳转 不能触发 onPageNotFound // wx.navigateTo({ // url: '/11/22/33' // });
2021-07-23 10:48:48
314
原创 小程序易忘总结
一、swiper轮播图先找出来原图的宽度和高度等比例给swiper定宽度和高度eg:原图的宽度和高度1125 * 352 pXswiper宽度/ swiper高度=原图的宽度/原图的高度swiper高度=swiper宽度*原图的高度/原图的宽度height: 100vw * 352 / 1125swiper{ width: 100%; height: calc(100vw*294/1035);}image{ width: 100%;}二、动态加类名三、回调函数1、页
2021-07-22 18:03:27
118
1
原创 小程序父子组件传值案例（tab选项卡）
component/Tabs/Tabs.jsComponent({ /** * 里面存放的是 要从父组件中接收的数据 */ properties: { // 要接收的数据的名称 // aaa:{ // // type 要接收的数据的类型 // type:String, // // value 默认值 // value:"" // } tabs:{ type:Array, val
2021-07-22 17:51:23
290
原创 vue中的@click.stop阻止点击事件继续传播
<div id="app"> <div v-on:click="big"> <button v-on:click="small">阻止单击事件继续传播</button> </div> </div> <script> var app = new Vue({ el: "#app", data:
2021-06-28 15:58:39
591
1
原创 ElementUI 中Upload上传图片插件（方便自己查阅使用的，不做参考）哈哈哈哈哈哈哈哈哈哈哈哈
<el-form-item label="域名（网址）状态" prop="isHealthy"> <el-radio-group v-model="dataEdit.isHealthy"> <el-radio :label="1">正常</el-radio> <el-radio :label="0" @change="isOne">异常</el-radio>
2021-06-28 14:59:07
194
转载 uni-app的基本使用笔记总结
uni-app的基本使用课程介绍：基础部分：环境搭建页面外观配置数据绑定uni-app的生命周期组件的使用uni-app中样式学习在uni-app中使用字体图标和开启scss条件注释跨端兼容uni中的事件导航跳转组件创建和通讯，及组件的生命周期uni-app中使用uni-ui库项目：黑马商城项目uni-app介绍 官方网页uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付
2021-05-26 11:24:37
523
原创 css修改浏览器默认滚动条样式
/*滚动条样式*/::-webkit-scrollbar { width: 4px; /*height: 4px;*/}::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: rgba(0, 0, 0, 0.2);}::-webkit-scrollbar-track { -webkit-box-s.
2021-05-25 17:49:16
999
原创 element-ui中 Cascader级联选择器实现一级单选，二级多选
可通过 props.multiple = true 来开启多选模式 <el-cascader v-show="ifxianshi == 1 && paddinglaiyuan" ref="myCascader" :options="options" :props="{ multiple: true, checkStrictly: true }" clearable collapse-tags styl
2021-04-30 16:14:10
16369
11
原创 vue父子传值（仅供自己查阅）
//儿子传给父亲//父亲<Child @give="accept"></Child>data(){ return{ msg:[] } }, methods: { accept(value) { this.msg=value } } //儿子事件 <button @click="giveFather">传递给父组件</button> data() { return {
2021-04-25 00:54:54
59
原创 地图（仅供查阅）
<template> <!-- 地图弹窗 含地图搜索 地图默认中心点为用户所属当地市政府 地图点击获取经纬度和 地址 --> <el-dialog title="选择地点" :before-close="cancelbtn" :visible="dialogHavePositon" :width="setDialogWidth" append-to-body > <div id="outer-box">
2021-04-23 15:38:57
90
原创 JavaScript面试题
.1.数据类型有哪几种, 检测方法是什么??基本数据类型 ES5-------Number/Boolean/String/Undefined/Null ES6新增—symbol引用数据类型 Object 检测方法4种 1、Object.prototype.toString.call() **作用: 可以检测所有数据类型** **所有数据类型都可以检测,而且非常正确** 语法: Object.prototype.toString.call(
2021-04-06 22:58:11
6863
原创 为什么虚拟 dom 会提高性能?
为什么虚拟 dom 会提高性能?虚拟DOM的本质就是就是一个js对象 虚拟DOM就是把真实DOM转换成一个js对象 然后交由一些技术来处理这个js对象以达到高效率处理dom操作diff就是用来区分虚拟DOM和真实DOM区别的一个算法什么是调和？将Virtual(虚拟)DOM树转换成actual(真实)DOM树的最少操作的过程称为调和 。diff算法是调和的具体实现。...
2021-04-01 14:11:12
430
转载 typescript笔记总结
typescript官网介绍 TypeScript 是 JavaScript 的一个超集，主要提供了类型系统和对 ES6+ 的支持，让javascript变成强类型语言。它由 Microsoft 开发，代码开源于 GitHub 上。特点可以在开发阶段和编译阶段就发现大部分错误，这总比在运行时候出错好不显式的定义类型，也能够自动做出类型推论即使 TypeScript 编译报错，也可以生成 JavaScript 文件Google 开发的 Angular 就是使用 TypeScr
2021-04-01 11:10:58
96
原创 面试题小结
博彦面试1.数据类型（简单）数据类型和引用类型2.null和undefined的区别null表示变量定义了但是赋值为空，undefined表示变量声明了但是未赋值例如变量被声明了但没有赋值，就等于undefined；函数没有返回值默认返回undefined；对象没有赋值的属性，该属性的值为undefined console.log(Number(null)) console.log(Number(undefined)) console.log(t
2021-03-31 18:20:05
74
原创 介绍一下 js 的节流与防抖？
函数防抖： 在事件被触发 n 秒后再执行回调，如果在这 n 秒内事件又被触发，则重新计时。函数节流： 规定一个单位时间，在这个单位时间内，只能有一次触发事件的回调函数执行，如果在同一个单位时间内某事件被触发多次，只有一次能生效。函数防抖的实现function debounce(fn, wait) { var timer = null; return function() { var context = this, args = arguments; // 如
2021-03-26 15:16:22
97
1
原创 nextTick实现原理
1）、为什么用Vue.nextTick()首先，JS是单线程的，那么，它如何处理异步操作。所有同步任务都在主线程上执行，形成一个执行栈。主线程之外，会存在一个任务队列，只要异步任务有了结果，就在任务队列中放置一个事件（所以，也叫事件队列），进行排队（处于等待状态）。当执行栈中的所有同步任务执行完后，就会读取任务队列（事件队列）中的任务（事件）。即：任务队列中的任务就结束了等待状态，进入执行栈。主线程不断重复第三步。直到任务队列和执行栈里的代码执行完毕。了解一个事件循环： https://bl
2021-03-25 21:18:47
505
1
原创 面试题：Promise
Promise1、概念 Promise是ES6新增的一个对象，Promise的提出是为了解决回调地狱。 Promise对象就表示一个异步操作。 Promise对象可以把以前异步的回调函数的方式，以同步的思路表达出来2、Promise的构造函数的参数let p = new Promise(function(resolve,reject){ });resolve：Promise里的异步执行成功调用的函数reject：Promise里的异步执行失败调用的函
2021-03-23 19:16:03
76
原创 面试题：手写一个 Promise
什么是 Promise 对象，什么是 Promises/A+ 规范？Promise 对象是异步编程的一种解决方案，最早由社区提出。Promises/A+ 规范是 JavaScript Promise 的标准，规定了一个 Promise 所必须具有的特性。Promise 是一个构造函数，接收一个函数作为参数，返回一个 Promise 实例。一个 Promise 实例有三种状态，分别是 pending、resolved 和 rejected，分别代表了进行中、已成功和已失败。实例的状态只能由 pending
2021-03-23 08:59:29
58
原创 如何在react中简单应用echart，及echart特性
一分钟学会在react中简单应用echart1.首先安装echart、echarts-for-reactnpm install echarts --savenpm install --save echarts-for-react2、在相应组件中引入模块import * as echarts from 'echarts';import ReactEcharts from 'echarts-for-react';3、使用的时候非常简单用的时候只需要在官网找到你需要的的模板，将里面的opti
2021-03-21 15:59:52
2545
原创 webpack笔记整理
webpack介绍 工程化工具： grunt->gulp->browserify->webpack webpack 概念： webpack是个工具，协助开发者做项目管理、打包、模块管理、加载资源，并转换到对应环境，webpack是一种静态编译工具(预编译)，它能把各种资源，例如JS（含JSX）、样式（含less/sass）、图片等都作为模块来使用和处理 官网，中文国内资源： js/css/html/png…/woff/data/vue…
2021-03-16 21:18:09
160
原创 Vue 性能优化
Vue 代码层面的优化； webpack 配置层面的优化； 基础的 Web 技术层面的优化。一、代码层面的优化1.1、v-if 和 v-show 区分使用场景v-if 是 真正 的条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建；也是惰性的：如果在初始渲染时条件为假，则什么也不做——直到条件第一次变为真时，才会开始渲染条件块。v-show 就简单得多， 不管初始条件是什么，元素总是会被渲染，并且只是简单地基于 CSS 的 display 属性进行切换。所以，v-if
2021-03-16 15:01:52
145
原创 模块化
AMD/CMD/CommonJs都是JS模块化开发的标准，目前对应的实现是RequireJS，SeaJs, nodeJs;CommonJS：服务端jsCommonJS 是以在浏览器环境之外构建 javaScript 生态系统为目标而产生的写一套规范，主要是为了解决 javaScript 的作用域问题而定义的模块形式，可以使每个模块它自身的命名空间中执行。实现方法：模块必须通过 module.exports 导出对外的变量或者接口，通过 require() 来导入其他模块的输出到当前模块的作用域中；主
2021-03-12 21:15:21
56
原创 基本类型和引用类型区别
基本类型基本类型：undefined、null、string、number、boolean、symbol特点1.基本类型的值是不可变得// 任何方法都无法改变一个基本类型的值 let name = 'jay'; name.toUpperCase(); // 输出 'JAY' console.log(name); // 输出 'jay'2.基本类型的比较是值的比较// 只有在它们的值相等的时候它们才相等let a = 1;let b = true;console.log(a ==
2021-03-12 20:50:12
249
原创 JavaScript笔记总结
11班笔记JS的引入方式* 内部引入:在`<script>`标签内写js代码* 外部引入：使用`<script src="路径">`引入一个外部的.js文件* 行内引入：先不看如果哪一个script标签用于引入了外部文件，那么浏览器会忽略掉该标签内部的js代码段暂且需要记住的两种测试方式： //将括号里面表达式的返回值输出到控制台 console.log(exp) //将括号里面表达式的返回值输出到警告框 alert(exp) //将括号里面表达式的返回
2021-03-09 16:43:05
4970
原创 node模块
node官方对象（模块）http功能：请求和响应的API：createServer() 功能：创建服务器对象 参数：回调函数 （req,res）=>{ req:请求对象，包含一切请求信息，如：url，method，请求参数 req.url
2021-03-09 16:38:59
47
js简单轮播图实现，圆点随图片数量自动生成
2020-08-22
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人