ion_L的博客

原创 HTML特殊字符对应表

原创 特殊符号大全

自定义表情(*ﾟ∀ﾟ*) (o^^o)♪ (✪ω✪) (✧◡✧)٩۹◔̯◔۶۶←w← (￣ˇ￣) ヾ(´▽｀;)ゝ (๑ó﹏ò๑)┭┮﹏┭┮ (｡´∀｀)ﾉ (ÒωÓױ) _(:з」∠)_(▼皿▼#) ✧*｡٩(ˊωˋ*)و✧*｡( •̥́ ˍ •̀ू ) (｡•́︿•̀｡)( •̥́ ˍ •̀ू )嘤嘤嘤~" ｡ﾟ(ﾟ≧□≦ﾟ)ﾟ｡早(...

原创 微信小程序基础

什么是微信小程序微信小程序是一种不需下载安装即可使用的应用，他实现了应用“触手可及”的梦想。用户扫一扫或者搜一下即可打开应用，也提现了“用完即走”的理念。用户不用关心是否安装太多应用的问题，应用将无处不在又随时可用，但又“无需安装卸载”。微信上才能使用微信公众平台接口测试帐号申请...

原创 angular基础（ 1.2 -- 2.0版本 ）

教程推荐位置：http://www.angularjs.net.cn/tutorial/本人是比较倾向《angular权威教程》和angular手册结合的方式学习。调试工具极力推荐：ng-inspector1、数据绑定angular数据绑定的两个方式：（1）ng-bind指令（2）差值表达式（3）ng-model双向数据绑定ng-bind和差值表达式都可以写简单的js表达式，n...

原创 Vue基础

关于MVC、MVP和MVVM的理解MVC作为经典的框架模式，视图层，数据层以及业务逻辑层都有关联，缺点是数据和视图耦合性高，逻辑层臃肿。MVP视图和数据都通过P这个中间层交互，导致P层特别臃肿。但是去除了数据和视图的耦合性，维护起来更方便。MVVM把VM代替上面的C和P层，直接通过数据驱动渲染视图。1、v-for指令vue2.0相对1.0的变化(1)包含参数index时...

原创 二级Mysql语句

数据库连接mysql -u['username'] -p['password']数据库退出exit数据库操作创建：create database test(数据库名) DEFAULT CHARACTER SET UTF8 COLLATE UTF8_GENERAL_CI;修改：alter database test deafault character set...

原创 技术文章个人收藏

https://segmentfault.com/a/1190000016324962?utm_source=tag-neweststarof博客园animation入门详解::before和::after伪元素用法程序员必须知道的一些有用的外国网站Cookie、localStorage、sessionStorage本地化存储简单分析比较...

原创 es6（ES2015）总结

es各个版本的兼容性   http://kangax.github.io/compat-table             es6（ES2015）在IE10+、chorme、firefox、移动端和NodeJs都能得到有效支持。对于不支持es6的情况，有两种方式处理：（1）在线转换 //使用babel babel也叫browser.js 注意指定script的type="te...

原创 我的购机记录

年份名称价格(元)CPU屏幕相机存储电池容量重量运营商网络其他2019华为nova 5i Pro1599麒麟810（2.3GHZ）60HZ+IPS+6.26英寸+2340*1080像素48MP+8MP+2MP+2MP(后置)+3.2MP8+128G4000mAh(20W快充)178g4G2019小米82200骁龙845(2.8GHZ)60HZ+AMOLED+6.21英寸+2248*1080像素12MP+12MP(后置) 20MP(前置...

转载 【转载】EDM制作要点

EDM是Email Direct Marketing的缩写，虽然也是html，但是和我们在网页上使用的html不同，因为安全原因，各大邮箱服务商级邮件客户端都会对邮件内容进行一定程度上的处理，不会按照你写的原本的html展示避免垃圾邮件即使邮件做的再精美，被邮箱自动识别为垃圾邮件也白费，每个邮箱都有自己的垃圾邮件识别规则，了解一下可以避免EDM被当作垃圾邮件，关于这点知乎上哟个经典的问题怎么样才能让自己服务器发出的邮件不被 Gmail、Hotmail、163、QQ 等邮箱放入垃圾箱？绝大多数是服务器设

原创 checkbox自定义样式

<label> <input type="checkbox" ng-model="checkFormObject.obj.receive"> <span></span> I consent to receive marketing communications from xxx</label>/* less */[type='checkbox'] { opacity: 0; & + span

原创 django学习

最近打算学习django这门web框架，先收集点教程，之后慢慢总结．别人收集的django入门教程django1.8 中文文档　国人翻译python版本：3.6.3官方文档：https://docs.python.org/3.6/library/index.html中文文档：http://www.pythondoc.com/pythontutorial3/index.htmldjango版本：2.2.7官方文档：https://docs.djangoproject.com/en/2.2/中文

转载 Ubuntu16.04安装最新版nodejs

更新ubuntu软件源sudo apt-get updatesudo apt-get install -y python-software-properties software-properties-commonsudo add-apt-repository ppa:chris-lea/node.jssudo apt-get update安装nodejssudo apt-get i...

原创 css修改图片尺寸后图片变模糊的问题

在富文本编辑器编辑文章发布到网站上时，因图片尺寸过大或导致页面混乱，并且需要兼容移动端。所以需要给图片限制max-width: 100%, 但是设置改属性后，若图片超过100%会导致图片模糊。关于这个问题我提出下我的解决方案：直接法：图片模糊可以认为是在图片缩小或者放大过程中难以避免的问题，可以通过设置图像缩放算法来尽量生成适合的图片下面方式是通过非平滑缩放算法对图片进行缩放，适用于像素艺术作品，例如一些网页游戏中的图像。图片中字体会更加清晰一些，但是线条可能会断裂。如下图：image-ren

原创 火狐浏览器出现播放视频出现---没有找到支持的视频和MIME类型

如上图所示，视频在Chrome播放正常，在Firefox播放提示没有找到支持的视频和MIME类型。刚开始的时候惯例先百度，发现都是说设置服务器的IIS, 而且还都是window server的服务器。于是认为放弃这条线索，思索是不是编码问题，通过格式工厂对视频进行转化，如下图：注意Chrome浏览器只支持这个视频编码，同时也要看下音频编码是不是AAC。转化上传之后，问题依旧。这就烦躁了，于是新页面打开这个视频，终于发现了问题所在。原来是https证书过期了，在七牛云上重新购买免费证书部署就好了。.

原创 前端常见跨域解决方案

转自： https://segmentfault.com/a/1190000011145364什么是跨域？跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，这里跨域是广义的。广义的跨域：1.) 资源跳转： A链接、重定向、表单提交2.) 资源嵌入： <link>、<script>、<img>、<frame>等dom标签，还有样式中b...

原创 node和npm使用记录

鉴于使用npm的时候经常遇到各种报错，这里记录下遇到报错的解决方法NPM篇npm list -g --depth 0报错根据报错提示，是全局包@vue/cli出现了问题，首先尝试更新它：npm update -g @vue/cli，不行的话卸载重装：npm uninstall -g @vue/clinpm install -g @vue/cli卸载失败的话可以根据提示直接手动删除后话，即使解决了npm ls的大量报错，但是依旧存在少量的报错，如下图：第一种报错peer dep mi

原创 npm run build报错问题

错误提示 Call retries were exceeded这个问题我一开始认为是项目中存在about.js的依赖，但是不存在about.js的文件导致。call retries were exceeded 翻译过来是 重试超时， 感觉也没有参考价值。看了很多博客都是先删除包npm unintall然后在npm install， 但是毫无效果。最终测试发现是本人引入的mock文件太大导致，删除测试文件的引入或者设置成production环境不添加mock即可。后来发现一篇相关的issue： http

原创 js打开新窗口被拦截问题

打开新窗口的方式主要有用户直接点击的事件是不会被浏览器拦截的，如DOM里面的form标签和a标签，用户点击可以正常打开新窗口。

转载 解决csdn打开慢的问题

其实很简单, csdn打开慢, 是因为其广告加载有问题的.只需要在 C:\Windows\System32\drivers\etc\hosts 文件中 添加这一行就可以了:127.0.0.1 allyes.com添加完, 打开cmd,输入ipconfig /flushdns重点打开 csdn首页, 发现秒开了有木有!csdn首页还加载了其它一些东西, 比如 google-analysis.com 这种的, 不过还好, 不太影响打开速度.参考文章：https://blog.csdn.net/ca

原创 我的表单验证器

(function () { angular.module('validator.rules', ['validator']).config([ '$validatorProvider', function ($validatorProvider) { $validatorProvider.register('required', { invoke: 'blur', validator: /.+/

原创 angularjs自定义的一些常用指令

// 元素ng-model值改变时触发(在元素readonly的时候无法通过ng-change触发事件时很有用)// 例子： <input type="text" ng-model="obj.name" name="username" ng-model-change="alert(obj.name)" />App.directive('ngModelChange', function () { return { restrict: 'A', requi

原创 gulp3学习

gulpfile.js// Gulp中提供的方法（这里是gulp3的方法，升级成4+后不能传递一个依赖任务列表。）// gulp.src() 获取任务要处理的文件// gulp.dest() 输出文件// gulp.task() 建立gulp任务// gulp.watch() 监控文件的变化// gulp-htmlmin: html文件压缩// gulp-csso: 压缩css// gulp-babel: JavaScript语法转化// gulp-uglify: 压缩混淆Jav

转载 解决终端SSH连接服务器一段时间不操作之后卡死的问题

卡死是因为LIUNX安全设置问题，在一段时间内没有使用数据的情况下会自动断开，解决方法就是让本地或者服务器隔一段时间发送一个请求给对方即可在本地打开配置文件（不建议在server端设置）sudo vim /etc/ssh/ssh_config添加以下参数，如果有直接修改ServerAliveInterval 50 #每隔50秒就向服务器发送一个请求ServerAliveCountMax ...

原创 图片转base64

本地读取图片转base64<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-s...

原创 angularjs渲染完成后触发事件

通常的Web程序，我们需要在页面加载完成的时候执行某些特定的操作，在没有AngularJs的时候一般采用的是监听onLoad event。但在使用AngularJs来渲染页面时，onLoad不能保证AngularJs已经完成了页面的渲染。最常见的情况就是用AngularJs来加载某个数据Table，我们得等这个Table加载完之后对Table上的数据进行操作，但因为这个Table是由Angular...

原创 对于可点击元素的拖拽实现

<style> #running-mouse { position: fixed; left: 30px; bottom: 15%; z-index: 1000; cursor: pointer; }</style><div id="running-mouse">...

转载 Sublime Text3 实现实时刷新页面

https://blog.csdn.net/dearmorning/article/details/78925758

原创 【wkhtmltopdf】Exit with code 1 due to http error: 1005

今天遇到这个问题，主要是有时候会出现，有时候不出现，出现概率是个谜，记录下作为借鉴。QSslSocket: cannot resolve SSLv2_client_method ] 10%QSslSocket: cannot resolve SSLv2_server_method关于这个错误的解决方法见：https://stackoverflow.co...

原创 gitlab使用记录

1. 复制原项目地址2. New project3. import project – 选择 Repo by URL4. 填入信息，点击“create project”5. 等待拉取完成

原创 git 合作开发教程

1、首先，我们这里选用GitHub作为代码存储仓库，git bash是我们常用的git操作窗口（cmd也可以，建议用git bash）。GitHub：https://github.com/Git工具：https://git-scm.com/download/win注册GitHub账号并安装好git就可以在项目目录下右键打开git bash了。2、设置git用户名和邮...

原创 JavaScript学习笔记

浏览器控制台使用详细见：https://blog.csdn.net/ion_L/article/details/85208646这里记录几点不容易知道的小知识：Waterfall中有一条蓝线和一条红线，蓝线表示DOM Content Loaded事件触发的时间，红线表示Window onload事件触发的时间。面板拆分Elements - 页面dom元素 Console- 控制台 S...

转载 纯css实现table的表头固定tbody内容显示垂直滚动条

最近在做项目是经常用到table表格来做数据统计，数据少时还好，但是数据多就会导致整个页面看起来乱，用户体验不好，为了使得用户体验更好，所以就会为table的内容上显示滚动条，这样即使再多的数据也不怕因为过多导致页面显示难看。转自： https://www.mybj123.com/667.html第一种css方法<table width="80%" border="1"> ...

原创 IE8 Firefox Chrome Safari 不再支持 COL 及 COLGROUP 元素的部分属性及为其设定的 CSS 特性

由图可知，colgroup和col这两个标签存在严重的浏览器兼容问题，在Chrome、FireFox、Safari和ie8+等浏览器中background、width和span属性等到了良好的支持，所以建议最好不要使用。...

原创 Vmware使用记录

找不到虚拟机左边的系统列表栏解决办法：按F9 或者 查看 -> 自定义 -> 库安装Mac系统https://blog.csdn.net/galaxy_yyg/article/details/82891044如果进入了boot manage就是镜像有问题，重新下载个cdr镜像网络无法连接解决方法：虚拟机-设置-硬件-网络适配器-桥接模式此OSX版本太高解决方法：用...

转载 禁止其他网站通过frame嵌入我方网站

1. js方法（不推荐，破解方法很多，而且部分浏览器会阻止页面url的脚本替换）<script type="text/javascript"> if(self != top) { top.location = self.location; }</script2.设置X-Frame-Options响应头Note:设置 meta 标签是无效的！例如&lt...

原创 JSON数据和html表格的互相转换

注意：这个代码只对表头在第一行的表格有效这里的angular.element()就是取jQuery对象，写成$()是一样的，注意引入jqueryjson转成html没有合并行// table_id：需要转化成json的表格id，返回json数组 function htmlToJson(table_id){ var table = angular.element(...

转载 angularjs的mousewheel事件监听

转自：http://demo.sodhanalibrary.com/angular/directive/mouse-wheel-event.html<!DOCTYPE html><html ng-app="myApp" ng-controller="MyCtrl"><head> <script src="https://cdn.boot...

原创 电脑无法播放声音

电脑没有声音原因主要分为两部分，软件故障和硬件故障。软件故障通常是声卡驱动问题，声卡配置问题。硬件问题包括接口故障，播放设备故障，接线错误等。当然还有部分就是使用方法错误，比如插到麦克风插孔中或者音量设置为0。这里主要分析软件方面的故障：声卡驱动问题检查右下角声音控制图标。显示正常并且可以拖动代表声卡安装正常。设备管理器查看是否有黄色感叹号，有的话重装驱动查看是否能够打开Realt...

原创 pycharm配置, 常用快捷键, 使用遇到的问题

配置pycharm 2017 linux版本pycharm配置本身的主题字体pycharm设置编辑器字体pycharm设置支持JavaScript版本pycharm设置背景图pycharm设置鼠标滚动放大字体和自动换行配置快捷键 file — Setting — 在搜索框输入keymappycham常用快捷键Ctrl + W 选中单词Ct...