幽幽靖-CSDN博客

原创 vue项目准备学习相关文章 devtools安装、创建vue-cli项目、rem的配置、axios封装、beforeEnter使用、公用头尾控制部分页面显示隐藏、基础笔记、图片上传、导航栏置顶

谷歌浏览器chrome的vuejs devtools 插件的安装：https://www.cnblogs.com/alice-fee/p/8038367.html【教程】Chrome 浏览器安装Vue插件方法 (十分详细)：https://www.cnblogs.com/wbl001/p/11063613.html可视化创建vue-cli项目：https://blog.csdn.net/ws1...

2020-03-01 17:48:25 160

原创 vue swiper vue-awesome-swiper 之 slideTo 用法

问题：在事件回调中，我们需要获取vue页面data中的数据，而此时的this指向当前swiper对象，并不指向vue对象；解决办法：1.安装swiper，执行 npm install vue-awesome-swiper --save 命令npm install vue-awesome-swiper --save//cnpm install vue-awesome-swiper --sa...

2019-11-22 18:03:29 9617 5

原创 html css (wap) 网页基础配置

wap:<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, viewport-fit=cover">例：<!DOCTYPE html><html lang="en">...

2019-11-22 17:29:22 803

原创可视化创建vue-cli项目

今天来尝试一下可视化创建vue-cli项目吧。。cmd 右键以管理员身份运行：输入命令：vue ui1.2.创建 -> 选择项目地址 -> 点在此创建新项目3.4.手动 -> 下一步 -> 选择需要用的 -> 下一步5.创建项目...

2019-08-21 14:05:50 4617

原创 VUE学习笔记

vue学习笔记追加新数组：push() pop() shift() unshift() splice() sort() reverse()Vue.set(vm.newsList,7,{title:‘123’,new:true,id:7})vm.$set(vm.newsList,8,{title:‘这是第八个’,new:false,id:1})vm.newsList.sp...

2019-08-08 16:21:12 175

原创微信小程序之短连接分享转发点击短连接就可以直接打开小程序某个页面

微信小程序之短连接分享转发点击短连接就可以直接打开小程序某个页面

2022-10-14 14:42:38 12390 1

原创微信小程序之子页面动态修改导航栏标题文字内容

在实际的项目开发中，一般我们页面导航栏的标题文字都不是固定的，而是根据场景需要动态设置的，这个如何实现呢。微信官方提供的方法如下：1.设置动态的onLoad: function (options) {wx.setNavigationBarTitle({ title: options.name }) // options.name表示上个页面传过来的文字},2.直接设置onLoad: function (options) {wx.setNavigationBarTitle({ ti.

2022-05-04 17:39:02 1795

原创微信小程序之绝对路径、相对路径、返回到某个页面抛弃../../

**1、绝对路径、相对路径**小程序写了好久了还停留在图片…/…/时代真是out了。。。抛弃…/…/ 直接写 /images 就OK了！“./”：代表目前所在的路径“…/”：代表上一层路径“/”开头，代码根目录（绝对路径）绝对路径可以在登录过滤中使用，token过期后跳转到登录页面**2、返回到某个页面**/** * 关闭到某个页面 */ goback(pageRoute ) { let index getCurrentPages().find((

2022-04-26 09:48:18 4947

原创 jquery之锚点定位和jquery模拟锚点定位效果，页面滚动到相对应的位置时，所在的导航文字高亮显示

1.常见的锚点定位效果：<a name="print"></a><div id="print">或<a href="#print"></a><div id="print">这种方法，如果网页中有顶部固定导航栏，那么常见的锚点定位就会被遮住了一部分，很难用样式弥补。于是可以考虑第二种方法 js模拟锚点跳转效果2.js模拟

2022-04-22 18:01:52 2210

原创 css——宽度不固定，水平居中

宽度不固定，水平居中<div id="box"> <div id="inner">11111111111111111111</div></div>1.相对定位： #box{position:relative; left:50%; float:left;} #inner{position:relative; left:-50%;}需考虑浮动带来的问题2.利用diplay:table来解决：#box{ display:table;

2022-04-04 19:22:45 405

原创锚点定位——如何设置锚点居页面顶部距离，锚点定位并距离顶部一定偏移

锚点是网页制作中超级链接的一种，又叫命名锚记。命名锚记像一个迅速定位器一样是一种页面内的超级链接，运用相当普遍。使用命名锚记可以在文档中设置标记，这些标记通常放在文档的特定主题处或顶部。然后可以创建到这些命名锚记的链接，这些链接可快速将访问者带到指定位置。创建到命名锚记的链接的过程分为两步。首先，创建命名锚记，然后创建到该命名锚记的链接。1.普通锚点<a href="#aboutmao" >锚点链接</a>...<div id="aboutmao">锚点

2022-04-01 19:20:50 3892 1

原创欢迎使用Markdown编辑器

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！这是你第一次使用 Markdown编辑器所展示的欢迎页。如果你想学习如何使用Mar

2022-04-01 19:05:40 88

原创关于研究 vue-cli3 + electron vue项目打包成桌面客户端相关文章链接

Electron+vue的使用这个文章讲的操作步骤很详细【已验证】vue-cli3 + electron项目打包成桌面客户端有代码展示，未操作，还待研究最后问题？桌面客户端不是 .exe 吗怎么搞 .exe 谁能告诉我???...

2022-02-28 15:26:52 441

原创 20220222回归职场

**我回来啦！**20220222 在这个美好的日子，我又重回职场了！2021年元旦过后，2021年1月7号这天，公司因为疫情原因提前放假了，并通知我年后不用来了，网站这边没有活了。。正巧，这天早晨我发现自己怀孕了！由于生存和技术原因，我离开了北京，选择了家附近的一个每周966没社保的河北小公司，被辞当然也不会有什么赔偿，就算上班休产假期间也只能自己交社保拿个最低的生育津贴而已。。告他？打官司？算了，那么复杂的东西不知道怎么搞。。懒得计较了。。本来打算年后厚着脸皮继续来公司的，但怀孕因素导致

2022-02-28 13:35:50 106

原创微信小程序之点击取消，返回上页，修改上页的参数值，let pages=getCurrentPages() let prevPage=pages[pages.length - 2] // 上一页的数据

实现功能：个人中心：待追访列表：待追访详情页：1.其他页面返回个人中心页，需重新获取数据，更新页面内容；2.待追访详情页，填写追访后，点返回，回到待追访列表，重新获取数据，更新待追访列表数据。代码实现：1.个人中心页：<view class="iconbox" bindtap="daizhuifang"> <image class="iconimg" mode="widthFix" src="../../images/kehuxitong/xsicon04.png

2020-12-17 11:18:47 1417

原创 js获取链接？后边的参数名称或者值，根据url ？后的参数做判断

var url = location.search; //获取url中"?"符后的字串，包括？ console.log(url); function GetRequest() { var url = location.search; //获取url中"?"符后的字串 var theRequest = new Object(); if(url.indexOf("?") != -1) { var str = url.substr(1);.

2020-12-12 11:20:40 663

原创特效案例收集：鼠标星球小尾巴

**1.鼠标星球小尾巴：https://blog.csdn.net/weixin_44864260/article/details/110401301**

2020-12-02 14:48:50 388

原创 JavaScript中的数组方法总结、

JavaScript1.JavaScript中的数组方法总结

2020-12-01 14:40:27 109

原创服务器常见错误代码总结

一：500错误1、500 Internal Server Error 内部服务错误：顾名思义500错误一般是服务器遇到意外情况，而无法完成请求。2、500出错的可能性：a、编程语言语法错误，web脚本错误b、并发高时，因为系统资源限制，而不能打开过多的文件3、一般解决思路：a、查看nginx、php的错误日志文件，从而看出端倪b、如果是too many open files，修改nginx的worker_rlimit_nofile参数，使用ulimit查看系统打开文件限制，修改/etc/sec

2020-11-30 15:35:29 5024

原创微信小程序之 js 时间戳/1000 转换秒，六个小时后，一天后，本周五选项计算时间

1、js取当前时间的秒级时间戳parseInt(new Date().getTime()/1000);, //或Date.parse(new Date())/1000;2、将当前日期转换为时间戳。(1)、当前时间的时间戳var now = new Date();console.log(now.getTime()) //当前时间的时间戳// 将当前日期转换为时间戳，getTime()方法可返回距1970年1月1日之间的毫秒数。//也可以使用 +now ，该效果等同于now.getTim

2020-10-21 17:12:59 2516

原创微信小程序之改变数组中某值，对象中某值的方法

1、更改数组中的值paraList: [ {txt:'123',chose:false}, {txt:'1234',chose:false}]let choseChange = "paraList[" + index + "].chose"this.setData({ [choseChange]: true})注意：选定数组的字符串不用写 this.data. !!!可以改变数组中某一个特定下标的值2、更改对象中的值navbarData: { isfixed: false

2020-09-17 14:24:23 1067

原创 css 之table td 内容超出 ... 显示，不撑开td ，不换行，... 显示样式方法

.conlistbox { position: relative; width: 100%; font-size: 14px; line-height: 40px; color: #333; table-layout: fixed; // 这里是重点！！} th, td { width: 100px; height: 40px; padding: 0 5px; box-sizing: bord

2020-09-06 17:46:31 2356

原创 vue项目之打包txt文件到根目录，百度小程序H5站点关联操作方法

H5站点关联管理若小程序希望替换搜索中已有H5站点资源，需要先进行H5站点关联。1.2.3.4.{ path: "/bd_mapp_domaincer_21829225.txt", name: "baidubd", component: () => import ("../public/bd_mapp_domaincer_21829225.txt"), meta: { title: "房产网_新楼盘_房价-喜欢房",

2020-09-06 10:06:38 1595 1

原创 jquery 之简单好用的分页插件的使用方法 jQuery分页插件pageGroup.js

实现效果：实现方法：1.先下载 pageGroup.js 引入到页面中；（jquery 也是必不可少的！）我把代码放这里吧：function pageGroup(pageNum,pageCount){switch(pageNum){case 1:page_icon(1,5,0);break;case 2:page_icon(1,5,1);break;case pageCount-1:page_icon(pageCount-4,pageCount,3);break;case pageCount:pa

2020-09-02 17:15:14 1767

原创百度小程序之rich-text 富文本踩坑指南，rich-text 富文本渲染图片尺寸样式修改；

<view class="rich-text">  <rich-text nodes="{{post_content}}" image-menu-prevent="true"></rich-text> <!-- 基础库 3.150.1 及以后版本，selectable 属性默认为 true，期望文本不可被

2020-08-21 14:55:14 2018 1

原创 VS Code如何设置中文环境

安装插件后关掉重启一下就OK了！！！安装插件后关掉重启一下就OK了！！！安装插件后关掉重启一下就OK了！！！

2020-08-02 11:57:47 163

原创 jquery插件 selectMultip插件实现select下拉框多选功能效果，选中选项逗号分隔显示

效果图：这个博客描述的非常好，我就不复制粘贴了网址如下：转载地址：https://blog.csdn.net/bokestudy/article/details/90177144效果演示地址：http://langligelanglanglang.gitee.io/a_js_game__only_one_html_page/multselect.html...

2020-07-31 17:02:14 964

原创微信小程序之上拉加载更多效果 scroll-view bindscrolltolower=“nextDataPage“ 方法

html<scroll-view class="newhouseinfo" scroll-y="{{true}}" bindscrolltolower="nextDataPage" bindscroll="onPageScroll" style="height:{{bodyH}}px"> <view class="picbox">  </view></scroll-view>css.newhou

2020-07-22 17:23:18 390 1

原创微信小程序之 wx.request 封装 ajax加载数据封装案例

微信小程序之 wx.requestpages 同级创建文件夹 utils；2.utils 文件夹中创建 requst 文件夹；3.requst 中创建文件 ajax.js api.js url.js4.ajax.js// Promise封装请求 options是一个对象里面的属性有url, data, method, load//url 对应请求路径 data对象请求的参数 method对应请求方法 load对应是否显示加载中 1显示 0不显示function

2020-07-17 11:47:14 375

原创 css 之 :nth-child 选择元素！奇偶数、第n个开始的直到最后、第1个到第n个、第n个到第n个

一、选择列表中的偶数标签 :nth-child(2n)二、选择列表中的奇数标签 :nth-child(2n-1)三、选择从第6个开始的，直到最后:nth-child(n+6)四、选择第1个到第6个 :nth-child(-n+6)一、两者结合使用，可以限制选择某一个范围，选择第6个到第9个 :nth-child(n+6):nth-child(-n+9)参考链接：http://www.mamicode.com/info-detail-3024142.html...

2020-07-09 15:57:04 12313

原创微信小程序之时间选择、switch开闭按钮、picker下拉选择框

效果图：代码：html:<view class="khinputbox"> <view class="jibeninfo"> <view class="jibentit">客户来访</view> </view> <view class="yilaifang"> <view class="yilaitit"> <view&gt

2020-06-17 16:07:20 513

原创微信小程序之滑块效果、slider用法

效果图：  <view class="selconbox"> <view class="seltit">购买力</view> <view class="progressbox"> <view class="zijintit" wx:if="{{price == 0}}">未知</view> <view cl

2020-06-17 15:22:31 3286

原创微信小程序之标签多选效果，取消多选，wxs判断是否包含元素，标签添加删除

效果图： <wxs module="m1"> var baohan = function(loupanlistact,index) { var boo; var index = loupanlistact.indexOf(index) if (index <0){ boo = false; }else{ boo = true;

2020-06-17 14:44:17 1119

原创微信小程序之性别单选效果

效果图：代码：html: <view class="inputbox"> <view class="inptxt">性别</view> <view class="inpbox"> <radio-group bindchange="radioChange" class="inp radiogroup"> <view class="radiobox" wx:for

2020-06-17 11:46:49 8872 2

原创小程序路由 & 分包 & 预加载

链接分享：小程序路由 & 分包 & 预加载：https://blog.csdn.net/mChales_Liu/article/details/98769831

2020-06-04 10:28:20 424

原创微信小程序设置input只能输入数字 text-文本输入键盘 number-数字输入键盘 idcard-身份证输入键盘 digit-带小数点的数字键盘

type 的合法值text - 文本输入键盘 number - 数字输入键盘 idcard - 身份证输入键盘 digit - 带小数点的数字键盘confirm-type 设置键盘右下角按钮的文字，仅在type='text’时生效send - 右下角按钮为“发送” search - 右下角按钮为“搜索” next - 右下角按钮为“下一个” go - 右下角按钮为“前往” done - 右下角按钮为“完成”其他相关文章：微信小程序 - 设置input只能输入数字:https:/

2020-05-31 10:23:57 8100

原创微信小程序之手机号添加、拨号、验证手机号或座机号等功能

效果图：实现功能：1.填写正确的手机号后，出现添加手机号图标，最多添加五个手机号；2.可点击拨号图标拨号；// addtelinp addtelarr: function (e) { let index = e.currentTarget.dataset.index; let telnum = e.detail.value; var isPhone = /^([0-9]{3,4})?[0-9]{7,8}$/; var isMob = /^1[345789][0

2020-05-27 15:18:52 2876

原创微信小程序版本自动更新

知识点1: 当用户点击左上角关闭，或者按了设备Home 键离开微信，小程序并没有直接销毁，而是进入了后台；当再次进入微信或再次打开小程序，又会从后台进入前台，只有当小程序进入后台一定时间，或者系统资源占用过高，才会被真正的销毁。知识点2: 小程序的启动分为"冷启动" 和 “热启动”.热启动是指: 小程序打开后，在一段时间内（目前：5分钟）再次被打开，此时会将后台的小程序切换到前台。冷启动是指: 小程序首次打开或销毁后再次被打开知识点3: 更新版本冷启动时, 如果发现有新版本，将会异步下载新版本的

2020-05-27 09:36:24 358

原创微信小程序身份证号码验证 15/18位身份证号码验证的正则表达式总结（详细版）

前言开发过程中，常常需要对一些输入信息进行有效性验证，使用正则表达式进行校验是最简单、效率最高的方式了，下面就来看看15/18位身份证号码验证的正则表达式吧。介绍xxxxxx yyyy MM dd 375 0 十八位xxxxxx yy MM dd 75 0 十五位地区： [1-9]\d{5}年的前两位： (18|19|([23]\d)) 1800-2399年的后两位： \d{2}月份： ((0[1-9])|(10|11|12))天数： (([

2020-05-26 09:41:01 5077 1

原创微信小程序之监听页面滚动事件，元素隐藏效果

微信小程序之监听页面滚动事件，元素隐藏效果HTML<scroll-view class="container scrollview" style="height:{{bodyH}}px" scroll-y="{{true}}" bindscrolltolower="nextDataPage" bindscroll="onPageScroll"> //...

2020-05-02 11:22:14 2763