前端小技巧
关注
分享
扫一扫
qq_35321405
打造自己
展开
-
Mac中web前端环境搭建
安装工具node安装，版本中携带npmgit安装nvm安装switchHosts下载visual studio code下载visual studio code 代码格式化https://blog.youkuaiyun.com/qq_35321405/article/details/99970755nvm：nodejs 版本管理工具。也就是说：一个 nvm 可以管理很多 node 版本和 npm 版本。nodejs：在项目开发时的所需要的代码库npm：nodejs 包管理工具。在安装的 node原创 2021-11-24 22:54:55 · 678 阅读 · 0 评论 -
报错：fatal: refusing to merge unrelated histories
一. 问题描述本地仓库在想做同步远程仓库到本地为之后本地仓库推送到远程仓库做准备时报错了，错误如下：fatal: refusing to merge unrelated histories（拒绝合并不相关的历史）二. 问题出现的原因我的项目调整历程：开始直接clone远程仓库到本地，由于仓库命名不规范，又新建了一个仓库；把本地git仓库地址修改成了新改仓库地址，发现不能pull，报fatal: refusing to merge unrelated histories。出现这个问题的最原创 2020-09-09 17:14:58 · 1231 阅读 · 0 评论 -
hosts文件
一.概述Hosts是一个没有扩展名的系统文件，可以用记事本等工具打开，其作用就是将一些常用的网址域名与其对应的IP地址建立一个关联“数据库”，当用户在浏览器中输入一个需要登录的网址时，系统会首先自动从Hosts文件中寻找对应的IP地址，一旦找到，系统会立即打开对应网页，如果没有找到，则系统会再将网址提交DNS域名解析服务器进行IP地址的解析。二. hosts文件右键，选择运行c:\windows\System32\drivers\etc三. 管理hosts工具方便切换，修改，管原创 2020-09-09 15:30:27 · 449 阅读 · 0 评论 -
nginx配置
查看服务日志1. pwd：查看当前所在目录2. 进入存放日志文件目录：cd /export/log3. 开启日志文件：tail –fn200 bull-node_detail.lognginx配置文件1. Linux切换管理员：sudo –s2. Linux nginx配置路径：cd export/servers/nginx/conf/domains/3. 打开nginx配置文件:vim 文件名4. 插入：i5. 保存并退出文件：按键esc退出编辑状态，输入命令:wq!.原创 2020-09-09 15:06:06 · 308 阅读 · 0 评论 -
js正则表达式验证手机，邮箱，身份证
一. 简述判断输入手机号，邮箱，身份证是否合法。二. 方法<input id="id" type="text" placeholder="请输入投保人证件号码" class="section-input" size="18" onchange="isIdAvailable(this.value)"/><in原创 2018-05-26 00:44:45 · 3343 阅读 · 0 评论 -
angular6---引用layer,laydate插件
一. 简述版本为angular6，其他版本一样的步骤。因为第三方插件大部分是js写的，angular直接引用的会出错，angular是基于typeScript基础的。二. 步骤下载laydate插件的 v...原创 2018-05-16 18:09:15 · 5937 阅读 · 5 评论 -
angular6---引入jquery
一. 步骤第一步：进入项目目录，下载jquery npm install --save jquery第二步：进入项目目录，下载jqureynpm install @types/jquery --save第三步：前两步成功的话，会在package.json文件中多处这两行"@types/jquery":"^3.2.12","jquery":"^3.2.1",第四步：在需要使用jquery的地方引用...原创 2018-05-10 17:10:06 · 15547 阅读 · 5 评论 -
鼠标拖动图片，禁止在新窗口中打开图片
一. 简述我们想要拖动图片移动位置，可是发现按住鼠标拖动，会在新的窗口中打开这张图片，影响我们的拖动操作。如何禁止这一行为呢？我们设置禁止拖动的属性就可以了。二. 步骤 <img src="../../assets/img/login_bg.png" draggable="false" ondragstart="return false">...原创 2018-06-11 10:55:51 · 2345 阅读 · 0 评论 -
元素水平垂直居中三种方法实现
一. 简介实现一个元素水平垂直居中的效果。二. 实现<body><div class="center"></div></body>方法一：(此方法适合宽高固定的) .center { width: 200px; height: 200px; position: absolute; left: 50%; t...原创 2018-06-21 17:27:07 · 339 阅读 · 0 评论 -
git查看远程地址，更新代码，提交代码，切换分支命令总结
一.简述git项目管理，包含克隆项目，上传代码，拉去代码，分支管理。二.命令行查看远程git地址：git remote -v 拉去远程所有分支：git fetch -p 删除远程项目地址：git remote rm origin 添加远程代码仓库：git remote add origin http://jcode.cbpmgt.com/git/epp_saas_m_mht_ma...原创 2018-09-03 17:21:16 · 17151 阅读 · 1 评论 -
input调用数字键盘，并限制输入位数
一. 简述手机号输入框的问题，我们想要效果是：控制输入长度，键盘为数字键盘。然而当我们使用 input[type=number]，maxlenght='11'，并没有达到我们想要的效果。长度可以随便输入，键盘不是数字键盘。二. 方法 <input type="number" oninput="if(value.length>11)value=value.slice(0,11)" pat...原创 2018-05-26 00:23:03 · 2845 阅读 · 0 评论 -
angular(Port 4200 is already in use. Use '--port' to specify a different port.)
一. 问题二. 原因4200端口已经占用了，要运行一个新项目的话，换一个端口号就好了。三. 修改项目端口号方法一. 修改文件方法二. 命令行修改ng server --port 6200...转载 2018-05-07 15:05:51 · 1184 阅读 · 0 评论 -
元素在父容器滚动的问题（选中的元素滚动到容器的某个位置）
原理：就是操作滚动元素的父容器，设置滚动条滚动的距离，核心这个距离怎么算？代码里有解释 var scrollTop = $('#sign').scrollTop();//父容器滚动距离 var dotop = $('.' + patientId).offset().top;//滚动元素距离文档顶部距离 v...原创 2018-04-09 11:06:34 · 2809 阅读 · 0 评论 -
jq监测图片加载完成
var img = new Image();img.src = imgurl;if(img.complete){//todo 加载完成，第二次以上展示图片，走的方法} else{img.onload=function(){//todo 加载完成}}原创 2018-04-09 14:26:50 · 607 阅读 · 0 评论 -
canvas渲染图片怎么调成灰阶
解决方法：第一步canvas获取图片的像素。第二步灰度计算公式修改像素。第三步修改后的像素重新渲染canvas2.效果图3.实现步骤获取canvas对象和canvas上下文对象。 var canvas = document.getElementById('myCanvas') var cxt = canvas.getContext('2d') var img = new Ima...原创 2018-04-02 11:35:03 · 863 阅读 · 0 评论 -
canvas渲染网络图片(旋转，灰阶，饱和度操作)并保存到本地
1.问题：canvas渲染项目中的图片，可以保存到本地，但是渲染网络图片，保存本地失败，存在跨域问题？解决方法：在给img标签添加一个属性，支持跨域，img.crossOrigin='Anonymous'。2.问题：canvas渲染图片怎么保存到本地呢？解决方法：可将canvas图像导出为多种格式图片的jQuery插件 3.问题：canvas旋转问题？ $scope.canvasRotate = ...原创 2018-04-02 11:53:21 · 2388 阅读 · 0 评论 -
json字符串格式化展示
layer.open({ type: 1, skin: 'layui-layer-demo', //样式类名 closeBtn: 1, //不显示关闭按钮 anim: 2, shadeClose: true, //开启遮罩关闭 content...原创 2018-04-02 15:26:05 · 3248 阅读 · 1 评论 -
css修改图片对比度，饱和度，灰度
var saturate = 100, contrast = 100, grayscale = 0, max = 100, grad = 1 ;//saturate:饱和度（默认值100，越大越饱和），contrast:对比度（默认值100，越大越对比），grayscale：灰度（默认0，越大灰色程度比较深）function setImginfo(imgid) { $('#' +...原创 2018-04-02 15:46:24 · 9725 阅读 · 1 评论 -
表格固定头部，底部，左侧
1.效果2.实现思路table：表格自适应屏幕的宽度和高度，要实现滚动的话，必须外层加上div(设置你需要的宽度，和高度)，table宽度超过了屏幕的宽度出现水平滚动条，高度超过了div高度出现垂直滚动条。3.实现步骤表头，表内容，底部汇总：分别用三个div(head_div,content_div,foot_div)包裹住，其中表内容的div要设置高度，这样就实现了中间内容滚动，表头底部内容固定...原创 2017-11-15 15:41:28 · 1785 阅读 · 0 评论 -
键盘方向键移动某个元素
1.效果图2.实现原理页面监听按键事件，在方向键按下的时候，移动选中的元素。 //快捷键控制移动 $(document).keydown(function (event) { var keyNum = event.which var item = $('#' + curRectangle) //animate有这个功能，-=2 表示原来的值-2...原创 2018-04-18 15:43:20 · 1044 阅读 · 0 评论 -
鼠标画框，改变框的大小，方向键移动框的位置
demo介绍：左侧：没有数据，中间：图片区域，右侧：图片上的框数据信息实现功能： 1.在图片上可以使用鼠标画框。 2.鼠标点击框，选中右侧该框的数据，并滚动在可视区域内，同理点击右侧数据，中间对应框变色。 3.鼠标放到框上，出现删除，改变大小的图标，离开消失。 4.点击框上删除图标，该框删除，右侧该框的数据也...原创 2018-04-25 15:42:29 · 1925 阅读 · 2 评论 -
方向键移动元素位置，如何禁止父容器滚动条的滚动
一. 问题方向键移动div元素位置，父容器的滚动条会出现滚动。我们需要效果，移动元素的时候，父容器不能滚动。二. 解决方法在键盘监听事件中，我们需要加上这样一行代码就可以了。这个preventDefault()方法，阻止元素发生默认的行为。 event.preventDefault();添加这个方法我们需要注意，它的位置很重要，放到我们需要注销该功能的地方，不然会禁止一切的键盘功能。...原创 2018-05-10 11:08:34 · 2425 阅读 · 1 评论 -
文本内容过多，需要做一个折叠展开的效果
要不是几个月前参加马自达CX-4的周年庆典，我都意识不到马自达CX-4已经上市一年了， 也不知道这款车在时隔一年之后成为了一汽马自达的中流砥柱。想想真是时光荏苒岁月如梭， 就在一年前，我们还在为马自达‘‘好让人担心没米下锅”以及“总是叫好不叫座”担心，一年后就峰回路转了。 马自达原创 2017-09-04 11:16:34 · 3418 阅读 · 2 评论