- 博客(45)
- 资源 (5)
- 收藏
- 关注
RSS订阅原创 本地调试使用https协议的方法
下载附件中的 rootCA.pem，打开”钥匙串“功能，在”系统“项目下导入该 pem双击该证书，在“信任”设置中设置为“始终信任”将附件中的 server.key 和 server.crt 文件下载，放入 工程 根目录下在 hosts 文件中添加映射关系： 127.0.0.1 开发域名npm run debug服务启动后访问即可证书生成参考资料：https://www.free...
2020-02-17 11:29:42
1803
原创 node线上服务需要具备的知识技能
线上环境，需要了解哪方面的知识说明这里之说明一个访问，和基础的介绍，不做引申。大家有时间，深入了解各项内容。liunx环境变量常用shell 命令（awk，grep ，cat，ls，cd，cp，mv，pwd等）用户，权限端口查看进程查看端口-进程-程序对应关系防火墙配置、查看定时任务配置、查看ssh,ssh-keygennodelinux 下安装使用，结合linu...
2020-02-17 11:15:40
149
原创 前端页面布局
前端页面布局静态布局（Static Layout）最传统、原始的Web布局设计。网页最外层容器(outer)有固定的大小,所有的内容以该容器为标准,超出宽高的部分用滚动条(overflow:scroll)来实现滚动查阅。宽度固定，不需要考虑用户浏览器的宽度，布局简单。移动端和pc端页面不通用，需要设计移动端与pc两套页面，并分别设置单独的域名访问。PC端限制了最小的宽度, 低于了则以最...
2020-02-17 11:12:09
1133
原创 什么是 SSH 以及常见 ssh 用法
什么是 SSH ?简单说，SSH 是一种网络协议，用于计算机之间的加密登录。如果一个用户从本地计算机，使用 SSH 协议登录到另一台远程计算机，我们就可以认为，这种登录是安全的，即使被中途截获，密码也不会泄露。最早的时候，互联网通信都是明文通信，一旦被截获，内容就暴露无疑。1995年，芬兰学者Tatu Ylonen设计了SSH协议，将登录信息全部加密，成为互联网安全的一个基本解决方案，迅速在...
2020-02-17 10:56:07
1876
原创 URL encode 意识
为什么要对URL进行encodeURL 规范不用大写；（强制）用中杠-不用下杠_；（强制）参数列表要encode，编码使用utf-8；（强制）URI中的名词表示资源集合，使用复数形式。（建议）增加版本号（建议）url转义其实也是为了符合url的规范而已。因为在标准的url规范中中文和很多的字符是不允许出现在url中的URL 需要转化的字符ASCII 的控制字符这些字符都是不...
2020-02-17 10:45:09
449
原创 Mac iterm2配置
iterm2 下载地址: https://www.iterm2.com/一. 执行如下脚本open ~/Library/Application\ Support/iTerm2/DynamicProfiles/二. 新建vpc.json 文件并放入到上面打开的文件夹中（vpc.json 为服务器信息）{ "Profiles": [ { "Tags": [ ...
2020-02-17 10:25:32
220
原创 发布线上报错 Host key verification failed.
发布报错 Host key verification failed.问题描述发布线上环境时，脚本报错，报行如下信息RSA host key for git.tianyancha.com has changed and you have requested strict checking.Host key verification failed.如图：问题原因我们yarn 、npm...
2020-02-17 10:11:04
395
原创 近一年半感想
来新公司已经一年半的时间，成长不少，从事前端行业三年多，对前端有了一定的认识，现在也属于中高级前端工程师，自己认知到一个高级前端工程师应改具备的几个能力！
2020-02-17 09:48:12
96
原创 vue2.0 + element UI
vue2.0 + element UI 项目笔记—–后台管理系统使用vue2.0做了好多项目，由于这段时间太太忙，都无暇整理笔记，呜呜~~~：项目结构api封装vue-routervuex父子组件通讯项目结构api封装 通过axios与后台交互，封装常用api路径 index/** * Created by Christa...
2018-07-04 17:29:17
623
原创 小程序图片widhtFix属性加载时图片拉长
网上找的方法试了一下，还不错效果： 先将图片隐藏hidden，然后当图片加载完成bindload后再将图片渐渐显示出来，高度设为auto，这样效果还不错 1.wxml<image hidden="{{!showPic}}" animation="{{animationData}}" style="opacity:0;height:auto" bindload="showPicture...
2018-05-04 10:42:36
2330
3
原创 浅谈小程序获取用户信息接口调整
一. 五一节前调整了获取用户信息接口，迫使我们项目需要更改登录接口，首先看一下官网给出的理由和方法： 为优化用户体验，使用 wx.getUserInfo 接口直接弹出授权框的开发方式将逐步不再支持。从2018年4月30日开始，小程序与小游戏的体验版、开发版调用 wx.getUserInfo 接口，将无法弹出授权询问框，默认调用失败。正式版暂不受影响。开发者可使用以下方式获取或展示用户信息：
2018-05-04 10:26:57
12308
7
原创 小程序多音频播放进度条问题
真的脑子疼，小程序的音频组件居然没有进度控制的功能，网上的方法又很少，逻辑通了就好写了。 1.所有音频播放、停止按钮使用状态切换控制 2.当点击某个音频播放时，首先将所有音频的状态置为停止状态，然后将当前音频置为播放状态 3.滚动条插件配合音频控件一起使用 4.播放状态时滚动条的长度随音频进度变化而变化，时间也要显示 5.拖动滚动条时，音频的当前时间随滚动条变化而变化 6.1.wxml<
2018-04-28 18:51:00
3363
8
原创 小程序生成二维码B接口问题
1.前端接不到场景值scene的问题 开始一直测试，打印、toast都没有获得scene的值，一直在找原因，还有在网上看到有人说是什么重定向的问题，分享过来的页面没有走onload等等，其实就是因为生成的二维码是线上的，本地小程序当然测不到，文档给的又少，真的是。。。2.使用开发者工具模拟长图分享功能 后来发现文档的意识是去模拟scene，本地接不到 注意将启动参数设为加密都URL 类似
2018-04-28 18:35:54
2773
原创 鼠标滚动放大缩小dom元素
最近的项目中需要滚动鼠标放大缩小一份报告，在用d3.js的库，但是zooming不是很符合项目的需求，所以用到一些别的小知识 1.监听鼠标滚动事件<script src="js/jquery.mousewheel.min.js"></script>$('.cover').bind('mousewheel', function (event, delta) { var di
2018-01-15 09:32:50
3848
原创 新闻小标，省略文字
今天看到一个同事做项目时，新闻列表是后台截去返回的，太好玩儿了，这个是一个css3的一个小小的属性就可以的实现的效果，却用后台截取，啊哈哈哈哈，开始正题咯！ 1.利用css3的小属性white-space: nowrap;//文字显示在一行overflow: hidden;text-overflow: ellipsis;//隐藏文字，ellipsis是将隐藏的文字转化为...2.小例子
2018-01-09 14:58:23
243
原创 解决苹果微信浏览器下拉回弹效果
.content是需要滑动的部分var overscroll = function(el) { el.addEventListener('touchstart', function() { var top = el.scrollTop ,totalScroll = el.scrollHeight ,currentScroll =
2017-11-27 17:10:03
9942
原创 平铺日历手机端插件zabuto_calendar
项目中需要预定日期的功能，zabuto_calendar这个插件很好用 一点要到官网去获取源代码http://zabuto.com/dev/calendar/examples/ 百度上的资源需要自己修改框架才能正常使用项目重要代码：$("#time-calendar").zabuto_calendar({ language: "cn", sho
2017-11-26 12:59:00
2301
2
原创 百度地图jsapi
项目需求：根据客户所在城市显示体检机构。 首先要定位到客户所在城市，然后把此城市的所有体检机构显示出来供用户选择。 过程中遇到的问题，百度不到，但是慢慢的就解决了，比如初始化后地图的中心点并不在屏幕的中心，批量地址解析行不通等。 1.申请百度ak<script src="http://api.map.baidu.com/api?v=2.0&ak=PeBUf5626HGDsEWw2Hk8e6sw
2017-11-26 12:52:49
2397
原创 echarts.js的基础
最近在做一个体检的项目，有数据分析的模块，用到了echarts这个插件，记录一下下咯！1.引入js<script src="/public/dist/js/echarts.js"></script>2.在dom中插入chart<div id="pie"> <div id="pieChart" style="width:650px;height:300px;"</div></div>3.初始化c
2017-11-16 10:59:31
579
原创 jssdk的图像接口
项目中遇到了需要在微信公众号里上传图片的功能。如图所示： 点击“认证照片”按钮就需要调用微信图像接口，上传到微信服务器，可以预览，也可以下载到自己的服务器上，代码如下：1.引入js（有些新接口需要引用到1.2.0，这个是目前最新的版本）<script src='http://res.wx.qq.com/open/js/jweixin-1.2.0.js'></script>2.初始化配置wx.con
2017-09-17 13:54:00
913
原创 点击打印按钮，开始渲染iframe然后执行打印事件
项目中用的是pdf.js插件实现在线预览和打印PDF功能的。但是对于特别大的文件用PDF.js打印就会出现问题，渲染及其慢，影响用户体验，因为pdf.js是将pdf文件用canvas渲染出来的，如果是100张以上的PDF文件打印就会慢好多，更别说项目中普遍是1000多页的文件。解决方法就是禁止掉pdf.js插件的打印功能，利用浏览器直接打印。代码如下：<iframe style="display:
2017-08-17 11:15:34
4785
原创 datatables项目心得
最近在做后台管理系统，普遍用到了datatables这个插件，挺好用的，由于第一次用走了好多弯路，记下来吧！中文官网的上api可以看看的还是http://www.datatables.club/关于进入详情返回上一页的页码 开始走了好多弯路，从后台传入页码值放到href里，到详情页获取到页码数然后放到localStorage里，然后就可以再返回上一页时就可以获取到页码数。这个方法固然可以，是常
2017-08-15 16:55:39
524
转载 刷新iframe页面$('#iframe').attr('src', $('#iframe').attr('src'));
1，reload 方法，该方法强迫浏览器刷新当前页面。 语法：location.reload([bForceGet]) 参数： bForceGet， 可选参数， 默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5(“刷新”)window.location.reload();//方法1document.getElement
2017-07-12 11:55:20
13473
原创 基本的增删改查
_ajaxHandler.getShop(); $("#search").on("click",function () { _funcHandler.searchShop(); }) $("table").on("click",".delete",function () { _funcHandler.delShop($(this));
2017-06-28 15:14:19
254
原创 百度富文本编辑器的多图上传单独放在项目
在线搜索的功能不是很好用，有待改进！需要改ueditor/php/config.json文件的路径"imagePathFormat": "/upload/{filename}",/* 上传保存路径,可以自定义保存路径和文件名格式 */ /* {filename} 会替换成原文件名,配置这项需要注意中文乱码问题 */
2017-06-28 10:56:26
1906
原创 表单判断（正则）
<div class="checkbox"> <label> <input name="sex" class="sex" type="radio" value='1'> <span class='cr'>男</span> </label> <label> <
2017-06-28 10:47:13
294
原创 微信分享
分享的缩略图必须是300*300的，这个小问题弄了好久，呜呜···<!-- * 描述：微信链接分享朋友/朋友圈 * 时间：2017-06-26 * 作者：FLX --> <script src='http://res.wx.qq.com/open/js/jweixin-1.0.0.js'></script> <script src='http://203.195.23
2017-06-28 10:43:02
267
原创 CheckBox复选框判断空
一个很小很小的小功能，记下来下回用if($(“input[name=’column’]:checked”).size()==0){ alert（‘请选一个！’） }
2017-06-23 22:04:52
714
1
原创 弹框的一种简单css用法
<div class="coverbox"> <div class="covercont"> <div class="covernav"> <span class='close'><img src="/style/images/close.png" style='width:60%;'></span> </div> <div class="c
2017-06-21 10:18:02
1231
原创 $merge()合并两个数组方法
项目中用到了需要合并多个数组的方法，jq里有$.merge（）方法比较好用，但是只能合并两个数组，合并多个的话需要重复使用，不可以一次性使用，这个就有点不合理啦嘿嘿！ar gallery = $('.gallery-cont'),team = $('.team-cont'),client = $('.client'); =======================================
2017-06-21 10:15:07
3068
转载 导航栏随屏幕移动而变化
先吐槽一下下，好久没有整理东西了，最近忙死啦，天天加班到十点，不过这样会成长很快，也是蛮开心的！好了开始整理一下下！项目中用到了头部导航需要随着鼠标的滑动而变化，所以上网查了很多资料，其实很简单就能实现的效果。//css 部分---------------------.header-top { padding: 1em 0; /*background: #337AB7;*/ backgr
2017-06-21 10:11:36
4288
1
原创 printArea.js局部打印插件
题记：项目中需要打印报告这个需求。当然不能有页眉和页脚，百度试了很多方法都实现不了，目前只能是用户在浏览器里设置，只需设置一次即可，但是这是很不友好的，有待日后解决！上代码： 插件：// JavaScript Document(function($) {var printAreaCount = 0;$.fn.printArea = function(){var ele = $(this);
2017-04-18 11:27:21
3151
原创 自动切换下一题
题记：依然是量表系统工程，答题的过程中除了点击下一题来进入下一题外，还可以在选完选项后自动跳入下一题。代码如下： //自动切换下一题 function nextAjax(){ var num = $(".question_number").text(); //alert(num); //return; var formi
2017-04-17 16:03:16
1748
1
转载 前端两个页面之间传递状态
题记：好久好久没有记录东西了，由于公司最近两个月的一个量表系统项目，天天都在赶需求，清华玉泉医院的护士长也真是实在难缠！现在这个项目基本完成，有好多东西需要记录！就先整理一下简单的东西吧！项目需求：患者答量表之前可以选择是否使用语音！ 这就相当于在一个页面发送请求到另一个页面，使用就应该使得语音自动播放，不使用就应该隐藏audio标签组。通过查阅资料，最简单的方法就是通过url来传递状态。直接上代
2017-04-17 15:24:13
491
原创 input或textarea框动态限制字数
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body><textarea id="text" style="height:40px;"></textarea><div id="input_length_limit">还可以输入 <spa
2017-03-07 15:10:47
705
翻译 欢迎使用CSDN-markdown编辑器
屏蔽双击选中文字的方法FF用样式 ：-moz-user-select:none;FF以外的浏览器用：onselectstart=”return false”（直接加在需要作用的标签）eg: 你选不到我。。。（屏蔽双击选中文字的区域）工作记：今天开会被说基础不扎实！呜呜~最近确实有点懒惰，工作态度不积极，应该被批评，我还是一个 菜鸟，不进步就会被淘汰掉，好好想想自己的方向，自己将来的打算，自己对工作
2017-02-20 16:08:03
197
rootCA.pem
2020-02-17
server.crt
2020-02-17
server.key
2020-02-17
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人