SF
YuanWing Notes
YuanWing Notes
注册登录
关注博客
注册登录
主页
关于
RSS
iOS11.3以下modal中input光标错位
十木
2018-12-11
阅读 1 分钟
2.6k
先看一下错位的效果: 这本是iOS系统的一个BUG,不过在iOS11.3以后的系统中修复了; 解决办法:在body标签中添加样式: {代码...} 或者 {代码...} 图片来源于:[链接]
SVN迁移到GIT且保留提交日志
十木
2018-05-03
阅读 2 分钟
9.3k
首先,去下载一个git for windows 准备一个空的gitlab仓库 本地新建一个目录(GIT_CODE)用来装我们的源代码 在本地的svn目录下,按住shift键,然后空白处右击,选择在此处打开命令窗口(W) 然后开始进行svn账号与git账号映射,在命令窗口中输入: {代码...} 这个时候,应该在我们的svn目录内生成了一个users.txt文件,内容...
使用crypto-js进行128位AES/ECB/PKCS7Padding加密/解密
十木
2017-09-06
阅读 3 分钟
33.4k
crypto-js支持多种加/解密方案, 这里主要记录一下使用 crypto-js 进行 AES 128位 的加/解密; 前端加密是不安全的, 不安全的, 不安全的; {代码...} 在 package.json 同级目录下新建一个 crypto.js 文件, 写入以下内容: {代码...} 最后可以在 node 环境下运行查看一下结果: {代码...} 为了验证结果是否正确, 可以去网上找...
React.js组件化开发第二步(添加样式及数据请求)
十木
2017-08-03
阅读 3 分钟
4.3k
第一步主要说了一下框架的搭建及组件与路由的创建; 接下来主要是样式的添加及从后台获取数据: 添加样式美化页面 化美化一下我们的公共组件: 在 /src/components/Common/ 目录下添加 NavBar.css: {代码...} 样式要应用, 当然还必须得在组件中引用才行的哟, 修改/src/components/Common/NavBar.js: {代码...} 当然, 也可以...
React.js组件化开发第一步(框架搭建)
十木
2017-08-02
阅读 4 分钟
7.3k
开始前 安装 node.js; 安装 cnpm; 安装 yarn; 安装完成yarn后, 将镜像替换成国内的: {代码...} 安装 create-react-app: {代码...} 项目初始化 命令行切到需要创建项目的目录内, 然后执行: {代码...} 初始化生成的文件先不管, 做项目还是得好好的分目录的哟, 接下来安装react-router 因为, 是在浏览器内运行的, 所以安装r...
audio自定义简易音频播放器
十木
2016-08-22
阅读 1 分钟
6.7k
先看一下效果: 点击这里查看DEMO, 当然源代码也都在这个文件里啦; 功能: 播放/暂停 音频轨迹随意拖动 播放时间及总时间 静音 实现逻辑: 当然, 最终还是使用的HTML5的audio的相关API实现的; 首先, 写好播放器相关的样式并且隐藏默认的播放器;然后, 就是一步步实现逻辑啦: 播放/暂停 audio.play()播放音频;audio.pause()暂...
ESLint简单操作
十木
2016-04-19
阅读 3 分钟
11.5k
在团队协作中,为避免低级 Bug、产出风格统一的代码,会预先制定编码规范。使用 Lint 工具和代码风格检测工具,则可以辅助编码规范执行,有效控制代码质量。
使用JavaScript获取绝对URL
十木
2016-04-18
阅读 1 分钟
2.2k
JavaScript 开发中有时需要获取绝对 URL;默认的HTML中的src和href属性都会返回绝对路径,但是一些以字符串形式存储的 URL 则处理起来会比较繁琐,比如:
一丢丢前端常用的小技巧
十木
2016-03-05
阅读 2 分钟
2.1k
获取DOM节点: document.getElementById(): 只能运用到document上, 返回找到的元素节点, 速度是最快的; dom.getElementsByTagName(): 能运用到所有元素节点上, 返回一个类数组的集合; dom.getElementsByClassName(): 同上; dom.querySelector(): 能运用到所有元素节点上, 返回第一个匹配的元素, 参数是标准的css选择器; d...
JavaScript 18位身份证验证及身份证号码规则
十木
2016-02-15
阅读 4 分钟
21.5k
1-2位省、自治区、直辖市代码;3-4位地级市、盟、自治州代码;5-6位县、县级市、区代码;7-14位出生年月日,比如19670401代表1967年4月1日;15-17位为顺序号,其中17位男为单数,女为双数;18位为校验码,0-9和X,由公式随机产生;
Mac SVN 命令行
十木
2016-02-02
阅读 3 分钟
2.8k
原文链接:[链接] 以下是一些常用命令 将文件checkout到本地目录 {代码...} 往版本库中添加新的文件 {代码...} 将改动的文件提交到版本库 {代码...} 加锁/解锁 {代码...} 更新到某个版本 {代码...} 查看文件或者目录状态 {代码...} 删除文件 {代码...} 查看日志 {代码...} 查看文件详细信息 {代码...} 比较差异 {代码...}...
纯CSS实现页签切换效果
十木
2015-07-30
阅读 7 分钟
7.9k
主要运用了 CSS3 的 :checked 选择器, 代码结构跟使用js差不多,只是多了几个radio, 不知道性能上是js快还是css快呢?
Gulp学习指南之CSS合并、压缩与MD5命名及路径替换
十木
2015-06-25
阅读 3 分钟
67.9k
接上一篇文章:Gulp学习指南,这里主要记录一下用 gulp 来合并、压缩CSS以及进行 MD5命名以及替换文件中引入的CSS文件,当然这一系列操作都是用基于gulp插件的,主要会用到下面的几个插件:
纯CSS制作各种图形(多图预警)
十木
2015-05-20
阅读 19 分钟
24k
今天在国外一网站(The Shapes of CSS)看到的,看了一下 css,也不复杂,只是平时没有用心去思考~用心思考~埋头赶路~~ Square(正方形) {代码...} Rectangle(矩形) {代码...} Circle(圆形) {代码...} Oval(椭圆形) {代码...} Triangle Up(向上的三角形) {代码...} Triangle Down(向下) {代码...} Triangle Left(向左) {代...
Gulp学习指南
十木
2015-05-15
阅读 3 分钟
9.9k
安装完之后,要在我们的项目中使用,需要命令行切换到项目根目录(可以 右键 点击项目根目录选择 在此处打开命令窗口(W)),然后执行下面的命令: