随笔分类 -  web-js

1 2 下一页

js
IOS 和Android H5 打开摄像头拍照 使用navigator.MediaDevices.getUserMedia() 拍照
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2022-08-29 15:54 myYouth 阅读(3420) 评论(0) 推荐(0)

js 校验是不是数字
摘要:因为parseFloat的解析是纯字符串解析,没有类型转换,所以不会将null、true、false、''当成数值。 !isNaN(parseFloat(null)) && isFinite(null); // false !isNaN(parseFloat(true)) && isFinite(t 阅读全文

posted @ 2022-07-05 10:28 myYouth 阅读(84) 评论(0) 推荐(0)

Nuxt.js 使用vue-social-share.js 插件 分享功能实践
摘要:1. 安装 npm install vue-social-share -S 2.在nuxt项目的跟目录下的plugins文件夹下创建 vue-social-share.js 例如: 里面内容如下: import Vue from 'vue' import Share from 'vue-social 阅读全文

posted @ 2021-07-18 23:21 myYouth 阅读(994) 评论(0) 推荐(0)

校验邮箱正则
摘要:/^\w+@[a-zA-Z0-9]+((\.[a-z0-9A-Z]{1,})+)$/ xxx@xxx.xxx.xxx 阅读全文

posted @ 2021-05-12 12:05 myYouth 阅读(2254) 评论(0) 推荐(0)

.eslintrc.js
摘要:module.exports = { root: true, parserOptions: { parser: 'babel-eslint', sourceType: 'module' }, env: { browser: true, node: true, es6: true, }, extend 阅读全文

posted @ 2020-07-31 10:20 myYouth 阅读(663) 评论(0) 推荐(0)

vue截图,上传,下载,预览
摘要:1. npm install html2canvas -D ; 2. 需要截图的页面引入 import html2canvas from 'html2canvas' 3.需要截图的容器加 ref; <div ref="imageTofile" class="dashboard-container h 阅读全文

posted @ 2020-05-22 10:30 myYouth 阅读(2139) 评论(0) 推荐(1)

widows 10 下解决在npm install python 环境报错的问题
摘要:1.使用管理员打开cmd 2.安装 node-gyp; gyp是一种根据c++源代码编译的工具,node-gyp就是为node编译c++扩展的时候使用的编译工具。 npm install -g node-gyp 3.python2.7 因为node-gyp需要依赖python2.7和微软的vc++构 阅读全文

posted @ 2020-02-03 12:39 myYouth 阅读(4901) 评论(0) 推荐(0)

阿里云服务器新手安装nginx
摘要:1.域名购买之后 备案。 2.购买服务器。 3.这两个条件具备之后进行下一步。 本人使用Mac ,实践流程按照Mac本的流程操作。 作为初学者,简配的服务器, 实例类型: I/O优化,操作系统: CentOS 7.4 64位 nginx 1.10 ps:为了将本地文件传到服务器,下载filezill 阅读全文

posted @ 2018-10-10 10:54 myYouth 阅读(5531) 评论(3) 推荐(0)

基于canvas绘图 缩放 做标记
摘要:技术要点: 1.img 绘制到canvas 2.绘制完成以后进行拖拽,缩放 3.使用canvas画图,在绘制的img上进行标记划线,当然可以实现跟过功能,例如百度地图的功能,做单个标记,区域标记等。 4.实现坐标等转换,标记区域的所有坐标都是基于相对原始图片的坐标,便于其他操作。 实际项目中的开发实 阅读全文

posted @ 2018-06-14 16:29 myYouth 阅读(2059) 评论(8) 推荐(2)

echarts3.0 实例容器不实时更新页面的问题
摘要:var instanceId = document.getElementById(option.echartId).getAttribute('_echarts3_instance_'); if (instanceId) { var myInstance = option.echarts3.getI 阅读全文

posted @ 2017-12-26 13:12 myYouth 阅读(1408) 评论(0) 推荐(0)

获取URL地址栏参数(正则表达式)
摘要:/** * 获取地址栏参数 * @method queryURLParameter * @param {url:不传默认是当前locationhref ,isEncoded:是否是加密,不加密false,加密需要解密:true} * @return {参数对象} * eg:https://i.cnb 阅读全文

posted @ 2017-04-13 10:33 myYouth 阅读(850) 评论(0) 推荐(0)

js拖拽
摘要:<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>darg</title> <style type="text/css"> .login_title { cursor: move; position: absolu 阅读全文

posted @ 2017-03-23 15:59 myYouth 阅读(308) 评论(0) 推荐(0)

原生js 的ajax封装
摘要:/** * 封装ajax函数(包括跨域) * @method ajax * @param option :{type:"post" or "get" 请求方式,url:"url" 请求地址,data:object 请求参数,async:"true" 异步or“false”同步,success:fun 阅读全文

posted @ 2017-03-21 17:39 myYouth 阅读(305) 评论(0) 推荐(0)

原生js回到顶部
摘要:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .test{ background: #ff0000; width:100%; height: 5000px;; } . 阅读全文

posted @ 2017-03-14 18:33 myYouth 阅读(573) 评论(0) 推荐(0)

ajax请求过程
摘要:1.什么是ajax AJAX=Asynchronous JavaScript and XML >异步的javascript和xml AJAX是在不重新加载整个页面的情况下与服务器交换数据并更新部分网页的艺术,是一种用于创建快速动态网页的技术。 XMLHttpRequest 是AJAX的基础,现代所有 阅读全文

posted @ 2017-03-13 16:38 myYouth 阅读(849) 评论(0) 推荐(0)

HTTP请求过程
摘要:本文转载于(https://foofish.net/http-request-process.html) 一次完整的HTTP请求过程从TCP三次握手建立连接成功后开始,客户端按照指定的格式开始向服务端发送HTTP请求,服务端接收请求后,解析HTTP请求,处理完业务逻辑,最后返回一个HTTP的响应给客 阅读全文

posted @ 2017-03-13 15:55 myYouth 阅读(661) 评论(0) 推荐(0)

JS中的柯里化(currying) 转载自张鑫旭-鑫空间-鑫生活[http://www.zhangxinxu.com]
摘要:JS中的柯里化(currying) by zhangxinxu from http://www.zhangxinxu.com 本文地址:http://www.zhangxinxu.com/wordpress/?p=3048 一、柯里化和柯南的关系是? 回答:如果我说“柯里化 == 柯南”呢? 众人: 阅读全文

posted @ 2017-03-09 15:16 myYouth 阅读(516) 评论(0) 推荐(0)

DOM0、DOM2级事件
摘要:JavaScript DOM0、DOM2级事件 1、DOM0级事件:on+事件类型 2、DOM2级事件: addEventListener(events,handler,boolean), removeEventListener(events,handler) 3、解绑事件: 阅读全文

posted @ 2017-03-08 11:55 myYouth 阅读(392) 评论(0) 推荐(0)

js对象 数组Array详解 (参照MDN官网:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/find)
摘要:concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。 var n=[4,5,6]; console.log(m.concat(n))//1,2,3,4,5,4,5,6; .constructor:当前数组通过__proto__指向Array这个构 阅读全文

posted @ 2017-03-07 14:02 myYouth 阅读(2077) 评论(0) 推荐(0)

vue2.0.js基础开发使用心得(结合实际项目对数据的增删改查)
摘要:1.首先申明,没有使用vue 的组件,以及脚手架等,都是一些基础语法的使用。 2.自己的项目结合使用jquery,首先引入vue2.0.js和jquery vue2.0下载地址:https://cn.vuejs.org/v2/guide/installation.html >生产版本 3.建立vie 阅读全文

posted @ 2017-03-06 11:38 myYouth 阅读(1181) 评论(0) 推荐(0)

1 2 下一页

导航