- 博客(60)
- 资源 (4)
- 收藏
- 关注
原创 flutter安装 以及环境基本配置
由于csdn图片url会转码,自己写的markdown图片无法识别,现在在博客园写博客本人博客地址: https://www.cnblogs.com/sprite0521/p/13379052.html
2020-07-27 21:28:24
213
原创 CSS3-动画
CSS3动画动画,可通过设置多个节点来精确控制一个或一组动画,常用来实现赋值的动画效果。相比较过渡,动画可以实现更多变化,更多控制,联系自动播放等效果。动画的基本使用制作动画分为两步先定义动画再使用(调用动画)用keyframes定义动画(类似定义类选择器)/* 语法格式 */ @keyframes name{ 0%{ } 100%{ } }动画序列0% 是动画的开始,100%是动画的完成。这样的规则就是动画序列。在@
2020-05-19 09:18:37
285
原创 CSS3-2D转换
css3-2D转换2d转换转换(transform) 是css3中具有颠覆性的特征之一,可以实现元素的位移、缩放等效果。移动:translate选转: rotate缩放: scale2d转换之移动 translate2d移动时2d转换里面的一种功能,可以改变在页面中的位置,类似定位。定义2D转换中的移动,验证X和Y轴移动元素tanslate最大的优点: 不会影响到其他元素的位置tanslate中的百分比单位是对于自身元素的tanslate:(50%,50%);对行内
2020-05-17 20:22:24
336
原创 CSS3-选择器
CSS3选择器属性选择器![image.png](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9jZG4ubmxhcmsuY29tL3l1cXVlLzAvMjAyMC9wbmcvMzc2OTk0LzE1ODk0NzExMTk0OTctYjVmODAwYzMtNGMyZS00ZWZkLTk5MjYtNDkzMDAzOWM0NTQ3LnBuZw?x-oss-process=image/format,png#align=left&display=inline&a.
2020-05-15 16:35:19
155
原创 flex布局(弹性盒子)总结
flex布局优势操作方便,布局极为简单,移动端应用很广泛pc端浏览器支持情况较差IE 11或更低版本,不支持或仅部分支持。flex布局原理flex 是 flexible Box的缩写,意为“弹性布局”,用来为盒状模型提供最大的灵活性,任何一个容器都可以指定为flex布局。当我们为父盒子设为flex布局以后,子元素的float、 clear 和vertical-align属性将失效。伸缩布局=弹性布局=伸缩盒布局=弹性盒布局=flex布局采用flex布局元素,称为flex容器(f
2020-05-13 22:17:06
800
原创 rem适配常见方案
适配方案目的让一些不能等比自适应的元素,达到当设备尺寸发生改变的时候,等比例适配当前设备。使用媒体查询根据不同设备按比例设置html的字体大小,然后页面元素使用rem左尺寸单位,当html字体大小变化元素尺寸也会发生变化,从而达到等 比例缩放的适配。rem实际开发适配方案按照设计稿与设备宽度的比例,动态计算并设置html根标签的font-size大小 ;(媒体查询)CSS中, 设计稿元素的宽、高相对位置等取值,按照同等比例换算为rem为单位的值。rem适配方案技术试用(市场主流)方案
2020-05-13 19:53:46
905
原创 less基础
less基础3.1 维护css的弊端CSS是一门非程序式语言,没有变量、函数、Scope(作用域) 等概念。CSS需要书写大量看似没有逻辑的代码, CSS冗余度是比较高的。不方便维护及扩展,不利于复用。css没有很好的计算能力非前端开发工程师来讲,往往会因为缺少CSS编写经验而很难写出阻止良好且易于维护的CSS代码项目less 介绍官网: http://lesscss.cn/Less (Leaner Style Sheets的缩写) 是一门CSS扩展语言,也成为CSS预处理器。
2020-05-12 23:59:18
309
1
原创 uni-app登录表单简单验证demo
简单表单验证html部分<template> <view class='login'> <swiper vertical='true' style="height: 100vh;"> <swiper-item> <scroll-view> <view class='login-tel'>
2020-05-10 11:03:20
12409
2
原创 通过定时器发送ajax请求,降低并发的解决方式记录
原先是for循环发送ajax请求导致并发过高的问题 ,先采用定时器的方式,定时发送ajax请求。以便降低并发。//生成ajaxPromise对象async function createAjaxPromise(newTempData) { //console.log(newTempData.length); //5 var Index = 0; //下标值0-length-1...
2020-04-29 11:51:28
950
原创 SQL基础
SQL基础SQL简介SQL是(Structure Query Language) 结构化查询语言SQL分类DDL(Data Definition Language) 语句: 数据定义语言,就是对数据库内部的对象进行创建,删除,修改等操作的语言。DDL语句更多是由数据库管理员(DBA)使用。DML(Data Manipulation Language) 语句: 数据操纵语言DCL(...
2020-04-28 23:46:09
106
原创 uni-app获取后端接口数据demo代码
//初始化函数 __init(){ uni.request({ // 192.168.2.111 本机ip localhost url:"http://localhost:3000/api/index_list/data", success: (res) => { console.log(res); //console.l...
2020-04-19 13:55:57
8401
2
原创 uni-app中的scroll-view组件使用记录
scroll-x: x轴滚动scroll-into-view:id名 立即滚动到当前元素的区域<scroll-view scroll-x="true" class="scroll-content" :scroll-into-view='scrollIntoIndex'> <view :id="'top'+index" v-for="(item,ind...
2020-04-19 13:49:02
1681
原创 uni-app获取当前节点下所有组件的高度总和
必须写在uni-app生命周期onready中data() { return { //选中的索引 topBarIndex:0, //顶栏跟随的索引id值 scrollIntoIndex:"top0", //中间内容块的高度 mainClientHeight:0, //顶栏数据 topBar:[ ], ...
2020-04-19 13:39:29
2666
原创 mpvue构建微信小程序项目
mpvue构建项目mpvue简介是一个Vue.js开发小程序的前端框架。框架基于Vue.js核心,mpvue修改了Vue.js的runtime和compiler实现,使其可以允许在小程序环境中,从而为小程序开发引入整套Vue.js开发体验。官网: http://mpvue.com/mpvue/quickstart.html快速开始一个项目# 1. 先检查下 No...
2020-04-13 17:56:53
186
原创 小程序云开发demo-利用云函数获取凤凰网新闻的标题
小程序云开发demo利用云函数获取凤凰网新闻的标题新建一个云函数 getNews//getNews/index.js// 云函数入口文件const cloud = require('wx-server-sdk')cloud.init()//代理模块const axios=require("axios");//const cheerio=require("cheerio");...
2020-04-13 17:05:36
705
原创 微信小程序 page和尺寸单位问题总结
快速生成page在app.json添加 “pages/news/news”{ "pages": [ "pages/welcome/welcome", "pages/index/index", "pages/logs/logs", //添加列 "pages/news/news" ], "window": { "ba...
2020-04-12 12:38:19
1222
原创 微信小程序中的socket连接
微信小程序中的socket连接https://developers.weixin.qq.com/miniprogram/dev/api/network/websocket/wx.sendSocketMessage.html创建socket服务器安装相关依赖npm initcnpm i ws -S服务器代码//创建socket服务器let Ws=require("ws...
2020-04-12 12:35:02
8421
1
原创 微信小程序的组件和父级传值的总结
自定义组件https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/父级传递值给组件改变从父级传递过来的值子组件传值到父级
2020-04-12 01:11:28
720
原创 Html5Ccss3响应式布局简单总结
H5C3响应式布局响应式布局-media基本使用(媒体查询)响应式布局:一套代码实现多种设备访问一致性。(pc 平板 手机)优点:一直保持一个url,一套代码缺点: 浏览器支持程度(ie8和以下就不兼容)使用@media only screen and (max-width:700px){ }only: 可以排除不支持媒体查询的浏览器screen: 设备...
2020-04-11 11:01:49
261
原创 移动端插件-图片懒加载、预加载 echo.js
移动端插件-图片懒加载、预加载echo.js/*! echo-js v1.7.3 | (c) 2016 @toddmotto | https://github.com/toddmotto/echo */(function (root, factory) { if (typeof define === 'function' && define.amd) { def...
2020-04-10 13:15:48
269
原创 Swiper插件简单使用
Swiper插件简单使用官网链接 https://www.swiper.com.cn/api/index.html源码cdn引入swiper5<link rel="stylesheet" href="https://unpkg.com/swiper/css/swiper.css"> <link rel="stylesheet"...
2020-04-10 12:00:17
2299
原创 Better-Scroll的简单使用
Better-Scrollbtter-scroll是一个重点解决移动端(现已支持pc端) 各种滚动场景需求的插件。它的核心是借鉴的isscroll的实现。它的api设计兼容isscroll,在isscroll的基础上又扩展了一些特征以及做了一些性能优化。better-scroll是基于原生js实现的,不依赖任何框架。简单使用<!DOCTYPE html><html...
2020-04-09 22:23:45
662
转载 better-scroll.js文档
better-scroll介绍better-scroll 是什么better-scroll 是一款重点解决移动端(已支持 PC)各种滚动场景需求的插件。它的核心是借鉴的 iscroll 的实现,它的 API 设计基本兼容 iscroll,在 iscroll 的基础上又扩展了一些 feature 以及做了一些性能优化。better-scroll 是基于原生 JS 实现的,不依赖任何框架。它...
2020-04-09 14:15:11
10102
3
原创 移动端插件-zepto.js简单了解
zepto.js简介/* Zepto v1.2.0 - zepto event ajax form ie - zeptojs.com/license */(function(global, factory) { if (typeof define === 'function' && define.amd) define(function() { return f...
2020-04-08 22:56:53
629
原创 Html5Css3自适应布局总结
布局单位px em rem vw vh绝对单位 px相对单位em 针对于父元素rem 针对于根(html)元素vh 100%高vw 100%宽补充谷歌浏览器默认字体大小: 16px 最小值12px1em=16px 10px=0.625em 10px=62.5em自适应布局-网页适应各种屏幕大小移动端webappui(美工)给的设计图...
2020-04-07 22:02:35
1234
原创 浅谈webpack配置
该文章的webpack配置基于4.x版本。webpack简介本质上,webpack 是一个现代 JavaScript 应用程序的_静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个_依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundle。webpack安装...
2020-03-21 19:24:59
165
原创 简单理解JavaScript对象继承
原型链用法:把实例的父类给子类(子函数的原型)缺点:因为修改obj1arr后obj2.arr也变化了,因为来自原型对象的引用属性里实例共享的。2> 创建子类实例时,无法父类构造函数传递参数。//父亲函数function Parent(){ this.userName="父亲函数"; this.arr=[1,2,3];}//子函数function Chil...
2020-02-16 21:51:08
99
原创 JavaScript对象模式
工厂模式工厂模式优缺点和现实中的工厂差不多在函数内部创建了一个新对象,最后返回加工后的这个新对象(缺点) 虽然new的是共同新的一个函数,但是其中的方法做对比,返回false,也就是说的new的函数,中得方法,不是共享同一个地址。//对象举例function createObject(){ //先创建一个新对象 var obj=new Object(); ...
2020-02-16 21:49:55
117
原创 简单理解JavaScript设计模式
单体模式理解: 单体模式是提供了一种代码组织为一个逻辑单元的手段。这个逻辑单元中的代码可以通过单一变量进行访问。优点:1> 可以划分命名空间。2> 使代码阅读性,维护性更好。3> 可以实例化(new 对象) 但是只能实例化一次。//单体模式实例function Obj(){ this.name="张三"; this.run=null;}Obj.p...
2020-02-16 21:48:07
108
原创 Vue组件和插槽使用
文章目录表单text 和 textreacheckbox 和radioselectcomputed与watchcomputedwatch组件组件的注册Vue.component()全局组件与局部组件dataprops组件的通信$emit()组件双绑的实现v-model.sync (处理多个prop外部绑定数据)update:[prop]插槽具名插槽作用域插槽props验证非prop特性替换/合并已...
2019-10-24 19:07:50
678
原创 Vue.js基本语法,事件 指令简单使用
文章目录引入vuevue实例组件optionseltemplate参考代码1data模板语法Mustache(双大括号,大胡子)语法插值表达式vue指令内容输出逻辑处理循环与列表属性绑定单向数据流指令修饰符vue事件组件的methods选项通过内联方式绑定事件处理函数事件修饰符按键修饰符原生事件引入vue<!-- 开发环境版本,包含了有帮助的命令行警告 --><script...
2019-10-23 17:21:17
477
原创 javascript的offset系列属性总结
offsetLeft和offsetTop属性offsetLeft:就是这个元素左边框外,到自己的offsetParent对象的左边框内的距离。offsetTop:就是这个元素上边框外,到自己的offsetParent对象的上边框内的距离。offsetParent 表示自己的偏移参考盒子。IE9,IE9+ chrome等高级浏览器下offstParent(表示自己的偏移参考盒子)...
2019-06-16 20:52:22
3103
原创 html5简单总结
HTML5概述语义html5中的节段和提纲<section> <acticle> <nav> <header> <footer> <aside> <hgroup>html5中的 音频和视频<audio> 音频 <video> 视频html5中 的表单连通性服务器...
2019-05-21 15:24:53
338
原创 算法_内部排序_快速排序(javascript语言实现)
快速排序快速排序(quick sort)的基本思想:通过一趟排序,将序列中的数据分割为两部分,其中一部分的所有数值都比另一个部分的小;然后按照此种方法,对两部分数据分别进行快速排序,直到参与排序的两部分都有序为止。(有递归)。对于一个包含n 条记录的序列arr[],使用快速排序使序列调整为升序序列的基本操作如下:设置变量i和j,分别记录序列中第一条 记录和最后一条(n-1)记录对应...
2019-05-15 11:58:39
132
原创 算法_递归
递归:函数内部自己调用自己导引例子 多层循环遍历数组//test.jsvar kkb=['个人介绍','工作记录',['css','html',[1,2,3]]];//var newArr=['个人介绍','工作记录','css','html',1,2,3]; var newArr=[];/* 数组扁平化: 把多层嵌套的数值中的内容都取出, 变成一维的数组*///console.l...
2019-05-12 22:37:27
111
原创 es6中的let、const关键字、解构
参考文献:http://es6.ruanyifeng.com/es6中的let和const关键字ECMAScript和JavaScript的关系: 前者是后者的规格,后者是前者的实现。符合ECMAScript规则的还有Flash中的ActionScript和TypeScript.可以在NodeJS中测试ES6,后者使用webpack+Babel将ES6翻译成ES5...
2019-05-10 17:42:28
555
原创 Cookie和Session
cookiecookie是HTTP的一个性质,不优雅的解决了HTTP无连接,服务器对客户端的识别问题HTTP是无连接的,无记忆性的。服务器在response的报文头设置一个set-cookie的报文头,今后浏览器每次访问服务器的时候,都要带着这个cookie字段上去,服务器就变相的记住客户端电脑曾经的行为。express框架中的cookievar express=require("e...
2019-05-09 16:43:45
133
原创 javascript_作用域和闭包
作用域概述在函数内定义的变量不能从函数之外的任何地方取得,变量仅仅在该函数的内部有定义。JS没有块级作用域,能封闭作用域的只有一个东西:函数局部变量和全局变量定义变量时不写var,变量将自动变为全局变量当遇见一个变量时,JS引擎会从其所在的作用域依次向外层查找,查找会在找到第一个匹配的标识符的时候停止。在多层嵌套的作用域中可以定义同名的标识符,这将发生“遮蔽效应”。函数的参数是一个...
2019-05-07 23:54:32
134
原创 javascript面向对象_构造函数 原型 继承
构造函数一个函数可以用new关键字来调用。那么此时将按顺序发生四件事情隐秘的创建一个新的空对象将这个喊里面的this绑定到刚才创建的隐秘新对象上执行函数体里面的语句返回这个新的对象。function People(){ this.name="小米"; this.age=18; this.sex="男";}var xiaoming=new Peo...
2019-05-04 12:56:01
240
zeptojs所需模块集合.rar
2020-04-09
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人