- 博客(21)
- 收藏
- 关注
RSS订阅原创 使用JQuery和bootstrap-select实现世界城市的三级联动（中英互译）
使用JQuery和bootstrap-select实现世界城市的三级联动（中英互译）我们公司是做外贸电商的，需要一个世界城市的三级联动，在网上找好久发现都没有合适的轮子，只能自己写一个使用该轮子需要引用bootstrap-select使用该轮子需要引用JQuery使用该轮子需要引入世界城市的json数据 var worldcountry = Widget.extend({ init: function () { this.total(this); wind
2021-05-17 18:54:16
969
13
原创 PC端如何实现页面引导
最近有个需求想要实现页面引导，让用户知道我们PC端的页面是如何交互的使用Jquery-pagewalkthroung 这个库在jquery 插件需要金币的，我觉得不划算，因为这个项目本身是开源的话不多说直接上代码 效果（点击此链接即可查看）<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>jquery-pagewalkthrough</titl
2021-04-21 17:47:49
932
2
原创 h5页面实现扫码功能
目前在做一个移动端扫码功能，发现市面上h5实现扫码功能的案例很少，quagga.js 已经很久没有维护了，而且识别率低，根本用不了使用webrtc和python 图片识别库实现 h5 页面扫码功能使用getUserMedia 获取媒体流使用video标签播放媒体流使用canvas 将video 截图使用定时器定时发送图片到 后端 Python 识别图片代码 （本代码需要https 协议 getUserMedia（兼容查看） 和本地才能跑通 ）var video = document.qu
2021-04-19 14:17:39
4441
原创 Vue双向绑定原理解析，理解发布订阅难点问题！
Vue双向绑定是面题的难点，之前看了很多视频都没有理解Vue双向绑定发布订阅的问题，终于在b站黑马视频找到讲的比较好的视频了（https://www.bilibili.com/video/BV1Dr4y1c7xS?from=search&seid=1122885673916184117）源码 感兴趣的小伙伴可以去看视频，讲的很清楚了class Vue { constructor(options) { this.$data = options.data; // 调用数据劫持
2021-04-19 09:51:55
117
原创 Git 使用笔记
什么是GitGit 是用来团队协作开发的一个工具，Git是最先进的分布式版本控制系统 （svn是集中式）为什么使用Git因为Git是分布式的版本控制系统，和集中式系统有着很多优势怎么使用Git初始化仓库 git init提交到暂存区 git add .提交到历史区 git commit -m 'tip'查看代码状态 git status连接远程仓库 git remote add origin master 远程仓库地址拉取远程仓库 master 分支 默认的
2021-04-08 17:25:32
84
原创 移动拍照上传图片实现图片压缩
需求手机拍照一般手机需要5m大小的内存上传过程需要流量大，上传时间长的问题，为更好的用户体验需要对图片进行压缩。原理主要是利用上传到文件装为图片，将图片放到canvas中渲染，在到canvas渲染的图片导出base64实现 let fileObj=document.querySelector(input).file[0] function zipImg (fileObj) { const maxHeight = 600; //最大宽度 const m
2021-04-08 17:02:38
182
原创 webpack-dev-server使用报错
报错信息internal/modules/cjs/loader.js:968 throw err; ^Error: Cannot find module 'webpack-cli/bin/config-yargs'Require stack:- C:\Users\Administrator\Desktop\note\webpack01\node_modules\webpack-dev-server\bin\webpack-dev-server.js at Function.Modu
2021-01-07 18:25:10
624
1
原创 前端Vue和React项目 Git 管理常用.gitignore配置
> # 众多无视的扩展*.bak *.patch *.diff *.err # git冲突合并的临时文件*.orig *.log *.rej *.swo *.swp *.zip *.vi *~ *.sass-cache *.tmp.html *.dump #操作系统或编辑器文件夹.DS_Store ._* .cache .project .settings .tmproj *.esproj *.subli
2020-06-24 14:55:43
1788
原创 如何使用iconfont （阿里图标库）
把自己要搜索的字体图标加入项目Unicode 的使用1点击查看在线链接2把代码复制到本地// i标签放置自己图标的unicode码就可以了<i class="iconfont">3</i> font class可以直接用link标签嵌入HTML 里面也可以下载代码放到本地的css文件中使用// iconfont 每个图标都有的 icon-xxx 是不同图标对应的<i class="iconfont icon-xxx"><
2020-06-24 11:26:22
537
原创 parcel打包Vue.js零配置
初始化项目// 安装脚手架$ npm install parcel-vue -g// 初始化$ parcel-vue project $ cd project$ npm install配置vue.js 基本插件vue-routervuexless运行npm run dev打包npm run buildparecl官网https://parceljs.org/getting_started.html中文文档非常好项目地址https://github.c
2020-06-23 14:38:15
227
原创 js正则表达式基础知识
什么是正则1.正则只能用来处理字符串2.处理一般包含两方面：A:验证当前字符串是否符合某个规则 “正则匹配”B:把一个字符串中符合规则的字符获取到 “正则捕获”C:学习正则其实就是在学习如何编写规则，每一个正则都是由修饰符，“元字符””两部分组成创建正则.正则两个斜杠之间包起来的都是“元字符”，斜杠后面出现的都是“修饰符 let reg=/[a-z]/igm //=>字面量方式创建 let reg=new RegExp("[a-z]","igm") //
2020-06-11 10:51:01
145
原创 js for in for of 的区别
区别for…in 循环：只能获得对象的键名，不能获得键值for…in 循环主要是为了遍历对象而生，不适用于遍历数组for…of 循环：允许遍历获得键值for…of 循环可以用来遍历数组、类数组对象，字符串、Set、Map 以及 Generator 对象//对于普通对象，没有部署原生的 iterator 接口，直接使用 for...of 会报错var obj = { 'name': 'lin', 'age': 12 } for(let key of obj) { cons
2020-06-10 17:44:35
259
原创 js面试知识点笔记
ES6的新语法，说出它们和ES5的区别const 是一个常量只允许声明一次不可修改(和let有快级作用域)let不存在变量提升机制（变量不允许在声明之前使用）let不允许重复声明在全局作用域中基于let声明的变量不是window的一个属性，和他没关系typeof 未被声明的变量 =>不是undefined而是报错（暂时性死区）let会形成块级作用域（类似于私有作用域，大部分大括号都会形成块作用域）解构赋值“…” 拓展、剩余、展开运算符ES6中的模板字符串箭头函数和普通函数的区别
2020-06-09 11:15:16
259
原创 React.js基础知识 函数组件和类组件（二）
生命周期 1. 生命周期函数 【调取组件】 constructor 初始化属性状态 componentWillMount 第一次渲染之前 render 渲染 componentDidMount 第一次渲染之后 【组件重新渲染：内部状态改变、传递给组件的属性改变】 状态改变： shouldComponentUpdate =>是否允许组件更新：返回TRUE是允许，返回FALSE则不再继续向下
2020-06-06 16:41:07
308
原创 React.js简单轮播图组件封装
如何使用 /* * imgUrl : 轮播图数据 * speed : 动画时间 * step ：初始轮播图的位置 * width ：轮播图宽 * height ：轮播图高 * autoplay：是否自动轮播 * */render( <div><Banner imgUrl={imgUrl} speed={500} step= {1} width={1170} height={400} interval={2000} autoplay={
2020-06-05 17:22:23
898
原创 初学LeetCode算法题电话号码的字母组合（虽然不难但是做出来还是很爽的）
/** * @param {string} digits * @return {string[]} * 输入："23" * 输出：["ad", "ae", "af", "bd", "be", "bf", "cd", "ce", "cf"]. */var letterCombinations = function (digits) { //存储键盘值 if(digits==""){ return } let code = ["", "1", "a.
2020-05-29 15:59:58
190
原创 取消css事件
div{ pointer-events:none}属性值的意思auto与pointer-events属性未指定时的表现效果相同，对于SVG内容，该值与visiblePainted效果相同none （一般会用到它，其他属性值很小使用）元素永远不会成为鼠标事件的target。但是，当其后代元素的pointer-events属性指定其他值时，鼠标事件可以指向后代元素，在这种情况下，鼠标事件将在捕获或冒泡阶段触发父元素的事件侦听器。visiblePainted只适用于SVG。元素只有在以下情况才
2020-05-21 09:55:02
523
原创 ES6中Promise简单记一下笔记
1.Promise的含义Promise 是异步编程的一种解决方案，和传统的回调函数引发的回调地狱问题，在Promise中得到了很好的解决Promise可以理解为一个容器，里面保存了未来才会结束的事件，（重要）一般是获取发送AJAX通信，获取数据操作事件比较长的异步操作2.Promise的特点对象的状态不受外界影响。Promise对象代表一个异步操作，有三种状态：pending（进行中）、f...
2020-05-19 11:09:29
205
原创 React.js基础知识总结一
React是什么？React是FaceBook（脸书）公司研发的一款JS框架（MVC）React.js怎么运行一般需要使用官方脚手架1、安装 npm i create-react-app -g 安装这个就可以2、使用：creact-react-app myappReactDOM.render(JSX,CONTAINER,CALLBACK)*ReactDOM.render([JSX],[CONTAINER],[CALLBACK])：把JSX元素渲染到页面中JSX：REACT虚拟元素
2020-05-19 11:07:23
461
原创 css易忘知识点换行
1.自动换行p { word-wrap:break-word; word-break:normal;}2.强制不换行div{ white-space:nowrap;}3强制英文单词换行div{ word-break:break-all;}4单行文本不换行多余文本显示省略号 行内元素最好转为inline-blockdiv{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
2020-05-16 10:17:15
141
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人