- 博客(236)
- 资源 (1)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 vue开发小技巧(持续更新)
1、引入不同的组件库 按需加载时需要用vue.use() 1. 以前的写法import VeeValidate from 'vee-validate'; // 表单验证import { Button, Lazyload, Popup,Toast } from 'vant';Vue.use(VeeValidate);Vue.use(Button);Vue.use(Lazyload); //图片懒加载Vue.use(Popup);Vue.use(Toast); 2. 优化 ...
2020-08-21 15:36:57
286
原创 nodejs socket实现简单的文字聊天记录2
目录如下从上到下分别是node聊天服务,客户端代码,websocket封装类代码文件如下1.chatServer.jslet ws = require("nodejs-websocket");process.stdin.setEncoding("utf8");console.log("开始建立连接...");let userObj = {};let server = ws .createServer(function (conn) { conn.on("tex.
2022-04-13 18:38:41
516
原创 1、nodejs实现一个简单的聊天
部分代码如下chatServer.js文件let ws = require("nodejs-websocket");process.stdin.setEncoding("utf8");console.log("开始建立连接...");let userObj = {};let server = ws .createServer(function (conn) { conn.on("text", function (str) { let newStr = eval("(
2022-04-01 09:21:47
692
原创 14、对象新增方法
1.Object.is()它用来比较两个值是否严格相等,与严格比较运算符(===)的行为基本一致。 Object.is('foo', 'foo') // true Object.is({}, {}) // false Object.is(+0, -0) // false Object.is(NaN, NaN) // true2.Object.assign()方法用于对象的合并,将源对象(source)的所有可枚举属性,复制到目标对象(target)。用途可以初始化对象、
2021-11-02 17:45:49
103
原创 13、对象的遍历
1.对象的可枚举性 // Object.getOwnPropertyDescriptor方法可以获取该属性的描述对象。 let obj = { foo: 123 }; Object.getOwnPropertyDescriptor(obj, 'foo') // { // value: 123, // writable: true, // enumerable: true,
2021-11-02 17:40:09
262
原创 12、对象的扩展
1.对象的简写 let value = 12; //以前的对象赋值 let obj = { value: value, method: function () { return "Hello!"; } } // 现在 let obj1 = { value, //属性简写 method() { //方法的简写 return "
2021-11-02 16:00:38
104
原创 flex布局下的一些样式问题记录
问题一:flex布局下的子元素没法根据自身的高度自适应下面这个布局,我希望子div能够垂直方向两端布局,但是box能够根据自身的div宽度自适应以下面的方式布局结果发现宽度自己变成了100%<div className="wrap"> <div className="box">dsss</div> <div className="box2">fffffg</div></div>.wrap {
2021-09-29 10:20:05
227
原创 swiper轮播(中间大两边小滚动有过渡效果)
代码示例://css// @charset "utf-8";#certify { position: relative; width: 471px; height: 441px; margin-left: 35px; // width: 1200px; // margin: 0 auto}#certify .swiper-container { padding-top: 40px}#certify .swiper-slide ..
2021-01-23 13:55:02
1985
原创 分享到foocebook、twitter、pinterest功能
参考官方api :foocebookhttps://developers.facebook.com/docs/sharing/webmasters#markuptwittertwitter https://developer.twitter.com/en/docs/twitter-for-websites/cards/guides/getting-startedpinterestpinterest https://developers.pinterest.com/docs/w...
2020-09-23 17:39:36
609
原创 为本地配置多个ssh (github gitlab 码云)
需求由于可能你在不同的平台上都有自己的仓库,并且账号都不同,这个时候你配置全局的用户名密码就不行,只能针对不同的平台配置不同的key值如果你几个平台用的账号都是一样的 那你可以只生成一个key文件复制到不同的平台也是可以的1、生成不同的ssh_key在对应的文件下面生成不同的key文件,生成的过程中会提示让你定义一个密码,之后拉取代码的时候会用到C:/Users/candy/.ssh 目录是存放ssh_key的文件夹 candy是电脑设置的一个用户名 根据自己电脑的名称更改就行...
2020-06-24 11:42:16
750
原创 react antd-mobile按需加载
1、安装 npm install babel-plugin-import --save2、配置方法一:直接更改package.json里的babel//package.json "babel": { "presets": ["react-app"], "plugins": [ ["import", { "libraryName": "antd-m...
2020-03-21 13:58:29
809
2
原创 vue-computed利用闭包传值转换数据
比方str的数据传唤成zz这个样子定义一个计算属性computed: { resList() { return function(realstr) { if (realstr) { let res = realstr.substring(0, realstr.length - 1); let arr1 ...
2020-01-15 16:52:12
1173
原创 15、ES6类和继承基础用法
es5构造函数写法第一种写法function PerSon(name, age) { this.name = name; this.age = age; this.showName=function(){ return `名字为:${this.name}` } this.showAg...
2019-12-16 17:32:22
339
1
原创 ES6(Module模块化笔记)
在ES6之前,社区规定了一套模块规范Commonjs 主要服务器nodejs require('http') AMD requirejs CMD seajs模块化 (ps注意:需要放到服务器环境)如何定义模块export 东西 ----------------------export const name='唐微'如何使用...
2019-12-16 11:18:26
320
原创 vue input上传视频以及图片
图片示例主要代码1、把图片视频转成本地的地址在页面显示 getObjectURL(file) { var url = null; // 下面函数执行的效果是一样的,只是需要针对不同的浏览器执行不同的 js 函数而已 if (window.createObjectURL != undefined) { // basic ...
2019-12-05 13:45:05
2590
原创 11、ES6笔记之箭头函数this指向问题
拿两个案例看下区别案例一var count = 12; let show = { count: 1, fun: function () { console.log(this) //show console.log(this.count); //1 setTimeo...
2019-12-04 14:59:25
213
原创 移动端触摸(touch)事件
Touch 事件首先 touch 包含三类事件,它们分别是:touchstart、touchmove、touchend 。望文生义这种本能相信你应该会有,但在这里我还是有必需对这三个词进行一翻不必要的解释。touchstart:手指触摸到一个 DOM 元素时触发。touchmove:手指在一个 DOM 元素上滑动时触发。touchend:手指从一个 DOM 元素上移开时触...
2019-12-04 14:19:07
474
原创 关于input禁止输入中文、只允许输入正整数的用法
1、只允许输入正整数vue写法<p> <span>只允许输入正整数</span> <input type="text" placeholder="输入正整数" @keyup="number=number.replace(/^(0+)|[^\d]+/g,''...
2019-11-20 10:44:52
652
原创 多级复选框实现vue
HTML部分<template> <div class="Multistage_check"> 多级复选 <input class="checkbox" type="checkbox" v-model="allCheack" @change="selAll(list)" /> <span>选择全部</span...
2019-11-19 14:16:42
1924
2
原创 类似于课程表切换上下周的日历
如下图周数算法是从这个月第一个周一开始算第一周开始<template> <div class="calendar1"> <p>第一个日历</p> <div> <p> <span>总共{{week_counts}}周</span> ...
2019-11-09 15:53:15
571
原创 关于日历里的相关操作(长期更新)
1、根据年月获取该月的天数 /* 1、根据年月获取该月的天数 getdays(2019, 11) year 年份----2019 month 月份----06 or 6 */ function getdays(year, month) { return new Date(year, month, 0).getDate(...
2019-11-06 15:18:15
471
原创 Promise的用法
Promise作用:解决异步回调的问题<script> { let a = 11; let promise = new Promise(function (resolve, reject) { //resolve 成功调用 reject失败调用 if (a == 10) { ...
2019-10-30 16:09:23
272
原创 6、数组里新增的属性
1、Array.of把一组值转成数组 // Array.of 把一组值转成数组 let arr = Array.of('111', '222', '333'); console.log(arr)2、arr.find找到的是第一个符合条件的数组成员如果没有找到返回undefined { let arr = [23, 90, 101, 80,...
2019-10-30 14:48:42
371
原创 7、把伪数组转成真数组
伪数组:个人观点是只要有length属性的对象实例 <ul> <li>111</li> <li>222</li> <li>333</li> <li>444</li> </ul>伪数组转真数...
2019-10-30 14:37:55
266
原创 js对象的深拷贝
原始值和引用值在 ECMAScript 中,变量可以存在两种类型的值,即原始值和引用值。原始值存储在栈(stack)中的简单数据段,也就是说,它们的值直接存储在变量访问的位置。引用值存储在堆(heap)中的对象,也就是说,存储在变量处的值是一个指针(point),指向存储对象的内存处。原始值 ------不会互相影响 var a = 3; var b = a;...
2019-10-22 09:33:47
262
原创 微信公众号调取扫一扫功能
1、先获取扫一扫信息进行授权 // 扫一扫获取授权 author_WX() { let url=window.location.href.split("#")[0]; //正确 //调取后台接口 获取wx.config的配置信息 getWeix({ url: url, }).the...
2019-10-19 16:41:45
5052
1
原创 测试数组循环的一些方法是否可以跳出循环
想要数据大于3的时候断出循环let arr = [1, 2, 3, 4, 5];不能跳出循环的方法 // 1.forEach():代替普通的for循环 执行结果全部可以打印 { arr.forEach(function (val, index, arr) { if (val > 3) { ...
2019-10-16 17:47:35
699
原创 vue混入的用法
定义minxin//minxin.jsvar myMixin = { data: function () { return { message: 'hello', foo: 'abc' } }, created: function () { console.log('混入对象的钩子被调用') }, methods...
2019-09-26 09:20:59
619
原创 vue实现九宫格抽奖游戏
效果图如下页面代码如下由于原点以及图片的位置都是动态的渲染进去的,这部分代码也不细说了主要是要计算好每个图片以及原点的偏移位置,找到规律<template> <div class="Sudoku" v-wechat-title="$route.meta.title"> <div class="container-out"> ...
2019-09-25 10:10:28
1629
原创 vue实现大转盘抽奖
效果图如下中奖提示代码如下<template> <div class="dial" v-wechat-title="$route.meta.title"> <div class="times">抽奖次数{{LuckyClick}}</div> <!-- 转盘包裹 --> <...
2019-09-24 17:31:45
11991
13
原创 vue动态的更改数组的值视图更新
1.通过7个特定的api方法来实现push pop shift unshift splice sort reverse如果我们想要实现上面说的效果就 这样写:vm.list.splice(2,1,5) //意思是把list这个数组的坐标为二的值开始,删除1个,然后添加一个52.通过改变对象地址的方法来实现说白了就是 vm.list=[1,5,3,4]...
2019-09-24 09:40:02
1773
原创 Vue关于 keep-alive的一些用法以及采坑记录
<keep-alive> 可以对不同的组件进行缓存 keep-alive是Vue提供的一个抽象组件,用来对组件进行缓存,从而节省性能,由于是一 个抽象组件,所以在页面渲染完毕后不会被渲染成一个DOM元素<keep-alive>生命周期 activated:页面第一次进入的时候,钩子触发的顺序是created->mo...
2019-09-19 22:42:54
5390
原创 node学习之cookie与session
cookie---------保存游览器的一些数据,并且每次向服务器发送请求的时候都会带到后台,用户可以非常轻松的更改cookie,非常不安全,有限制(4k)session--------保存数据用的,保存在服务器端,相对比较安全,无限的;session不可能独立存在,它是基于cookie实现的,cookie中会有一个session的id,服务器利用sessionid找到session文件...
2019-09-12 11:04:44
220
原创 Node学习笔记之第六课实现一个简单的登录注册接口
笔记首先定义接口接口名称:/user请求参数:act=reg&username=aaa&pass=123456 act的值区分是注册还是登录 username是用户名 pass是密码返回值 {'ok':false,'msg':'原因'}需求是这样的先说注册1.输入用户名跟密码提交注册时后台判断该用户...
2019-09-03 13:26:16
556
原创 微信小程序用Promise封装请求,统一管理接口
第一步先在util文件夹下面新建一个如下的目录1、url.js里面保存的是正式服测试服的域名,也可以添加其他的一些项目中会使用的域名信息2、ajax.js里是用promise封装的网络请求3、api.js里是用来统一管理页面中的接口主要代码如下url.js// let mainUrl = 'https://xxx' //正式服let mainUrl =...
2019-08-30 09:22:10
3145
9
原创 微信小程序button设置了open-type="share"的按钮如何禁止向上冒泡
定义一个空的事件catchtap="share"<button class='share' open-type="share" catchtap="share">js share:function(){ console.log('禁止冒泡') },
2019-08-29 10:03:19
2795
原创 如何在微信小程序中使用字体图标
小程序中经常会使用到图标,由于小程序限制大小,图标使用太多比较占内存,考虑到使用字体图标会比较省内存字体图标选用的是阿里巴巴矢量图标库使用步骤如下1.选择想要的图标加入购物车2.点击购物车图标会弹出一个侧边栏,点击里面的添加至项目3.选择Font class按钮, 右击下面的链接会有一个转到xxx.css的文件,复制里面的内容4.小程序中使用...
2019-08-28 14:13:04
299
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人