kiddles-CSDN博客

原创聊聊H5浏览器实现扫一扫

我们开发了一款H5产品，原本是由小程序跳转进入的，结果客户因为域名未备案原因，导致产品无法在移动端使用。继而我们将程序嵌入APP，奈何客户方APP里面居然米有提供扫一扫接口导致产品无法使用。于是自己调研了一下怎样不借助平台自己实现扫一扫功能。找了相当多的资料，结果在某哥的文章中找到了解决方法，点此可看（掘金），在此也谢谢这位大神的文章，让我脱离苦海。接下来我讲下我的实现：我们移动端用的是react第一步引入插件zxingcnpm i -S @zxing/library@0.15.1此处注意

2021-10-14 17:27:20 2945

原创 javacsript创建对象的几种方法

一、传统模式1、工厂模式function createCat (name, age) { let o = new Object(); o.name = name; o.age = age; o.sayHello = function(){ console.log(`Hi,my name is ${this.name}`); } return o;}let sunny = createCat('sunny', 2);sunny.s

2021-09-02 11:21:29 220

原创 vue nextTick 的应用场景及原理

1应用场景1.1在 created 和 mounted 阶段，如果需要操作渲染后的试图，也要使用 nextTick 方法，mounted 不会承诺所有的子组件也都一起被挂载。如果你希望等到整个视图都渲染完毕，可以用 vm.$nextTick 替换掉 mounted1.2在修改数据之后立即使用这个方法，获取更新后的 DOM。2原理2.1vue实现响应式并不是数据发生变化之后 DOM 立即变化，而是按一定的策略进行 DOM 的更新，即vue是异步执行DOM更新的。异步执行的机制：JS 执行.

2021-09-02 09:09:56 1173

原创动画效果-滑入

<bodyid="body"><divid="app"></div></body><style>#app{background-color:red;width:200px;height:200px;animation:bounceInRight2s;}@keyframesbounceInRight{0%{...

2020-07-17 14:27:06 283

原创 vue+webpack配置scss

1、package中添加依赖css-loader【作用：使@import和url()实现require()】style-loader 【作用：使计算后的样式加入页面中】node-sasssass-loader2、webpack配置文件rules中添加 { test: /\.vue$/, loader: 'vue-loader', options: {...

2018-04-25 15:37:51 824

原创 git命令

下载：git clone 地址查看分支列表：git branch -a切换分支：git checkout 分支名提交：git add git commit git push删除本地分支：git branch -D 分支名...

2018-04-25 15:26:19 134

原创 memcache 清缓存

1、telnet开启控制面板-程序和功能-打开或关闭windows功能-勾选“telnet服务器”、“telnet客户端”-确定2、memcache 清缓存命令telnet ip portflush_allquit

2018-04-25 15:19:50 359

原创 sublime快捷键

1、多行编辑ctrl + A 选中所需编辑行ctrl + shift + L 光标插入Home/End 光标插入所选行起始/结束位置

2018-04-20 10:20:38 123

原创 linux 命令

Less 命令less catalina.out翻到最后一页：shift + g 翻到首页：g 匹配：？+ 搜索内容上一个匹配：n下一个匹配：shift + n上一页：b下一页：f上翻：向上箭头下翻：向下箭头退出：qgrep命令过滤信息：grep 过滤信息过滤文件查看进程：ps ef|grep 进程信息tail命令转移日志：tail -number catalina.out > 文...

2017-12-20 17:04:53 127

转载 chrome浏览器的跨域设置——包括版本49前后两种设置

做前后分离的webapp开发的时候，出于一些原因往往需要将浏览器设置成支持跨域的模式，好在chrome浏览器就是支持可跨域的设置，网上也有很多chrome跨域设置教程。但是新版本的chrome浏览器提高了跨域设置的门槛，原来的方法不再适用了。下面笔者简单介绍一下新版本chrome的跨域设置方法。版本号49之前的跨域设置先介绍一下老方法，参考了一些网上的教程，其实直接在打开命令上加--dis

2017-08-15 09:35:55 365

转载 cookie 使用

cookie概述 cookie是浏览器提供的一种机制，它将document 对象的cookie属性提供给JavaScript。可以由JavaScript对其进行控制，而并不是JavaScript本身的性质。cookie是存于用户硬盘的一个文件，这个文件通常对应于一个域名，当浏览器再次访问这个域名时，便使这个cookie可用。因此，cookie可以跨越一个域名下的多个网页，但不能跨越多个域名

2017-07-27 10:34:30 231

转载 npm升级

当我们运行某个项目是会提示> my-first-vue-project@1.0.0 dev C:\Users\ASUS\my-project> node build/dev-server.jsTo use this template, you must update following to modules: npm: 2.15.9 should be >= 3.0.0

2017-05-17 14:00:50 482

原创 grunt搭建自动化的web前端开发环境

首先，下面的操作使用的都是淘宝镜像NPM（全局使用命令：npm install-g cnpm --registry=https://registry.npm.taobao.org即可安装），使用这个的原因是由于NPM的服务器在国外，下载特别慢，使用淘宝NPM下载插件比较快。1、安装NodejsGrunt和所有grunt插件都是基于nodejs来运行的，安装nodejs非常简单，去

2017-05-10 09:12:44 408

原创 HTTP请求动词以及常见状态码

1、常用的HTTP动词有下面五个（括号里是对应的SQL命令）。GET（SELECT）：从服务器取出资源（一项或多项）。POST（CREATE）：在服务器新建一个资源。PUT（UPDATE）：在服务器更新资源（客户端提供改变后的完整资源）。PATCH（UPDATE）：在服务器更新资源（客户端提供改变的属性）。DELETE（DELETE）：从服务器删除资源。2、常见的状态码有以

2017-05-03 13:09:23 1920

原创 web前端应该总结的知识点(1)

作为一个初学者，总结平时的知识点，积累经验必不可少。之前自己太懒，懒得整理，最近静下心来，准备好好学习学习，并把自己开发中遇到的问题，走一个总结。1、HTML与CSS(1)web标准a.结构标准:XHTML和XMLb.表现标准：cssc.行为标准：DOM、ECMAScript(2)浏览器内核差异主要有四大浏览器内核，也就是浏览器的解释引擎，分别是Trident【IE6+

2017-04-27 14:10:06 1057

原创前端学习笔记

1、修改placeholder默认颜色:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #f00; }::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #f00;}input:-ms-input-placeholder,textarea:

2017-03-20 12:41:58 252

sinat_28904949的博客