自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

林中明月间丶

立志不坚,终不济事。

  • 博客(544)
  • 资源 (5)
  • 论坛 (1)
  • 收藏
  • 关注

原创 React 概念基础

render函数里面的 HTML 字符串会根据this.state不同而不同(这里是用了 ES6 的模版字符串,做这种事情很方便)。 新增一个setState函数,这个函数接受一个对象作为参数;它会设置实例的state,然后重新调用一下render方法。 每当setState中构造完新的 DOM 元素以后,就会通过onStateChange告知外部插入新的 DOM 元素,然后删除旧的元素,页面就更新了。class RedBlueButton extends Component ...

2020-10-26 17:51:14 92

转载 【Vue】JS什么是深拷贝,与浅拷贝

区分深拷贝与浅拷贝,简单点来说,就是假设B复制了A,当修改A时,看B是否会发生变化,如果B也跟着变了,说明这是浅拷贝,拿人手短,如果B没变,那就是深拷贝,自食其力。JSON.parse(JSON.stringify(obj))我们一般用来深拷贝,其过程说白了 就是利用JSON.stringify 将js对象序列化(JSON字符串),再使用JSON.parse来反序列化(还原)js对象;序列化的作用是存储(对象本身存储的只是一个地址映射,如果断电,对象将不复存在,因此需将对象的内容转换成字符串的形式再保存

2020-09-17 16:50:26 113

转载 Vue 页面跳转

https://www.jianshu.com/p/c699c4d197devue 跳转页面并传递参数https://blog.csdn.net/weixin_40297452/article/details/90704936<router-link :to="'/index/'+id" tag="li"> //(id是参数) 加tag 就解析成了可以点击的li<...

2019-07-31 16:26:35 3955

原创 vue init webpack 下载依赖卡住不动解决方法

https://blog.csdn.net/qq_38295704/article/details/89737689有时候下载依赖的时候网速不行,这时候我们选择手动下载依赖有时候下载依赖的时候网速不行,这时候我们选择手动下载依赖:选择 No,I will handle that myself 生成完项目之后,再cd进入项目文件夹,然后再npm install 安装即可。 但是如果真的...

2019-07-15 19:54:38 1951 2

原创 Vue 概念基础

https://www.cnblogs.com/happ0/p/8075562.htmlvue 生命周期 详解https://www.cnblogs.com/aimeeblogs/p/9501490.htmlvue 面试题https://www.jb51.net/article/129733.htm vue实现消息的无缝滚动效果的示例代码VUE修改每个页面titleh...

2019-07-11 17:14:23 403

转载 如何运行vue项目\React项目(维护他人的项目)

如何运行vue项目(维护他人的项目)https://www.jianshu.com/p/672c9e59ac38?utm_source=oschina-apphttps://www.jianshu.com/p/5e62d852babc以上是 webpack,v-cli 都装好了,在项目目录下,通过命令“npm install”安装node依赖(安装过程,目录下后生成一个新的文件夹“...

2019-07-09 22:44:46 1189 1

原创 Vue 组件

vue src 文件解析:assets:静态资源:图片 css jscomponents:分离的头部尾部 登录等main.js :入口文件Ap.Vue: 整个入口的组件 根组件.vue:结尾的文件叫做单文件组件,一个文件为一个组件组件文件命名: 文件夹可以小写@ 等价于 /src 这个目录,避免写麻烦又易错的相对路径import User from "@/componen...

2019-06-16 22:19:46 164

转载 dedecms备份和恢复教程,新手必看

dedecms备份和恢复教程,新手必看遇到很多不会安装DEDE的朋友,这个教程一定要看,尤其是DEDE重装的方法:适合很多淘宝购买的网站1、将所有文件上传到服务器;2、删除install目录下的install_lock.txt,删除install文件夹里面 index.html,并将index.php.bak更名为:index.php;3、运行http://你的新网址/install...

2019-06-15 15:42:25 512

转载 微信小程序中 三元表达式

<text class="viewpager-title {{current == 0 ? 'area-selected' : ''}}"<view>{{status==1?"微信小程序":"支付宝小程序"}}</view>style和三元表达式的结合使用 (注意单双引)<view style="display: {{ 条件? 'block...

2019-06-03 22:16:30 7766

原创 微信小程序调用接口 并把数据解构赋值 下拉刷新新增数据

微信小程序数组[{},{}]对象转数组.forEach不可以操作对象0,[],undefine,null,'' 都返回false null == undefined true === falseJSON可以有两种格式一种是对象格式的:{"name":"JSON","address":"北京市西城区","age":25}//JSON的对象格式的字符串另一种是数组对象[...

2019-05-15 22:25:49 1446

转载 微信小程序 父子组件传值通信

微信小程序自定义组件微信小程序 父子组件传值通信//引用自定义组件的页面 page.json{ "usingComponents": { "v-banner": "/components/banner/index", "v-cart": "/components/cart/index" }}<v-banner><v-banner&gt...

2019-04-24 16:26:32 1541

原创 微信小程序textarea 限制字数js

wxss:.refund{ width: 96%; margin: auto; display: flex; flex-direction: column;}.refund .text{ color: #333333; font-size: 28rp...

2019-04-22 17:56:19 755

转载 移动端设置高度 字体大小异常解决方法

转自:https://www.cnblogs.com/Julia-Yuan/p/7811584.html遇到问题:1.做移动端页面,有时在谷歌f12调试时,字体会出现异常放大情况;2.尽管有时在电脑上调试时是正常的,但是在真机测试也会出现字体异常;解决方法:6:给*设置 -webkit-text-size-adjust: none;(omg iphone5出现了很多大...

2019-04-17 09:36:53 808

转载 小程序跳转页面传参的方法及坑

需求:从 index.wxml 页面,跳转到 aaa.wxml 页面方法一:WXML页面实现1.<navigatorurl = "/pages/aaa/aaa">跳转到新页面</navigator>2.<navigatorurl = "/pages/aaa/aaa" open-type = "redirect">跳转到新页面</naviga...

2019-03-30 14:20:09 4226 3

转载 前端提示框插件sweetalert

sweetalert是一款前端提示框插件,使用也非常简单,而且还内置了许多参数,他可以替代alert()本站即采用的该款插件提示,今天把使用方法提供给大家!1、引入JS和CSS文件可以直接进入官网下载然后到头部进入或者直接从CDN引入,需要引用jq<link href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1....

2019-03-28 20:44:56 664 2

转载 Windows10右键添加“在此处打开命令窗口”

转自:https://blog.csdn.net/mooneve/article/details/78821843第一步:新建一个txt文件,命名为OpenCmdHere.txt第二步:在文件中输入如下代码,并保存Windows Registry Editor Version 5.00[HKEY_CLASSES_ROOT\Directory\shell\OpenCmdHere]@...

2019-03-21 22:16:07 114

原创 微信小程序页面弹性布局

主要写给自己看的如果不懂弹性布局 请先看我的这篇弹性盒模型详解/*align-content可能值含义如下(假设主轴为水平方向):      flex-start:左对齐      flex-end:右对齐      center:居中对齐      space- between:两端对齐      space-around:沿轴线均匀分布flex flexible ...

2019-03-19 20:21:00 564

原创 Git 切换分支,拉取分支代码指令操作!!!

git与github的区别:git可以认为是一个软件,能够帮你更好的写程序,github则是一个网站,这个网站可以帮助程序员之间互相交流和学习。git clone to ... 从远程克隆下来到本地git pull origin dev(远程分支名称) 把远程代码拉下来到本地git status 查看状态git add . 全部添加git commit -m '修改日志'...

2019-03-13 20:32:52 117

原创 Css3使元素水平垂直居中

给他父级元素加以下css目标元素就会水平垂直居中了:-webkit-box-pack:center; /*水平方向:start 左 end 右*/-webkit-box-align:center;/*垂直方向:start 左 end 右*/ display: -webkit-box;或者:(父级)display:flex;justify-content:center;...

2019-03-12 08:40:09 171

原创 微信小程序app.json

微信小程序中的每一个页面的【路径+页面名】都需要写在 app.json 的 pages 中,且 pages中的第一个页面是小程序的首页  "pages":[ "pages/index/index",    "pages/logs/logs"    "pages/news/news",//在pages下添加news文件夹以及news文件夹下的一套页面 ...

2019-03-06 21:52:28 257

转载 微信小程序一些常用标签与html的对应关系

小程序中的常用标签也是就是我们常用的这些view(视图容器)、rich-text(富文本)、swiper(滑块视图容器)、icon(图标)、text(文字)、progress(进度条)、button(按钮)、form(表单)、input(输入框)、checkbox(多项选择器)、radio(单项选择器)、picker(列表选择器)、slider(滚动选择器)、switch(开关选择器)、tex...

2019-03-06 21:27:58 6714

转载 box-shadow属性解析

<style>#div { margin: 50px; width: 100px; height: 100px; background: red; /*box-shadow: 0px 0px 20px 0px #ff0000; /*四周阴影*/}/* 阴影/*box-shadow:[inset] x y blur [spread] colorinset投影...

2019-02-28 17:21:48 1042

原创 微信小程序概念知识点

微信小程序取值:this.data.val = '';vue.js: this.val = ''; 没有data;background:url('base64') 不生效 试试background-image:url('base64') 不加no-repeat center微信for循环:https://developers.weixin.qq.com/miniprogram/dev/...

2019-02-27 17:11:49 470

转载 Vue 实现tab切换

https://www.jb51.net/article/166102.htmhttps://segmentfault.com/q/1010000012863019/v-bind 三元:<h2 :class="off ? 'red':'green'">三元表达式</h2><!--这里是html结构--><div id="app">...

2019-01-15 22:07:40 843

转载 jq animate动画详解

// animate():第一个参数:{width:200} 运动的值和属性// 第二个-时间:默认400ms{},1000//第三个-运动形式-两种:1.默认:swing(慢快慢) 2.linear(匀速)//第四个-回调函数//$(this).animate({width:"300px",height:"300px"},2000,'linear',function(){alert(12...

2018-08-21 15:55:18 2390

原创 织梦dedecms PC移动端同一后台

最近花了几天时间研究了一下关于织梦统一后台的功能。百度了许多方法都不灵验。在自己尝试了几种方法后,目前这种可行。两个参考链接:https://blog.csdn.net/linhui03/article/details/78536485   ||  https://www.jb51.net/cms/491933.html首先前提是:在已经做好的PC端上增加手机端1,把移动端的css...

2018-08-13 13:49:59 7590

原创 移动端布局js动态计算rem

推荐一篇文章:https://segmentfault.com/a/1190000012225828?utm_source=tag-newest适用Vue 移动端<script> (function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orient...

2018-06-24 22:41:58 595

原创 如何在一个页面用多个swiper插件

百度搜索的答案也存在bug,结合别人的经验下面是我自己的总结html代码:&lt;!-- Swiper --&gt; &lt;div class="swiper-container swiper1"&gt; &lt;!--自定义新增class:swiper1 js代码中使用类名--&gt; &lt;div class="swiper-wrapper"&gt; ...

2018-06-01 15:14:01 13958 2

原创 页面响应式布局方法

先写好页面,头部加:<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />再在浏览器 iphone6模式下修改样式@media all and (max-device-wid...

2018-05-28 12:07:55 430

原创 js ajax原理,获取数据实例

<body> <div id="div"><h2>使用 AJAX 修改该文本内容</h2></div> <button type="button" onclick="sAjax()">修改内容</button> <script type="text/javascript"> function ...

2018-05-22 11:45:33 1900

原创 js、jq点击返回顶部

&lt;div id="return" style="display: block;"&gt; &lt;a href="" onclick="document.documentElement.scrollTop=document.body.scrollTop=0;return false;"&gt; &lt;img src="./images/return.gif&quo

2018-05-18 10:56:32 2186

原创 Jquery跳转页面后的导航栏添加选中后样式

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><met...

2018-05-17 20:00:19 2903 1

原创 清除浮动BFC、div随子元素高度增加而改变

因为高度塌陷所以需要清除浮动:元素脱离了文档流满足下列条件之一就可触发BFC  【1】根元素,即HTML元素  【2】float的值不为none  【3】overflow的值不为visible  【4】display的值为inline-block、table-cell、table-caption  【5】position的值为absolute或fixed/*解决:清除...

2018-05-15 16:23:27 240

原创 css3 transform 属性

transition 与 transform 属性、用法、区别transition:1s;(写在目标元素中)transition: width 2s linear 200ms,background 2s linear 200ms;那个属性需要过渡写那个/*代表持续时间为1s,延迟时间为2s*/ transition: 1s 2s;通过这四个子属性的配合来完成一个完整的过渡效...

2018-04-26 15:25:22 643

原创 移动端手势滑动的无缝轮播图(右向左移动)

原生js实现简单移动端轮播图<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="view...

2018-04-25 12:35:46 2877

原创 jq 购物车弹出层

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> &lt...

2018-04-19 09:56:22 883 1

原创 Css3概念知识点

当元素没有定义宽度高度 就可以给它写 max-width、max-height引用线上css:@import url(http://fonts.useso.com/css?family=Ubuntu); <linkhref='http://fonts.useso.com/css?family=Ubuntu'rel='stylesheet'type='text/css'&...

2018-04-14 15:11:20 515

原创 Css3弹性盒模型详解

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta ...

2018-04-14 14:00:49 566

原创 css3属性选择器,css中“~”(波浪号)、“,”(逗号)、“+”(加号)和(大于号)详解

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;&lt;head&gt;&lt;meta

2018-04-12 15:37:10 211

原创 原生js、jq切换选项卡

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Document&lt;/title&gt;&lt;/head&gt;&lt;style&gt; ul,li{ list-sty

2018-04-10 16:02:08 284

vue axios封装 axios 请求

vue axios封装 axios 请求

2020-03-27

jQuery插件实现图片展开效果,jquery.gallery。仿腾讯QQ空间说说图片展示效果。.html

jQuery插件实现图片展开效果,jquery.gallery。仿腾讯QQ空间说说图片展示效果。

2020-04-01

spin.min.js

spin.min.js 用于网页或者手机端的Loading动画的加载,用户体验好

2019-03-28

手机浏览器百度地图api定位

调用百度地图接口 可供开发者使用 资源非常得不错 希望能帮到你

2018-01-25

js大转盘抽奖

js大转盘抽奖 代码可以直接在手机端 开发调用 想用的小伙伴快快下载吧

2018-01-25

loverxy丶Du的留言板

发表于 2020-01-02 最后回复 2020-03-23

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除